/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--ink:#183a36;--muted:#6f817e;--yellow:#ffc928;--yellow-soft:#fff6d6;--mint:#dff5eb;--green:#1d786c;--line:#e6ece9;--paper:#fbfcfa;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-vietnam),sans-serif;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px 34px;display:flex}.brand b{font:800 25px var(--font-nunito);letter-spacing:-1px}.brand small{font:800 9px var(--font-nunito);letter-spacing:3px;color:#9a8758;display:block}.bee-logo{background:var(--yellow);border:3px solid var(--ink);border-radius:16px 18px 13px 20px;place-items:center;width:43px;height:43px;font-size:28px;display:grid;transform:rotate(-4deg)}nav{gap:7px;display:grid}.nav-item{color:#61716f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;padding:13px 14px;font-weight:600;display:flex}.nav-item span{text-align:center;width:23px;font-size:20px}.nav-item:hover{background:#f4f7f5}.nav-item.active{background:var(--yellow-soft);color:var(--ink);font-weight:800}.streak-card{background:#fff8e4;border:1px solid #f6e5af;border-radius:15px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.streak-card>span{font-size:25px}.streak-card b,.streak-card small,.profile b,.profile small{display:block}.streak-card b{font-size:12px}.streak-card small{color:var(--muted);margin-top:2px;font-size:10px}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:17px;padding:17px 5px 0;display:flex}.avatar{background:#cdeee5;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.profile b{font-size:13px}.profile small{color:var(--muted);font-size:10px}.profile button{cursor:pointer;background:0 0;border:0;margin-left:auto}.content{width:100%;max-width:1500px;padding:32px 4.5vw 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.6px;color:#a08d60;font-weight:800;margin-bottom:6px!important;font-size:9px!important}.topbar h1{font:800 28px var(--font-nunito);letter-spacing:-.7px;margin:0}.topbar p{color:var(--muted);margin:3px 0 0;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.xp,.tag,.overall{color:#826616;background:#fff6d7;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800}.bell{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;position:relative}.bell i{background:#f05e4f;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.dashboard-grid{grid-template-columns:1.4fr .9fr;gap:20px;display:grid}.continue-card{background:linear-gradient(120deg,#fff2b8,#ffdc55);border-radius:24px;min-height:275px;padding:30px;display:flex;position:relative;overflow:hidden}.continue-card:after{content:"";border:55px solid #ffffff38;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-120px;right:-100px}.continue-copy{z-index:2;width:62%;position:relative}.pill{letter-spacing:1px;background:#ffffffbf;border-radius:7px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-block}.continue-card h2{font:800 26px var(--font-nunito);margin:15px 0 2px}.continue-card p{color:#59675c;margin:0 0 20px;font-size:12px}.progress-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.progress-row>div{background:#fff9;border-radius:10px;width:160px;height:6px;overflow:hidden}.progress-row i{background:var(--ink);border-radius:10px;height:100%;display:block}.progress-row b{font-size:10px}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-size:11px;font-weight:700}.primary span{margin-left:20px}.honey-visual{place-items:center;width:32%;height:80%;display:grid;position:absolute;bottom:25px;right:30px}.hive{filter:drop-shadow(0 10px 8px #4b390a26);font-size:100px}.mascot{font-size:54px;position:absolute;top:19px;right:8px;transform:rotate(-9deg)}.spark{color:#fff;position:absolute}.spark.one{top:35px;left:3px}.spark.two{bottom:12px;right:9px}.daily-card,.week-card,.page-panel,.chat-card{border:1px solid var(--line);background:#fff;border-radius:20px}.daily-card{padding:21px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading>div{flex-wrap:wrap;column-gap:9px;display:flex}.card-heading h3{font:800 15px var(--font-nunito);margin:0}.card-heading p{width:100%;color:var(--muted);margin:1px 0 0 37px;font-size:10px}.section-icon{background:#fff3c5;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.question{background:#f8faf8;border-radius:11px;margin-top:15px;padding:12px}.question small{color:#9aaaa6;letter-spacing:.8px;font-size:8px;font-weight:800}.question p{font:700 13px var(--font-nunito);margin:7px 0 0}.answers{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.answers button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:8px;font-size:11px}.answers button span{background:#f2f5f3;border-radius:5px;place-items:center;width:18px;height:18px;margin-right:5px;font-size:8px;font-weight:800;display:inline-grid}.answers button.correct{background:#effaf5;border-color:#43a486}.answers button.wrong{background:#fff4f2;border-color:#e97d6d}.feedback{color:#b24d3e;margin:9px 0 0;font-size:10px}.feedback.good{color:#27816b}.quick-section{grid-column:1/-1}.section-title h2{font:800 18px var(--font-nunito);margin:5px 0 0}.section-title p{color:var(--muted);margin:2px 0 13px;font-size:11px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.quick-card{text-align:left;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:12px;min-height:95px;padding:17px;transition:all .2s;display:flex}.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #20443c14}.quick-card.yellow{background:#fff4c8}.quick-card.mint{background:#e8f7f1}.quick-card.blue{background:#e9f3f8}.quick-card>span{font-size:28px}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:13px}.quick-card small{color:var(--muted);margin-top:3px;font-size:9px}.quick-card i{margin-left:auto;font-style:normal}.week-card{grid-column:1/-1;padding:20px 23px}.week-card .card-heading button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.week-stats{grid-template-columns:repeat(4,1fr);margin-top:19px;display:grid}.week-stats div{border-right:1px solid var(--line);padding-left:25px}.week-stats div:first-child{padding-left:0}.week-stats div:last-child{border:0}.week-stats b,.week-stats small{display:block}.week-stats b{font:800 20px var(--font-nunito)}.week-stats small{color:var(--muted);font-size:9px}.page-panel{padding:28px}.intro-row,.intro-row>div,.topic-header{justify-content:space-between;align-items:center;display:flex}.intro-row>div{justify-content:flex-start;gap:12px}.intro-row h2,.topic-header h2{font:800 20px var(--font-nunito);margin:0}.intro-row p{color:var(--muted);margin:3px 0;font-size:11px}.overall{color:var(--green);background:#eef7f3}.unit-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;display:grid}.unit-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;padding:18px;position:relative}.unit-card:hover,.unit-card.current{border-color:#e8c544;box-shadow:0 8px 20px #2f464012}.unit-no{letter-spacing:1px;color:#9aaaa6;font-size:8px;font-weight:800}.unit-icon{float:right;font-size:27px}.unit-card h3{font:800 14px var(--font-nunito);margin:16px 0 2px}.unit-card p{color:var(--muted);margin:0 0 13px;font-size:10px}.unit-card small{background:#f5f7f6;border-radius:5px;padding:5px 7px;font-size:9px}.unit-progress,.mini-progress{background:#f0f3f1;border-radius:10px;height:4px;margin-top:15px;overflow:hidden}.unit-progress i,.mini-progress i{background:var(--yellow);height:100%;display:block}.grammar-hero{color:#fff;background:linear-gradient(120deg,#153f3a,#226d61);border-radius:18px;justify-content:space-between;align-items:center;padding:27px 32px;display:flex}.grammar-hero h2{font:800 27px var(--font-nunito);margin:14px 0 8px;line-height:1.1}.grammar-hero p{color:#cfe4df;max-width:500px;font-size:11px}.formula{text-align:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;padding:18px 25px}.formula small,.formula b,.formula span{display:block}.formula small{letter-spacing:1px;color:#c6dcd7;font-size:8px}.formula b{font:800 24px var(--font-nunito);color:#ffda56;margin:8px}.formula span{font-size:10px}.topic-header{margin:27px 0 13px}.topic-header span{color:var(--muted);font-size:10px}.grammar-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grammar-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.grammar-card:hover{background:#fbfdfc;border-color:#b7dcd2}.grammar-icon{background:#f4f8f6;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.grammar-card>div{flex:1}.grammar-card small{color:#9aa8a5;text-transform:uppercase;font-size:8px}.grammar-card h3{font:800 13px var(--font-nunito);margin:2px 0}.grammar-card p{color:var(--muted);margin:0;font-size:9px}.mini-progress{margin-top:7px}.grammar-card>b{font-size:14px}.chat-layout{grid-template-columns:260px 1fr;gap:18px;display:grid}.lesson-context{text-align:center;background:linear-gradient(155deg,#fff7d9,#fff);border:1px solid #f0e2ae;border-radius:20px;padding:25px}.context-icon{margin:25px 0 5px;font-size:55px}.lesson-context h2{font:800 20px var(--font-nunito);margin:0}.lesson-context>p{color:var(--muted);margin:3px 0 25px;font-size:11px}.context-info{text-align:left;border-top:1px solid #eadfbf;padding:15px 0}.context-info small,.context-info b{display:block}.context-info small{color:#a08e5e;margin-bottom:4px;font-size:8px}.context-info b{font-size:11px}.lesson-context>button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:10px;font-weight:700}.chat-card{flex-direction:column;height:650px;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 19px;display:flex}.chat-head>div{align-items:center;gap:10px;display:flex}.bee-small{background:var(--yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:13px}.chat-head small{color:var(--muted);font-size:9px}.chat-head small i{background:#44a987;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.messages{background:#fafcfb;flex:1;padding:22px;overflow:auto}.message{align-items:flex-end;gap:8px;margin-bottom:13px;display:flex}.message>span{background:#ffdf66;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.message p{border:1px solid var(--line);background:#fff;border-radius:14px 14px 14px 3px;max-width:72%;margin:0;padding:11px 13px;font-size:11px;line-height:1.55}.message.student{justify-content:flex-end}.message.student p{color:#fff;background:#1f6f64;border:0;border-radius:14px 14px 3px}.quick-replies{border-top:1px solid var(--line);gap:7px;padding:10px 15px;display:flex;overflow:auto}.quick-replies button{white-space:nowrap;color:#287568;cursor:pointer;background:#f4faf7;border:1px solid #d7e9e3;border-radius:20px;padding:7px 10px;font-size:9px}.composer{border-top:1px solid var(--line);gap:8px;padding:12px 15px;display:flex}.composer input{border:1px solid var(--line);border-radius:12px;outline:none;flex:1;padding:11px 13px;font-size:11px}.composer input:focus{border-color:#65aa9a}.composer button{background:var(--yellow);cursor:pointer;border:0;border-radius:11px;width:39px;font-weight:900}.progress-hero{background:linear-gradient(120deg,#fff0a7,#ffdb50);border-radius:20px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.progress-hero>div:first-child{align-items:center;gap:18px;display:flex}.progress-hero>div>span{font-size:48px}.progress-hero small{letter-spacing:1px;font-size:8px;font-weight:800}.progress-hero h2{font:800 28px var(--font-nunito);margin:2px 0}.progress-hero p{color:#6c664a;margin:0;font-size:10px}.level-ring{text-align:center;border:7px solid #ffffffb3;border-radius:50%;place-content:center;width:82px;height:82px;display:grid}.level-ring b{font-size:20px}.level-ring small{font-size:7px}.progress-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.progress-cards article{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:18px}.progress-cards span,.progress-cards b,.progress-cards small{display:block}.progress-cards span{font-size:25px}.progress-cards b{font:800 20px var(--font-nunito);margin-top:5px}.progress-cards small{color:var(--muted);font-size:9px}.skill-panel{border:1px solid var(--line);border-radius:17px;padding:23px}.skill-panel h2{font:800 17px var(--font-nunito);margin:0 0 20px}.skill-row{grid-template-columns:100px 1fr 40px;align-items:center;gap:12px;margin:14px 0;font-size:10px;display:grid}.skill-row>div{background:#eff3f1;border-radius:10px;height:7px;overflow:hidden}.skill-row i{background:linear-gradient(90deg,#ffd64a,#52ae91);border-radius:10px;height:100%;display:block}.skill-row b{text-align:right}@media (width<=1000px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:22px 12px}.brand{padding:0 7px 30px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item.active{font-size:0}.nav-item span{font-size:21px}.streak-card div,.profile div,.profile button{display:none}.streak-card,.profile{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.unit-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:210px 1fr}}@media (width<=700px){.app-shell{display:block}.sidebar{z-index:20;border:0;border-top:1px solid var(--line);background:#fff;width:100%;height:68px;padding:8px;position:fixed;top:auto;bottom:0}.brand,.streak-card,.profile{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.nav-item,.nav-item.active,.nav-item:not(.active){background:0 0;gap:0;padding:5px;font-size:7px;display:grid}.nav-item span{font-size:18px}.content{padding:20px 14px 90px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.topbar .eyebrow,.topbar>div>p:not(.eyebrow){display:none}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:15px}.continue-card{min-height:245px;padding:23px}.continue-copy{width:75%}.honey-visual{opacity:.7;right:-10px}.daily-card{padding:17px}.quick-grid{grid-template-columns:1fr}.week-stats{grid-template-columns:repeat(2,1fr);gap:15px}.week-stats div{border:0;padding:0}.page-panel{padding:16px}.intro-row{align-items:flex-start}.overall{display:none}.unit-grid,.grammar-grid{grid-template-columns:1fr}.grammar-hero{padding:22px}.formula{display:none}.chat-layout{display:block}.lesson-context{display:none}.chat-card{height:calc(100vh - 140px)}.quick-replies{padding:8px}.progress-cards{grid-template-columns:repeat(2,1fr)}.skill-row{grid-template-columns:75px 1fr 35px}}.composer .mic{background:#edf8f4;border:1px solid #cce7de;font-size:16px}.composer .mic.listening{color:#d63d2e;background:#ffe0dc;animation:1s infinite pulse}.listen-reply{opacity:.55;cursor:pointer;background:0 0;border:0;padding:5px;font-size:13px}.listen-reply:hover{opacity:1}.chat-actions{align-items:center;gap:8px!important;display:flex!important}.chat-actions>button{cursor:pointer;background:#f2f6f4;border:0;border-radius:20px;padding:7px 10px;font-size:9px}.chat-actions>button.retry-one{color:#285f7d;background:#eef8ff;border:1px solid #c7deec}.chat-actions>button:disabled{opacity:.4;cursor:not-allowed}.speed-control{border:1px solid var(--line);background:#f6f8f7;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;display:flex}.speed-control span{color:var(--muted);white-space:nowrap;font-size:8px}.speed-control select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:none;font-size:9px;font-weight:700}.speed-buttons{background:#f3f6f4;border-radius:18px;gap:3px;padding:3px;display:flex}.speed-buttons button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:15px;padding:5px 7px;font-size:8px;font-weight:700}.speed-buttons button:hover{background:#fff}.speed-buttons button.active{background:var(--yellow);color:var(--ink);box-shadow:0 1px 4px #26463f1f}.speaking-progress{background:#eee6ca;border-radius:10px;height:5px;margin-top:8px;overflow:hidden}.speaking-progress i{background:#48a98d;border-radius:10px;height:100%;display:block}@keyframes pulse{50%{opacity:.5}}@media (width<=850px){.speed-control span,.chat-actions .tag{display:none}.speed-buttons button{padding:5px}.speed-buttons button:not(.active){display:none}}.quick-replies .help-reply{color:#755d10;background:#fff8dc;border-color:#efd786}.quick-replies .answer-help{color:#285f7d;background:#eef8ff;border-color:#b9d8ee}.answer-guide{border-top:1px solid var(--line);background:#f7fbf9;max-height:230px;padding:10px 15px;overflow:auto}.answer-guide article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:7px;padding:10px;display:flex}.answer-guide article>span{background:#fff2bd;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:grid}.answer-guide article>div{flex:1}.answer-guide b{font-size:10px}.answer-guide p{color:#286f64;margin:4px 0;font-size:9px}.answer-guide small{color:var(--muted);font-size:8px;line-height:1.5;display:block}.answer-guide article>button{cursor:pointer;background:0 0;border:0;font-size:12px}.next-practice{background:#fff7d8;border:1px solid #efd883;border-radius:13px;align-items:center;gap:10px;margin:10px 15px;padding:12px;display:flex}.next-practice>span{font-size:25px}.next-practice>div{flex:1}.next-practice b{font-size:11px}.next-practice p{color:var(--muted);margin:2px 0 0;font-size:8px}.next-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.next-actions button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:700}.next-actions button.secondary{color:var(--ink);background:#fff;border:1px solid #d7dfdc}.next-practice.done{background:#eaf8f2;border-color:#b7decf}.next-practice>.next-actions{flex:none}.quick-replies .dictionary-button{color:#574b8a;background:#f5f2ff;border-color:#c8c0e7}.quick-replies .choice-label{letter-spacing:.8px;color:#9aa8a5;white-space:nowrap;align-items:center;font-size:7px;font-weight:800;display:flex}.dictionary-panel{background:#fffdf6;border-top:1px solid #eee2b6;max-height:290px;padding:12px 15px;overflow:hidden}.dictionary-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.dictionary-head b,.dictionary-head small{display:block}.dictionary-head b{font-size:11px}.dictionary-head small{color:var(--muted);font-size:8px}.dictionary-head input{border:1px solid var(--line);border-radius:9px;outline:none;width:220px;padding:8px 10px;font-size:9px}.dictionary-list{grid-template-columns:repeat(2,1fr);gap:7px;max-height:205px;display:grid;overflow:auto}.dictionary-list article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;position:relative}.dictionary-list article>div{align-items:baseline;gap:6px;display:flex}.dictionary-list b{font-size:10px}.dictionary-list span{color:#8a9a96;font-size:8px}.dictionary-list article>button{cursor:pointer;background:0 0;border:0;position:absolute;top:7px;right:7px}.dictionary-list p{color:#287568;margin:5px 0 2px;font-size:9px}.dictionary-list small{color:var(--muted);font-size:8px}.empty-dictionary{color:var(--muted);font-size:9px}@media (width<=700px){.dictionary-list{grid-template-columns:1fr}.dictionary-head{align-items:flex-start}.dictionary-head input{width:55%}}.tools-layout{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.tool-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.tool-title>span{background:#fff3c4;border-radius:13px;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.tool-title h2{font:800 20px var(--font-nunito);margin:0}.tool-title p{color:var(--muted);margin:2px 0 0;font-size:10px}.global-search{border:1px solid var(--line);border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:0 13px;display:flex}.global-search:focus-within{border-color:#65aa9a}.global-search input{border:0;outline:0;width:100%;padding:12px 0;font-size:11px}.global-results{grid-template-columns:repeat(2,1fr);gap:10px;max-height:540px;display:grid;overflow:auto}.global-results article{border:1px solid var(--line);background:#fcfefd;border-radius:13px;padding:13px}.word-main{justify-content:space-between;align-items:flex-start;display:flex}.word-main h3{font:800 15px var(--font-nunito);margin:0}.word-main span{color:#8a9a96;font-size:9px}.word-main button{cursor:pointer;background:#eff8f5;border:0;border-radius:8px;padding:6px}.global-results article>b{color:#277568;margin-top:8px;font-size:10px;display:block}.global-results article>p{color:var(--muted);min-height:27px;font-size:9px;line-height:1.5}.use-word{color:#277568;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.no-word{text-align:center;grid-column:1/-1;padding:45px 20px}.no-word span,.no-word b{display:block}.no-word span{font-size:30px}.no-word b{margin-top:8px;font-size:12px}.no-word p{color:var(--muted);font-size:9px}.sentence-builder{align-self:start}.builder-field{gap:6px;margin:13px 0;display:grid}.builder-field label{color:#6f7f7b;font-size:9px;font-weight:800}.builder-field select{border:1px solid var(--line);background:#fff;border-radius:11px;outline:0;padding:11px;font-size:11px}.built-card{background:linear-gradient(135deg,#fff6cf,#fffdf4);border:1px solid #f0df9f;border-radius:15px;margin-top:20px;padding:18px}.built-card small,.built-card b,.built-card span{display:block}.built-card small{letter-spacing:.8px;color:#99834a;font-size:8px;font-weight:800}.built-card b{font:800 17px var(--font-nunito);margin:9px 0 5px}.built-card span{color:#39786c;font-size:10px}.grammar-note{color:var(--muted);background:#f3f8f6;border-radius:11px;margin:12px 0;padding:11px;font-size:9px;line-height:1.55}.builder-actions{gap:8px;display:flex}.builder-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:10px;font-size:9px;font-weight:700}.builder-actions .primary-build{background:var(--ink);color:#fff;border-color:var(--ink)}@media (width<=850px){.tools-layout{grid-template-columns:1fr}.global-results{max-height:none}}@media (width<=700px){.sidebar nav{grid-template-columns:repeat(6,1fr)}.global-results{grid-template-columns:1fr}.tools-layout .page-panel{padding:18px}.nav-item,.nav-item.active,.nav-item:not(.active){font-size:6px}}.word-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.pronunciation-toggle{color:#765e10;cursor:pointer;background:#fff3c6;border:0;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:800}.pronunciation-guide{background:#f3f8f6;border-left:3px solid #46a58a;border-radius:8px;margin-top:10px;padding:10px}.pronunciation-guide>strong{color:#1f6f64;margin-bottom:7px;font-size:10px;display:block}.pronunciation-guide p{color:#5d6f6b!important;min-height:0!important;margin:5px 0!important;font-size:8px!important;line-height:1.5!important}.pronunciation-guide p b{color:#203f3a}.pronunciation-guide>button{cursor:pointer;background:#fff;border:1px solid #c7e1d9;border-radius:8px;margin-top:5px;padding:7px 9px;font-size:8px;font-weight:800}.skill-tabs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.skill-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;padding:12px;display:grid}.skill-tabs button>span{grid-row:1/3;font-size:22px}.skill-tabs b,.skill-tabs small{display:block}.skill-tabs b{font:800 13px var(--font-nunito)}.skill-tabs small{color:var(--muted);font-size:8px}.skill-tabs button.active{background:#fff6d4;border-color:#e8c544;box-shadow:0 5px 14px #464b2d12}.skills-page.speak .tools-layout{grid-template-columns:1fr}.skills-page.speak .sentence-builder,.skills-page.write .pronunciation-toggle,.skills-page.listen .tools-layout,.skills-page.read .tools-layout{display:none}.skill-intro{align-items:center;gap:22px;display:flex}.skill-intro>span{font-size:55px}.skill-intro h2{font:800 21px var(--font-nunito);margin:0}.skill-intro p{color:var(--muted);max-width:620px;font-size:11px}.skill-intro button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:10px;font-weight:800}@media (width<=700px){.skill-tabs{grid-template-columns:repeat(2,1fr)}.skill-tabs button{padding:9px}.skill-intro{align-items:flex-start}.skill-intro>span{font-size:35px}}.sentence-task{background:#fffaf0;border:1px solid #f0dfa5;border-radius:14px;margin-top:15px;padding:15px}.sentence-task>small{letter-spacing:.8px;color:#99834a;font-size:8px;font-weight:900}.sentence-task>p{color:#39786c;margin:7px 0 12px;font-size:10px}.sentence-drop{background:#fff;border:2px dashed #d8deda;border-radius:11px;flex-wrap:wrap;align-content:center;align-items:center;gap:6px;min-height:58px;padding:9px;display:flex}.sentence-drop>span{color:#9aa6a3;font-size:9px}.sentence-drop button,.word-pool button{cursor:pointer;background:#f2faf7;border:1px solid #cbded8;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700}.sentence-drop.wrong{background:#fff7f5;border-color:#e58b7e}.sentence-drop.correct{background:#f1fbf7;border-color:#58aa91}.word-pool{flex-wrap:wrap;gap:7px;min-height:45px;padding:12px 0;display:flex}.word-pool button{background:#fff;border-color:#e4c65b;box-shadow:0 2px 5px #463c140f}.sentence-feedback{border-radius:9px;gap:3px;margin:3px 0 10px;padding:9px 11px;font-size:9px;display:grid}.sentence-feedback b{font-size:10px}.sentence-feedback span,.sentence-feedback small{line-height:1.45}.sentence-feedback.bad{color:#9c4236;background:#fff0ed}.sentence-feedback.good{color:#246f5d;background:#eaf8f2}.builder-actions button:disabled{opacity:.4;cursor:not-allowed}.exercise-picker{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.exercise-picker .builder-field{margin:0}.exercise-picker>button{cursor:pointer;background:#fff6cf;border:1px solid #e3c34d;border-radius:10px;padding:11px;font-size:9px;font-weight:800}.exercise-tags{gap:6px;margin-top:10px;display:flex}.exercise-tags span{color:#276e62;background:#edf7f3;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:800}.focus-hero{color:#fff;background:linear-gradient(120deg,#173f39,#2b7568);border-radius:20px;justify-content:space-between;align-items:center;padding:28px 30px;display:flex}.focus-hero h2{font:800 27px var(--font-nunito);margin:12px 0 4px}.focus-hero p{color:#d1e8e2;margin:0;font-size:11px}.focus-actions{gap:8px;display:flex}.focus-actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:800}.focus-actions .primary{color:var(--ink);background:#ffdb55;border:0}.focus-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;display:grid}.focus-card{border:1px solid var(--line);background:#fff;border-radius:15px;gap:12px;padding:17px;display:flex}.focus-card>span{font-size:24px}.focus-card>div{flex:1}.focus-card small{color:#9b8958;letter-spacing:.7px;font-size:8px;font-weight:900}.focus-card h3{font:800 14px var(--font-nunito);margin:5px 0}.focus-card p{color:#536663;margin:6px 0;font-size:10px;line-height:1.55}.focus-card.vocab-focus{grid-column:1/-1}.vocab-focus>div>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.vocab-focus button{color:#21695e;cursor:pointer;background:#f2faf7;border:1px solid #cfe5dd;border-radius:20px;padding:7px 10px;font-size:9px}.focus-card.mistake{background:#fff8e7;border-color:#f1dda3}.focus-footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.focus-footer button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:8px 11px;font-size:9px}.focus-footer button:disabled{opacity:.35}.focus-footer b{font-size:10px}.test-intro{background:linear-gradient(120deg,#fff1a9,#ffdc54);border-radius:20px;justify-content:space-between;align-items:center;padding:23px 27px;display:flex}.test-intro>div{align-items:center;gap:13px;display:flex}.test-intro>div>span{font-size:38px}.test-intro h2{font:800 22px var(--font-nunito);margin:0}.test-intro p{margin:3px 0;font-size:10px}.test-intro>b{background:#fff9;border-radius:20px;padding:8px 11px;font-size:10px}.test-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.long-test-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.test-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;padding:16px;position:relative}.test-card:hover{border-color:#e4c64e;transform:translateY(-2px)}.test-card>span{color:#9b8958;font-size:8px;font-weight:900}.test-card h3{font:800 13px var(--font-nunito);margin:10px 0 3px}.test-card p,.test-card small{color:var(--muted);margin:0 0 8px;font-size:8px;display:block}.test-card>b{font-size:10px}.test-card.long{background:#f0f8f5;border-color:#cee4dd}.test-runner{max-width:900px;margin:auto}.test-runner-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.test-runner-head>div>button{color:#287568;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.test-runner-head span{color:#9b8958;margin-top:12px;font-size:8px;font-weight:900;display:block}.test-runner-head h2{font:800 22px var(--font-nunito);margin:2px 0}.score-badge{text-align:center;background:#f1f7f4;border-radius:50%;place-content:center;width:75px;height:75px;display:grid}.score-badge b,.score-badge small{display:block}.score-badge b{font:800 19px var(--font-nunito)}.score-badge small{color:var(--muted);font-size:7px}.score-badge.done{background:#fff0a9}.test-questions{gap:12px;margin-top:18px;display:grid}.test-question{border:1px solid var(--line);border-radius:13px;padding:15px}.test-question.correct{background:#f7fcfa;border-color:#74bda7}.test-question.incorrect{background:snow;border-color:#e9988c}.question-number{justify-content:space-between;display:flex}.question-number>b{background:#fff2bd;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.question-number>button{cursor:pointer;background:#eff7f4;border:0;border-radius:8px;font-size:8px}.test-question>p{font:700 12px var(--font-nunito)}.test-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.test-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;padding:9px;font-size:9px}.test-options button span{background:#f0f3f2;border-radius:5px;place-items:center;width:19px;height:19px;margin-right:6px;font-size:8px;font-weight:900;display:inline-grid}.test-options button.selected{background:#fff8da;border-color:#e1bd34}.test-explain{background:#eef7f4;border-radius:8px;gap:3px;margin-top:9px;padding:9px;font-size:8px;display:grid}.test-explain span{color:#58706a}.test-submit{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;display:flex}.test-submit>button:not(.primary){border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-size:9px}.test-submit .primary:disabled{opacity:.4}@media (width<=1000px){.test-grid{grid-template-columns:repeat(3,1fr)}.long-test-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sidebar nav{grid-template-columns:repeat(7,1fr)}.focus-hero{padding:22px;display:block}.focus-actions{margin-top:18px}.focus-grid{grid-template-columns:1fr}.focus-card.vocab-focus{grid-column:auto}.test-grid,.long-test-grid,.test-options{grid-template-columns:1fr}.test-intro>b{display:none}}.auth-screen{background:radial-gradient(circle at 18% 15%,#fff0a7 0 9%,#0000 24%),radial-gradient(circle at 85% 82%,#d8f3ea 0 8%,#0000 25%),#f7faf8;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:26px;width:min(440px,100%);padding:34px;box-shadow:0 24px 70px #123c351f}.auth-loading{text-align:center}.auth-loading .auth-bee{margin:auto}.auth-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-bee{background:var(--yellow);border:3px solid var(--ink);border-radius:18px;place-items:center;width:54px;height:54px;font-size:31px;display:grid;transform:rotate(-4deg)}.auth-brand h1{font:900 28px var(--font-nunito);letter-spacing:-1px;margin:0}.auth-brand b{color:#9a8758;letter-spacing:4px;font-size:9px;display:block}.auth-welcome>span{letter-spacing:1.5px;color:#a08d60;font-size:9px;font-weight:900}.auth-welcome h2{font:900 26px var(--font-nunito);margin:8px 0;line-height:1.15}.auth-welcome p{color:var(--muted);margin:0 0 23px;font-size:12px;line-height:1.6}.auth-card form{gap:15px;display:grid}.auth-card label{gap:7px;font-size:11px;font-weight:800;display:grid}.auth-card input{background:#fbfdfc;border:1px solid #dce7e3;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:13px}.auth-card input:focus{border-color:#43a486;box-shadow:0 0 0 3px #43a4861f}.auth-submit{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font-size:12px;font-weight:800}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-message{background:#fff7d8;border:1px solid #f3dfa0;border-radius:11px;padding:11px 12px;font-size:11px;line-height:1.5}.auth-links{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.auth-links button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px;font-weight:800}.auth-note{text-align:center;color:var(--muted);margin-top:24px;font-size:9px;display:block}.logout-button{font-weight:800;color:#287568!important;background:#eef7f3!important;border-radius:7px!important;padding:6px 7px!important;font-size:9px!important}@media (width<=520px){.auth-screen{padding:14px}.auth-card{border-radius:21px;padding:25px 20px}.auth-welcome h2{font-size:23px}.auth-links{display:grid}.auth-links button{text-align:left}}.content:has(>.tests-v2)>.tests-page{display:none}.tests-v2>.tests-page{display:block}.unit-test-tabs{gap:7px;padding:15px 0 5px;display:flex;overflow:auto}.unit-test-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;min-width:105px;padding:9px;font-size:9px;font-weight:900}.unit-test-tabs small{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:7px;display:block}.unit-test-tabs button.active{background:#fff3bf;border-color:#dfbb30}.test-grid.ten-tests{grid-template-columns:repeat(5,1fr)}.long-test-grid.twelve-tests{grid-template-columns:repeat(4,1fr)}.long-test-note{background:#fff6d7;border:1px solid #efdc99;border-radius:10px;justify-content:space-between;margin-top:15px;padding:10px 13px;font-size:9px;display:flex}.section-tag{color:#287568;background:#edf6f3;border-radius:15px;margin-left:auto;margin-right:8px;padding:5px 8px;font-size:7px;font-weight:900}.test-input{border:1px solid var(--line);border-radius:9px;outline:0;width:100%;padding:11px 12px;font-size:10px}.test-input:focus{border-color:#55a58f}.test-input:disabled{background:#f4f6f5}.question-number{align-items:center}.question-number>button{margin-left:0}@media (width<=1100px){.test-grid.ten-tests,.long-test-grid.twelve-tests{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.test-grid.ten-tests,.long-test-grid.twelve-tests{grid-template-columns:1fr}.long-test-note{gap:4px;display:grid}.section-tag{margin-left:8px}}.personal-practice{color:#fff;background:linear-gradient(135deg,#153f3a,#267264);border-radius:20px;margin-bottom:18px;padding:22px 25px}.personal-head{justify-content:space-between;align-items:center;display:flex}.personal-head>div{align-items:center;gap:12px;display:flex}.personal-head>div>span{font-size:35px}.personal-head h2{font:800 20px var(--font-nunito);margin:0}.personal-head p{color:#d0e6e1;margin:3px 0;font-size:9px}.personal-head>b{background:#ffffff1c;border:1px solid #ffffff2b;border-radius:20px;padding:7px 10px;font-size:8px}.personal-controls{grid-template-columns:1.2fr 2fr .8fr .9fr auto;align-items:end;gap:9px;margin-top:18px;display:grid}.personal-controls label>span,.skill-choice>span{color:#c9e0db;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.personal-controls select{width:100%;color:var(--ink);background:#fff;border:1px solid #ffffff30;border-radius:9px;padding:10px;font-size:9px}.skill-choice>div{gap:5px;display:flex}.skill-choice button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:9px;flex:1;padding:7px 5px;font-size:8px}.skill-choice button b{font-size:15px;display:block}.skill-choice button.active{color:var(--ink);background:#ffdd58;border-color:#ffdd58}.start-personal{color:var(--ink);white-space:nowrap;cursor:pointer;background:#ffdd58;border:0;border-radius:10px;padding:11px 13px;font-size:9px;font-weight:900}@media (width<=1000px){.personal-controls{grid-template-columns:repeat(2,1fr)}.skill-choice,.start-personal{grid-column:1/-1}}@media (width<=700px){.personal-head>b{display:none}.personal-controls{grid-template-columns:1fr}.skill-choice,.start-personal{grid-column:auto}.skill-choice>div{flex-wrap:wrap}.skill-choice button{min-width:28%}}.custom-running .test-runner-head h2{font-size:0}.custom-running .test-runner-head h2:after{content:"Luyện theo mục tiêu";font:800 22px var(--font-nunito)}.word-popup{z-index:100;background:#fff;border:1px solid #d9e5e1;border-radius:14px;width:290px;padding:14px;position:fixed;box-shadow:0 18px 45px #14373033}.word-popup-head{justify-content:space-between;align-items:flex-start;display:flex}.word-popup-head small{letter-spacing:.8px;color:#9a8758;font-size:7px;font-weight:900}.word-popup-head h3{font:800 18px var(--font-nunito);margin:2px 0}.word-popup-head span{color:#83928f;font-size:9px}.word-popup-head>button{cursor:pointer;background:#f1f5f3;border:0;border-radius:50%;width:25px;height:25px}.word-popup>b{color:#227164;margin-top:10px;font-size:11px;display:block}.word-popup>p{color:var(--muted);font-size:9px;line-height:1.5}.word-popup-actions{gap:7px;display:flex}.word-popup-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:8px;font-size:8px;font-weight:800}.word-popup-actions button:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}@media (width<=700px){.word-popup{width:min(290px,100vw - 24px);left:12px!important}}.input-with-help{gap:8px;display:grid}.input-help-actions{align-items:center;gap:9px;display:flex}.input-help-actions>button{color:#6f5910;cursor:pointer;background:#fff7d7;border:1px solid #e5c653;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:900}.input-help-actions>small{color:#82918e;font-size:8px}.progressive-hint,.word-bank-hint{background:#f4f9f7;border-left:3px solid #4fa68f;border-radius:8px;gap:5px;padding:9px 11px;display:grid}.progressive-hint b,.word-bank-hint b{color:#287568;font-size:8px}.progressive-hint span{font:800 11px var(--font-nunito);letter-spacing:1px}.word-bank-hint>div{flex-wrap:wrap;gap:6px;display:flex}.word-bank-hint button{cursor:pointer;background:#fff;border:1px solid #c8ded7;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.word-bank-hint small{color:var(--muted);font-size:8px}@media (width<=700px){.input-help-actions{flex-direction:column;align-items:flex-start}}.speaking-assessment{background:linear-gradient(135deg,#f0faf6,#fffaf0);border:1px solid #bcded3;border-radius:14px;margin:0 15px 10px;padding:13px}.assessment-head{justify-content:space-between;align-items:flex-start;display:flex}.assessment-head small{letter-spacing:.8px;color:#708985;font-size:7px;font-weight:900}.assessment-head h3{font:800 15px var(--font-nunito);margin:3px 0}.assessment-head>span{border-radius:18px;padding:6px 9px;font-size:8px;font-weight:900}.assessment-head .strong{color:#23725c;background:#dff5e9}.assessment-head .medium{color:#80620a;background:#fff1b9}.assessment-head .retry{color:#9b4035;background:#ffe3df}.assessment-scores{grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0;display:grid}.assessment-scores>div{background:#fff;border:1px solid #deebe7;border-radius:9px;padding:8px}.assessment-scores b,.assessment-scores small{display:block}.assessment-scores b{font:800 14px var(--font-nunito)}.assessment-scores small{color:var(--muted);font-size:7px}.transcript-review{font-size:8px;line-height:1.45}.transcript-review p{margin:4px 0}.missing-words{color:#985140}.assessment-actions,.self-rating{align-items:center;gap:6px;margin-top:8px;display:flex}.assessment-actions button{cursor:pointer;background:#fff;border:1px solid #c7ddd7;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800}.self-rating>span{color:var(--muted);margin-right:3px;font-size:8px}.self-rating button{cursor:pointer;background:#fff;border:1px solid #dfd8bd;border-radius:7px;padding:5px 6px;font-size:8px}.self-rating button.active{background:#ffdc59;border-color:#dabb3d}.assessment-note{color:#7c8b88;margin-top:8px;font-size:7px;line-height:1.4;display:block}@media (width<=700px){.self-rating{flex-wrap:wrap}.assessment-actions button{flex:1}}.build-version{color:#276f63;letter-spacing:.4px;white-space:nowrap;background:#f2f9f6;border:1px solid #c9ddd7;border-radius:18px;padding:6px 9px;font-size:7px;font-weight:900}@media (width<=700px){.build-version{display:none}}.question-number>.audio-question{color:#6d570b;background:#fff2b8;border:1px solid #e6c94d;padding:6px 9px;font-weight:900}.topbar-title{align-items:flex-start;gap:12px;display:flex}.global-back{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;margin-top:2px;padding:8px 10px;font-size:9px;font-weight:900}.global-back:hover{background:#fff8d8;border-color:#d4b635}.global-back:disabled{opacity:.3;cursor:not-allowed}.global-back span{margin-left:3px}@media (width<=700px){.global-back span{display:none}.global-back{padding:7px 9px}.topbar-title{gap:7px}}.chat-mode-switch{background:#eaf3f0;border-radius:18px;gap:3px;padding:3px;display:flex}.chat-mode-switch button{color:#627773;cursor:pointer;background:0 0;border:0;border-radius:15px;padding:6px 8px;font-size:8px;font-weight:800}.chat-mode-switch button.active{background:var(--ink);color:#fff}.free-chat-note{background:#eef8ff;border:1px solid #c8deee;border-radius:11px;align-items:center;gap:9px;margin:0 15px 10px;padding:9px 11px;display:flex}.free-chat-note>span{font-size:18px}.free-chat-note b,.free-chat-note small{display:block}.free-chat-note b{color:#285f7d;font-size:9px}.free-chat-note small{color:#65808f;margin-top:2px;font-size:8px}@media (width<=950px){.chat-mode-switch button{padding:5px 6px;font-size:7px}}.landing-page{min-height:100vh;color:var(--ink);font-family:var(--font-vietnam),sans-serif;background:#fbfdfc;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 26px;display:flex}.landing-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.landing-brand>span{background:var(--yellow);border:3px solid var(--ink);border-radius:14px;place-items:center;width:42px;height:42px;font-size:24px;display:grid;transform:rotate(-4deg)}.landing-brand b{font:900 23px var(--font-nunito);line-height:1;display:block}.landing-brand small{letter-spacing:3px;color:#9a8758;margin-top:4px;font-size:7px;font-weight:900;display:block}.landing-nav nav{gap:30px;display:flex}.landing-nav nav a{color:#536663;font-size:12px;font-weight:800;text-decoration:none}.landing-auth-actions{gap:8px;display:flex}.landing-auth-actions button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d7e4e0;border-radius:11px;padding:10px 15px;font-size:11px;font-weight:900}.landing-auth-actions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}.landing-hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;max-width:1180px;min-height:610px;margin:auto;padding:62px 26px 80px;display:grid}.landing-kicker{color:#77621a;letter-spacing:.8px;background:#fff4bd;border:1px solid #efd974;border-radius:22px;align-items:center;padding:8px 12px;font-size:9px;font-weight:900;display:inline-flex}.landing-hero h1{font:900 clamp(42px,5.4vw,72px)/.98 var(--font-nunito);letter-spacing:-3px;margin:23px 0 20px}.landing-hero h1 em{color:#23806f;font-style:normal}.landing-hero-copy>p{color:#586c68;max-width:600px;font-size:16px;line-height:1.7}.landing-hero-actions{gap:10px;margin-top:30px;display:flex}.landing-hero-actions button{cursor:pointer;border-radius:13px;padding:14px 18px;font-size:12px;font-weight:900}.landing-main-cta{background:var(--ink);color:#fff;border:0;box-shadow:0 12px 28px #123d362e}.landing-main-cta span{margin-left:18px}.landing-secondary-cta{color:var(--ink);background:#fff;border:1px solid #d4e2de}.landing-trust{color:#60736f;flex-wrap:wrap;gap:18px;margin-top:21px;font-size:9px;font-weight:800;display:flex}.landing-preview{background:#fff;border:1px solid #d8e6e1;border-radius:28px;padding:24px;position:relative;transform:rotate(1.2deg);box-shadow:0 32px 80px #18423a24}.landing-preview:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 30%,#ffe679 0 10%,#0000 38%),radial-gradient(circle at 80% 80%,#bce9dc 0 8%,#0000 38%);position:absolute;inset:-65px -80px}.preview-top{border-bottom:1px solid #e6eeeb;align-items:center;gap:11px;padding-bottom:16px;display:flex}.preview-logo{background:#ffdd58;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.preview-top small,.preview-top b{display:block}.preview-top small{color:#99834a;letter-spacing:.8px;font-size:7px;font-weight:900}.preview-top b{font:800 14px var(--font-nunito);margin-top:3px}.preview-top i{background:#fff3bc;border-radius:18px;margin-left:auto;padding:7px 10px;font-size:8px;font-style:normal;font-weight:900}.preview-question{background:#f6faf8;border-radius:15px;margin-top:17px;padding:17px}.preview-question>small{color:#8b9b97;font-size:7px;font-weight:900}.preview-question>p{font:800 15px var(--font-nunito)}.preview-question>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.preview-question span{background:#fff;border:1px solid #d9e5e1;border-radius:8px;padding:9px;font-size:8px}.preview-question span.selected{color:#4e460f;background:#fff5ca;border-color:#e1bd34;font-weight:900}.preview-progress{padding:18px 3px 2px}.preview-progress>div{justify-content:space-between;font-size:9px;font-weight:800;display:flex}.preview-progress>i{background:#e8efec;border-radius:10px;height:8px;margin-top:8px;display:block;overflow:hidden}.preview-progress em{background:#42a28b;width:86%;height:100%;display:block}.hero-bee{filter:drop-shadow(0 9px 7px #00000024);font-size:50px;position:absolute;top:-29px;right:-26px;transform:rotate(-12deg)}.landing-stats{color:#fff;background:#163f39;border-radius:22px;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto 110px;padding:24px 26px;display:grid}.landing-stats div{border-right:1px solid #ffffff20;padding:14px 28px}.landing-stats div:last-child{border:0}.landing-stats b,.landing-stats span{display:block}.landing-stats b{font:900 27px var(--font-nunito);color:#ffdc59}.landing-stats span{color:#c9dfda;margin-top:3px;font-size:9px}.landing-section{max-width:1180px;margin:0 auto;padding:0 26px 110px}.landing-section-title{text-align:center;max-width:700px;margin:0 auto 44px}.landing-section-title>span{letter-spacing:1.4px;color:#9b8652;font-size:9px;font-weight:900}.landing-section-title h2{font:900 clamp(28px,4vw,43px)/1.1 var(--font-nunito);letter-spacing:-1.5px;margin:12px 0}.landing-section-title p{color:#60736f;font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.feature-card{border:1px solid #dce7e3;border-radius:20px;min-height:188px;padding:24px}.feature-card>span{width:46px;height:46px;font:900 20px var(--font-nunito);background:#fff;border-radius:14px;place-items:center;display:grid}.feature-card b,.feature-card p{display:block}.feature-card b{font:900 17px var(--font-nunito);margin-top:27px}.feature-card p{color:#536663;font-size:10px;line-height:1.6}.feature-card.yellow{background:#fff6d1}.feature-card.mint{background:#e9f7f2}.feature-card.blue{background:#eaf5fb}.feature-card.coral{background:#fff0ea}.feature-card.lilac{background:#f1edfb}.feature-card.green{background:#edf8e9}.pricing-section{background:#f0f7f4;max-width:none;padding-top:100px}.pricing-section>*{max-width:1128px;margin-left:auto;margin-right:auto}.pricing-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:18px;display:grid}.price-card{background:#fff;border:1px solid #d6e4df;border-radius:22px;padding:30px;position:relative}.price-card>span{letter-spacing:1.1px;color:#99834a;font-size:9px;font-weight:900}.price-card h3{font:900 31px var(--font-nunito);margin:12px 0 8px}.price-card h3 small{font:700 10px var(--font-vietnam);color:#71827f}.price-card>p{color:#60736f;font-size:11px}.price-card ul{gap:12px;margin:25px 0;padding:0;list-style:none;display:grid}.price-card li{font-size:11px}.price-card li:before{content:"✓";color:#26816d;background:#e9f7f2;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:9px;font-size:8px;font-weight:900;display:inline-grid}.price-card button,.price-card>a{border:1px solid var(--ink);width:100%;color:var(--ink);text-align:center;cursor:pointer;background:#fff;border-radius:11px;padding:13px;font-size:11px;font-weight:900;text-decoration:none;display:block}.price-card.featured{color:#fff;background:#173f39;border-color:#173f39}.price-card.featured>p,.price-card.featured h3 small{color:#c4ddd7}.price-card.featured li:before{color:#173f39;background:#ffdc59}.price-card.featured>a{background:#ffdc59;border-color:#ffdc59}.popular{background:#ffffff18;border:1px solid #ffffff24;border-radius:20px;padding:7px 10px;font-size:7px;font-weight:900;position:absolute;top:18px;right:20px}.parent-flow{padding-top:105px}.flow-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.flow-grid>div{background:#fff;border:1px solid #d8e5e1;border-radius:17px;align-items:center;gap:14px;padding:21px;display:flex}.flow-grid b{width:38px;height:38px;font:900 16px var(--font-nunito);background:#ffdf62;border-radius:50%;place-items:center;display:grid}.flow-grid span{font-size:11px;font-weight:700;line-height:1.55}.landing-final-cta{background:linear-gradient(105deg,#ffeb8b,#ffda49);border-radius:23px;align-items:center;gap:18px;max-width:1128px;margin:0 auto 100px;padding:34px 38px;display:flex}.landing-final-cta>span{font-size:43px}.landing-final-cta small{letter-spacing:1px;color:#76621c;font-size:8px;font-weight:900}.landing-final-cta h2{font:900 24px var(--font-nunito);margin:5px 0}.landing-final-cta button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;margin-left:auto;padding:13px 17px;font-size:10px;font-weight:900}.landing-footer{border-top:1px solid #dae6e2;grid-template-columns:1fr auto auto;align-items:center;gap:12px 24px;max-width:1180px;margin:auto;padding:34px 26px 48px;display:grid}.landing-footer p{margin:0;font-size:10px}.landing-footer>a{color:#287568;font-size:10px;font-weight:800;text-decoration:none}.landing-footer>small{color:#768783;grid-column:1/-1;font-size:8px;line-height:1.6}.auth-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09221e8f;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.auth-modal .auth-card{max-height:calc(100vh - 48px);margin:auto;position:relative;overflow:auto}.auth-close{color:#47615c;cursor:pointer;background:#eef4f2;border:0;border-radius:50%;width:31px;height:31px;font-size:20px;position:absolute;top:16px;right:18px}.auth-card-wide{width:min(720px,100%)}.auth-form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.auth-form-grid label:last-child{grid-column:1/-1}.auth-grade-note{color:#6c7d79;grid-column:1/-1;margin:-4px 0 0;font-size:10px;line-height:1.5}.auth-card select{background:#fbfdfc;border:1px solid #dce7e3;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:13px}.auth-card label small{color:#7a8986;font-size:8px;font-weight:600}.auth-consent{background:#f4f8f6;border-radius:10px;padding:10px;line-height:1.5;grid-template-columns:18px 1fr!important;align-items:flex-start!important;gap:8px!important;font-weight:600!important;display:flex!important}.auth-consent input{height:16px;margin:2px 0 0;padding:0;width:16px!important}.auth-consent span{color:#536663;font-size:9px}@media (width<=850px){.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:30px}.landing-preview{max-width:560px}.landing-stats{grid-template-columns:repeat(2,1fr);margin-left:14px;margin-right:14px}.landing-stats div:nth-child(2){border-right:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.landing-final-cta{margin-left:20px;margin-right:20px}.landing-footer{grid-template-columns:1fr}.landing-footer>small{grid-column:auto}}@media (width<=560px){.landing-nav{height:70px;padding:0 16px}.landing-brand b{font-size:20px}.landing-auth-actions button:first-child{display:none}.landing-auth-actions button{padding:9px 11px;font-size:9px}.landing-hero{gap:50px;padding:35px 18px 62px}.landing-hero h1{letter-spacing:-2px;font-size:42px}.landing-hero-copy>p{font-size:13px}.landing-hero-actions{display:grid}.landing-hero-actions button{width:100%}.landing-preview{padding:16px}.preview-question>div{grid-template-columns:1fr}.hero-bee{right:0}.landing-stats{grid-template-columns:1fr 1fr;margin-bottom:75px}.landing-stats div{padding:12px}.landing-section{padding-bottom:75px;padding-left:18px;padding-right:18px}.feature-grid,.pricing-grid,.flow-grid{grid-template-columns:1fr}.landing-final-cta{margin-bottom:70px;padding:25px;display:grid}.landing-final-cta button{width:100%;margin:0}.auth-modal{padding:10px}.auth-modal .auth-card{max-height:calc(100vh - 20px)}.auth-form-grid{grid-template-columns:1fr}.auth-form-grid label:last-child{grid-column:auto}}.profile-edit-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.profile-edit-button:hover{background:#f4f8f6}.profile-modal{z-index:1200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09221e94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-modal-card{background:#fff;border-radius:24px;width:min(650px,100%);max-height:calc(100vh - 36px);padding:30px;position:relative;overflow:auto;box-shadow:0 24px 70px #082a243d}.profile-modal-close{cursor:pointer;background:#eef4f2;border:0;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:15px;right:17px}.profile-modal-kicker{letter-spacing:1.3px;color:#9a8758;font-size:9px;font-weight:900}.profile-modal-card h2{font:800 25px var(--font-nunito);margin:8px 0 4px}.profile-modal-card>p{color:var(--muted);margin:0 0 20px;font-size:11px}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.profile-form-grid label{gap:6px;font-size:10px;font-weight:800;display:grid}.profile-form-grid input,.profile-form-grid select{background:#fbfdfc;border:1px solid #dce7e3;border-radius:11px;outline:none;width:100%;padding:12px;font-size:12px}.profile-form-grid input:focus,.profile-form-grid select:focus{border-color:#43a486;box-shadow:0 0 0 3px #43a4861f}.profile-time-note{color:#42655d;background:#f1f8f5;border-radius:10px;margin-top:15px;padding:10px 12px;font-size:10px}.profile-message{background:#fff7d8;border:1px solid #f3dfa0;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:10px}.profile-save{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:14px;padding:12px;font-size:11px;font-weight:800}.profile-save:disabled{opacity:.6;cursor:wait}@media (width<=700px){.profile-edit-button span,.build-version{display:none}.profile-edit-button{border-radius:50%;justify-content:center;width:38px;height:38px;padding:0}.top-actions{gap:7px}.profile-modal{padding:8px}.profile-modal-card{max-height:calc(100vh - 16px);padding:24px 17px}.profile-form-grid{grid-template-columns:1fr}.profile-modal-card h2{font-size:21px}}.companion-card{color:#fff;background:linear-gradient(110deg,#163f39,#287568);border-radius:18px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;display:flex}.companion-card>div{align-items:center;gap:14px;display:flex}.companion-card>div>span{font-size:31px}.companion-card small{letter-spacing:.8px;color:#ffdf68;font-size:7px;font-weight:900}.companion-card h3{font:800 15px var(--font-nunito);margin:4px 0}.companion-card p{color:#cce2dd;margin:0;font-size:8px;line-height:1.55}.companion-card>a{color:#173f39;background:#ffdc59;border-radius:10px;flex:none;padding:10px 13px;font-size:8px;font-weight:900;text-decoration:none}.dashboard-grid>.companion-card{margin-top:0}@media (width<=760px){.companion-card{align-items:flex-start;display:grid}.companion-card>a{text-align:center}.companion-card>div{align-items:flex-start}}body{background:radial-gradient(circle at 78% 8%,#ffdc5926,transparent 26%),radial-gradient(circle at 15% 82%,#4eae9217,transparent 24%),var(--paper)}.content{position:relative}.content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffdd5b1f,#0000 68%);border-radius:50%;width:300px;height:300px;position:fixed;top:14vh;right:3vw}.continue-card{border:1px solid #cfaa2233;box-shadow:0 18px 45px #6d52081a}.daily-card,.week-card,.page-panel,.chat-card{box-shadow:0 12px 36px #1941390e}.sync-state{white-space:nowrap;border-radius:20px;align-items:center;padding:7px 10px;font-size:9px;font-weight:900;display:inline-flex}.sync-state.saved{color:#277864;background:#e8f7f1}.sync-state.loading{color:#80671b;background:#fff5cf}.sync-state.local{color:#8a5c32;background:#fff1e4}.progress-orbit{text-align:center;background:#ffffffd4;border:12px solid #ffffff75;border-radius:50%;place-content:center;width:126px;height:126px;display:grid;box-shadow:0 18px 35px #573d001f}.progress-orbit b,.progress-orbit small{display:block}.progress-orbit b{font:900 29px var(--font-nunito)}.progress-orbit small{color:#6d735e;text-transform:uppercase;letter-spacing:.8px;font-size:8px;font-weight:900}.overall-progress-line{border-top:1px solid var(--line);color:#5c6d69;grid-template-columns:190px 1fr 44px;align-items:center;gap:12px;margin-top:20px;padding-top:16px;font-size:10px;font-weight:800;display:grid}.overall-progress-line>div{background:#edf2ef;border-radius:20px;height:8px;overflow:hidden}.overall-progress-line i{background:linear-gradient(90deg,#f1c83f,#42a28b);border-radius:20px;height:100%;display:block}.overall-progress-line>b{text-align:right;color:var(--ink)}.unit-progress-label{color:#7d8b88;justify-content:space-between;align-items:center;margin-top:7px;font-size:8px;display:flex}.unit-progress-label b{color:#287568;font-size:9px}.progress-page{background:linear-gradient(#fff 0,#fbfdfc 100%)}.progress-page .level-ring{border:0;padding:7px}.progress-page .level-ring>span{background:#fff;border-radius:50%;place-content:center;width:68px;height:68px;display:grid;box-shadow:inset 0 0 0 1px #e1eae6}.progress-page .level-ring b,.progress-page .level-ring small{display:block}.progress-page .level-ring small{color:#73817e;font-size:7px}.unit-journey{border:1px solid var(--line);background:#fff;border-radius:18px;margin:24px 0;padding:22px}.unit-journey>.topic-header{margin:0 0 14px}.unit-journey>div:last-child{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.unit-journey button{text-align:left;cursor:pointer;background:#fbfdfc;border:1px solid #e1eae6;border-radius:13px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.unit-journey button:hover{border-color:#9fcfc1;transform:translateY(-1px);box-shadow:0 8px 18px #205d4e12}.unit-journey button>span{font-size:23px}.unit-journey button>div{flex:1}.unit-journey button b{margin-bottom:7px;font-size:10px;display:block}.unit-journey button i{background:#eaf0ed;border-radius:10px;height:5px;display:block;overflow:hidden}.unit-journey button em{background:linear-gradient(90deg,#f3ca3f,#48a98d);border-radius:10px;height:100%;display:block}.unit-journey button strong{color:#277864;font-size:10px}.landing-page{background:radial-gradient(circle at 78% 11%,#ffe16829,#0000 23%),linear-gradient(#fbfdfc 0,#fff 38%)}.landing-hero{min-height:555px;padding-top:40px;padding-bottom:60px}.landing-stats{margin-bottom:82px;box-shadow:0 24px 55px #143f3929}.landing-preview{transition:transform .3s,box-shadow .3s}.landing-preview:hover{transform:rotate(.2deg)translateY(-5px);box-shadow:0 38px 90px #18423a2e}.feature-card{transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1c483f17}@media (width<=900px){.sync-state{display:none}.overall-progress-line{grid-template-columns:1fr 44px}.overall-progress-line>span{grid-column:1/-1}.unit-journey>div:last-child{grid-template-columns:1fr}}@media (width<=700px){.progress-orbit{border-width:9px;width:92px;height:92px}.progress-orbit b{font-size:21px}.overall-progress-line{padding-top:13px}.unit-journey{padding:14px}.unit-journey button{padding:10px}.landing-hero{min-height:auto;padding-top:30px}}.classroom-page{gap:18px;display:grid}.classroom-hero{background:linear-gradient(120deg,#fff8d7,#fff);border:1px solid #d8e6e1;border-radius:22px;align-items:center;gap:18px;min-height:128px;padding:24px 27px;display:flex}.classroom-hero.teacher{color:#fff;background:linear-gradient(120deg,#173f39,#287668);border:0}.classroom-hero.pending{background:#fff7d9}.classroom-hero>span{background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;box-shadow:0 10px 28px #183f3914}.classroom-hero>div{flex:1}.classroom-hero small{letter-spacing:1px;color:#9a854b;font-size:8px;font-weight:900}.classroom-hero.teacher small{color:#ffdf72}.classroom-hero h2{font:900 25px var(--font-nunito);margin:5px 0}.classroom-hero p{color:#60736f;margin:0;font-size:10px;line-height:1.6}.classroom-hero.teacher p{color:#cfe4df}.classroom-hero>b,.class-code{color:#715d13;white-space:nowrap;background:#fff4bd;border-radius:14px;padding:10px 13px;font-size:11px}.join-class-card,.teacher-approval,.teacher-roster,.teacher-assignments,.speaking-review,.student-speaking-feedback,.assignment-list{background:#fff;border:1px solid #dbe7e3;border-radius:20px;padding:22px}.join-class-card{justify-content:space-between;align-items:center;gap:20px;display:flex}.join-class-card>div{align-items:center;gap:12px;display:flex}.join-class-card>div:first-child>span{font-size:30px}.join-class-card h3{font:800 16px var(--font-nunito);margin:0}.join-class-card p{color:#6c7f7a;margin:3px 0;font-size:9px}.join-class-card input{letter-spacing:1px;border:1px solid #cdded8;border-radius:11px;width:180px;padding:11px;font-weight:900}.join-class-card button,.teacher-form>button,.teacher-feedback button,.teacher-approval button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:900}.class-tabs{gap:8px;padding:2px;display:flex;overflow:auto}.class-tabs>button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d7e5e0;border-radius:12px;padding:10px 13px;font-size:9px;font-weight:900}.class-tabs>button.active{background:#fff4bd;border-color:#dfbf43}.class-tabs small{color:#887331;margin-top:3px;display:block}.assignment-list>.topic-header,.teacher-roster>.topic-header,.teacher-assignments>.topic-header,.speaking-review>.topic-header,.student-speaking-feedback>.topic-header{margin-top:0}.assignment-list>article{border-top:1px solid #e7efec;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px 0;display:grid}.assignment-list>article>span{background:#f1f8f5;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.assignment-list article small,.assignment-list article em{color:#71847f;font-size:8px}.assignment-list article h3{font:800 14px var(--font-nunito);margin:3px 0}.assignment-list article p{color:#596e69;margin:3px 0;font-size:9px}.assignment-list article>div:last-child{gap:6px;display:grid}.assignment-list article button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:900}.assignment-list article button.complete-assignment{color:#287765;background:#edf7f3}.assignment-list article.done{opacity:.74}.empty-classroom{text-align:center;color:#637873;grid-column:1/-1;padding:30px}.empty-classroom>span{font-size:32px;display:block}.empty-classroom>b{font:800 14px var(--font-nunito);margin:8px;display:block}.empty-classroom p{font-size:9px}.classroom-message{color:#fff;background:#163f39;border-radius:12px;padding:12px 15px;font-size:10px;position:sticky;bottom:12px;box-shadow:0 12px 35px #123a3333}.teacher-setup-grid{grid-template-columns:1fr 1.25fr;gap:14px;display:grid}.teacher-form{background:#fff;border:1px solid #dbe7e3;border-radius:19px;gap:10px;padding:20px;display:grid}.teacher-form>small{color:#9a854b;letter-spacing:1px;font-size:8px;font-weight:900}.teacher-form h3{font:800 17px var(--font-nunito);margin:0}.teacher-form input,.teacher-form select,.teacher-form textarea,.teacher-feedback input{background:#fbfdfc;border:1px solid #d5e3de;border-radius:10px;outline:none;width:100%;padding:10px;font-size:10px}.teacher-form textarea{resize:vertical;min-height:67px}.teacher-form>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.teacher-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.teacher-summary article{background:#fff;border:1px solid #dce7e3;border-radius:16px;grid-template-columns:auto 1fr;column-gap:10px;padding:17px;display:grid}.teacher-summary article>span{grid-row:1/3;font-size:25px}.teacher-summary b{font:900 20px var(--font-nunito)}.teacher-summary small{color:#73857f;font-size:8px}.roster-table{overflow:auto}.roster-row{border-top:1px solid #e7efec;grid-template-columns:1.4fr 1.2fr .8fr .7fr .7fr 1fr;align-items:center;gap:12px;min-width:790px;padding:12px 5px;font-size:9px;display:grid}.roster-row.head{color:#768883;border:0;font-weight:900}.roster-row>span:first-child b,.roster-row>span:first-child small{display:block}.roster-row>span:first-child small{color:#81908d;margin-top:3px;font-size:7px}.roster-row>span:nth-child(2){grid-template-columns:1fr 30px;align-items:center;gap:6px;display:grid}.roster-row i{background:#e9f0ed;border-radius:8px;height:6px;overflow:hidden}.roster-row i em{background:#42a28b;height:100%;display:block}.has-errors{color:#b44f3c;font-weight:900}.teacher-assignments>article,.teacher-approval>article{border-top:1px solid #e7efec;justify-content:space-between;align-items:center;gap:14px;padding:12px 2px;display:flex}.teacher-assignments article div>*{display:block}.teacher-assignments article small,.teacher-assignments article span,.teacher-approval article small{color:#71847f;font-size:8px}.teacher-assignments article b,.teacher-approval article b{margin:3px 0;font-size:10px}.teacher-assignments article strong{color:#287765;font-size:9px}.speaking-review>article{border-top:1px solid #e7efec;padding:14px 0}.speaking-review-main{align-items:center;gap:12px;display:flex}.speaking-review-main>span{font-size:28px}.speaking-review-main>div{flex:1}.speaking-review-main b,.speaking-review-main small{display:block}.speaking-review-main small,.speaking-review-main em{color:#71847f;font-size:8px}.speaking-review-main p{margin:6px 0;font-size:10px}.speaking-review-main button{cursor:pointer;background:#fff;border:1px solid #cfe0da;border-radius:10px;padding:9px 11px;font-size:8px;font-weight:900}.teacher-feedback{gap:7px;margin-top:10px;display:flex}.teacher-feedback input{flex:1}.student-speaking-feedback>article{border-top:1px solid #e8efed;gap:12px;padding:12px 0;display:flex}.student-speaking-feedback>article>span{font-size:22px}.student-speaking-feedback small,.student-speaking-feedback em{color:#748581;font-size:8px}.student-speaking-feedback p{margin:4px 0;font-size:10px;font-weight:800}.student-recording{background:#eef7f4;border-radius:11px;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;display:flex}.student-recording b{font-size:9px}.student-recording audio{max-width:280px;height:32px}.send-teacher{color:#fff!important;background:#1f796a!important}.speaking-send-state{color:#246d5f;background:#eaf7f3;border-radius:9px;margin-top:9px;padding:9px 11px;font-size:9px;font-weight:800}.assessment-note{color:#665d3c;background:#fff7dc;border-radius:9px;margin-top:10px;padding:9px 11px;line-height:1.5;display:block}@media (width<=900px){.teacher-setup-grid{grid-template-columns:1fr}.teacher-summary{grid-template-columns:repeat(2,1fr)}.join-class-card{align-items:stretch;display:grid}.join-class-card>div:last-child{grid-template-columns:1fr auto;display:grid}.join-class-card input{width:100%}}@media (width<=650px){.classroom-hero{align-items:flex-start;padding:18px}.classroom-hero>span{width:45px;height:45px;font-size:23px}.classroom-hero h2{font-size:19px}.classroom-hero>b{display:none}.assignment-list,.teacher-roster,.teacher-assignments,.speaking-review,.student-speaking-feedback{padding:14px}.assignment-list>article{grid-template-columns:36px 1fr}.assignment-list>article>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}.teacher-summary{grid-template-columns:1fr 1fr}.teacher-form>div{grid-template-columns:1fr}.speaking-review-main{flex-wrap:wrap;align-items:flex-start}.speaking-review-main button{margin-left:40px}.teacher-feedback{display:grid}.student-recording{align-items:flex-start;display:grid}.student-recording audio{width:100%;max-width:none}}