:root{--ink:#102d5d;--blue:#0860d6;--pink:#fb2573;--mist:#f4f8ff;--border:#dce7fa;--muted:#566985}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Be Vietnam Pro','Segoe UI',Arial,sans-serif;background:linear-gradient(125deg,#f5f9ff 0%,#fff 48%,#fff2f8 100%);line-height:1.65}.v10-header{padding:14px max(18px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;box-shadow:0 2px 14px #0d326416;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;color:#07316c;font-weight:900;text-decoration:none;font-size:19px}.brand img{height:52px;max-width:70px;object-fit:contain}.brand b{color:#f87718}.v10-header nav{display:flex;gap:16px;flex-wrap:wrap}.v10-header nav a{font-weight:750;text-decoration:none;color:var(--ink);font-size:13px}.v10-wrap{max-width:1272px;margin:auto;padding:26px 18px 60px}.v10-hero{padding:35px 42px;background:linear-gradient(110deg,#09275d 0%,#1049a1 65%,#e32275 125%);border-radius:28px;color:white;position:relative;overflow:hidden;box-shadow:0 18px 35px #10447d2b}.v10-hero:after{content:'✿';position:absolute;right:24px;top:-70px;font-size:300px;color:#ffffff13;pointer-events:none}.v10-eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#ffc6e0}.v10-hero h1{font-size:clamp(29px,4.5vw,52px);line-height:1.2;margin:14px 0}.v10-hero h1 em{color:#ffc8da;font-style:normal}.v10-hero p{max-width:850px;margin:12px 0 0;color:#edf5ff;font-size:16px}.v10-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.v10-btn,button{cursor:pointer;font-family:inherit}.v10-btn{text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:13px;font-weight:800;box-shadow:0 5px 12px #0a234829}.v10-pink{background:linear-gradient(100deg,#ff1661,#fe5099);color:white}.v10-blue{background:linear-gradient(110deg,#1354cb,#178af1);color:white}.v10-light{background:white;color:#0f3b81}.v10-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.v10-stats>div{background:white;border:1px solid var(--border);border-radius:17px;padding:16px 18px;box-shadow:0 8px 22px #11498a0d}.v10-stats strong{font-size:26px;display:block;color:#0955be}.v10-stats span{color:var(--muted);font-size:12px}.v10-controls{margin:18px 0;padding:17px;display:flex;gap:12px;align-items:end;flex-wrap:wrap;border:1px solid var(--border);background:#ffffffed;border-radius:19px;box-shadow:0 10px 25px #1641800f}.v10-controls label{display:flex;flex:1;min-width:170px;flex-direction:column;gap:6px;font-size:12px;font-weight:800}.v10-controls select,.v10-controls button{border:1px solid #bfd5ef;background:#fff;color:var(--ink);border-radius:12px;padding:11px 13px;min-height:46px;font-weight:700}.v10-controls button{background:#eaf2ff}.v10-controls button:hover,.v10-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.v10-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:25px 28px;margin:18px 0;box-shadow:0 10px 28px #1446820c}.v10-card h2{font-size:23px;margin:0 0 12px}.v10-card h3{font-size:17px}.v10-muted{color:var(--muted);font-size:13px}.v10-badges{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.v10-badges span{background:#edf4ff;color:#1b58a1;padding:6px 11px;border-radius:999px;font-weight:800;font-size:12px}.v10-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v10-word{border:1px solid #e5ecf8;background:#f9fbff;padding:10px;border-radius:12px;position:relative}.v10-word b{display:block;font-size:16px;color:#18386a;overflow-wrap:anywhere}.v10-word span{font-size:12px;color:var(--muted)}.v10-grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v10-grammar{padding:19px;border:1px solid #cfe1ff;border-radius:15px;background:#f8fbff}.v10-grammar h3{margin:0 0 8px;color:#125cc7;font-size:21px}.v10-grammar blockquote{margin:10px 0 0;padding:8px 13px;border-left:3px solid #ff6aa0;background:#fff}.v10-example{border-bottom:1px solid #e7eef9;padding:11px 4px}.v10-example b{display:block;font-size:16px}.v10-example span{color:#60718a;font-size:13px}.v10-table{width:100%;border-collapse:collapse;font-size:13px}.v10-table td,.v10-table th{border-bottom:1px solid #e1e9f3;padding:11px 9px;text-align:left;vertical-align:top}.v10-table th{background:#f0f6ff;color:#23558c}.v10-question{border:1px solid #e1ebfa;background:#fafdff;border-radius:14px;margin:10px 0;padding:15px}.v10-question legend{font-weight:700;padding:0 6px}.v10-choice{display:block;cursor:pointer;padding:7px 10px;margin:5px 0;border-radius:10px;background:white;border:1px solid #e0e7f2}.v10-choice:hover{background:#ecf4ff}.v10-choice input{accent-color:#1458bd;margin-right:7px}.v10-reveal{padding:10px;background:#eaf9ee;border-radius:9px;margin:9px 0;font-size:13px}.v10-reveal.wrong{background:#fff0f2}.v10-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.v10-toolbar button{padding:10px 15px;border-radius:11px;background:#1661c4;border:0;color:white;font-weight:800;min-height:43px}.v10-toolbar button.secondary{background:#e7f0ff;color:#144d92}.v10-score{font-weight:800;color:#0a4f9b}.v10-listen-item{padding:14px;margin:10px 0;border:1px solid #d9e6f7;border-radius:14px;background:#f9fcff}.v10-listen-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v10-listen-head button{border:0;background:#1779e8;color:white;border-radius:10px;padding:8px 11px;font-weight:800}.v10-script{font-size:13px;white-space:pre-wrap;background:#e8f2ff;padding:10px;border-radius:10px}.v10-draft{width:100%;min-height:170px;border:1px solid #b7cdef;border-radius:12px;padding:12px;font:inherit;resize:vertical}.v10-alert{color:#a33c14}.v10-warning{margin-top:10px;padding:12px 15px;background:#fff6dc;border-radius:12px;color:#865600;font-size:13px}.v10-small-note{font-size:13px;color:#667892;line-height:1.8;margin-top:25px}#v10-alert:not(:empty){padding:13px;background:#fff0df;border-radius:11px;margin:10px 0}.v10-progress{height:11px;background:#e8f0fd;border-radius:99px;overflow:hidden}.v10-progress>span{display:block;background:linear-gradient(90deg,#1665d5,#ff3e8b);height:100%}.v10-room-timer{position:sticky;top:0;padding:14px;background:#0c2861;color:#fff;border-radius:14px;z-index:2;display:flex;justify-content:space-between;gap:15px;align-items:center}.v10-writing-task{padding:12px;background:#f8fbff;border-left:4px solid #418de5}.v10-section-anchor{scroll-margin-top:20px}.v10-card[hidden],.v10-question[hidden]{display:none!important}body.v10-exam .v10-hero{padding:25px 35px}body.v10-exam .v10-hero h1{font-size:34px}.v10-footer{text-align:center;color:#70829a;font-size:12px;margin-top:20px}@media(max-width:850px){.v10-header{flex-wrap:wrap}.v10-words{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-grammar-grid{grid-template-columns:1fr}.v10-controls label{flex-basis:40%}.v10-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.v10-hero{padding:25px 19px}.v10-card{padding:19px 15px;border-radius:16px}.v10-words{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-controls label{min-width:100%}.v10-controls button{flex:1}.v10-hero p{font-size:14px}.v10-header nav{gap:11px}.v10-header nav a{font-size:12px}.v10-table{font-size:12px}.v10-table td,.v10-table th{padding:8px 4px}}

/* MR LEE V11: instructor-first daily flow and clear visible sections */
.v11-lesson-steps{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:16px;margin:15px 0;background:#fff;border:1px solid #d9e7ff;border-radius:17px;box-shadow:0 10px 20px #123c8b0c}
.v11-lesson-steps a{display:inline-flex;align-items:center;text-decoration:none;color:#06458c;background:#edf5ff;font-size:13px;font-weight:800;border-radius:12px;padding:10px 13px;min-height:44px}
.v11-lesson-steps a:first-child{background:#dbeafe}.v11-lesson-steps a:hover{background:#ffe4ee;color:#9f155b}
.v11-search-label{display:grid;gap:6px;font-weight:750;font-size:13px;margin-bottom:15px}.v11-search-label input{border:1px solid #b6ceee;border-radius:12px;padding:12px;font:inherit;max-width:520px;width:100%;color:#183967}
.v10-word[hidden]{display:none!important}.v11-error{background:#fff6f6;border-color:#f8b4bd}.v11-error button{background:#115ac0;color:white;border:0;padding:12px 18px;border-radius:10px}
.v11-main-course{text-align:left}.v10-small-note strong{color:#244a83}
@media (max-width:620px){.v11-lesson-steps a{flex:1 1 46%;justify-content:center;text-align:center}.v10-stats strong{font-size:22px}}