:root{--ink:#112d47;--muted:#607186;--blue:#0766d1;--blue-dark:#054fa5;--cyan:#05afd5;--teal:#069a95;--line:#e2e9ef;--paper:#fff;--bg:#f5f8fb;--radius:18px;--shadow:0 16px 48px #1836500c;font-family:'Segoe UI',Arial,'Noto Sans',sans-serif;color:var(--ink);font-size:15px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:#fff}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #09a1d7;outline-offset:4px}svg{flex-shrink:0;vertical-align:middle;pointer-events:none}img{max-width:100%;display:block}button{border:0;background:none}button,input,textarea,select{border-radius:10px}input,textarea,select{width:100%;border:1px solid #d6e0e8;background:#fff;padding:13px 14px;color:var(--ink);outline-offset:2px;transition:border .15s}input:disabled,textarea:disabled,select:disabled{background:#f7f9fb;opacity:1;color:#536980}textarea{resize:vertical;min-height:73px;line-height:1.5}select{appearance:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:9px}.icon-btn:hover{background:#eef5fa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;font-size:13px;line-height:1.3;font-weight:650;border-radius:9px;transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap;min-height:43px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #0863c312}.btn.primary:hover:not(:disabled){background:var(--blue-dark)}.btn.secondary{background:#fff;border:1px solid #cddce7;color:#183e59}.btn.secondary:hover:not(:disabled){background:#f1f7fb}.btn.ghost{background:transparent;color:#37546b}.btn.ghost:hover:not(:disabled){background:#edf4f8}.btn.white{background:white;color:var(--ink)}.btn.large{padding:16px 20px;font-size:14px;border-radius:10px;min-height:52px}.btn.full{width:100%}.btn.icon-button{display:none}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:13px;color:var(--blue);padding:5px 0}.text-link:hover{text-decoration:underline}.overline,.small-label{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#527083;line-height:1.6}.tiny-tag{display:inline-flex;padding:4px 7px;font-size:9px;font-weight:600;line-height:1.3;background:#eff4f8;color:#526b7c;border:1px solid #e2eaf0;border-radius:5px;white-space:nowrap}.pill-outline{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce7ed;padding:8px 11px;border-radius:30px;font-size:11px;background:#fff;color:#476575;white-space:nowrap}.feature-icon{height:51px;width:51px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.feature-icon.blue{color:#1769bf;background:#eaf3fd}.feature-icon.teal{color:#087d77;background:#e6f7f1}.feature-icon.violet{color:#7750a3;background:#f2ecf9}.field-help{font-size:11px;color:#6d7c8c;line-height:1.6;margin:7px 0 17px}.field-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;margin:18px 0 8px}.field-label span{font-weight:400;font-size:11px;color:#8493a0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 3px 8px #102f4e02}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading h2{font-size:20px;letter-spacing:-.6px;margin-top:6px;font-weight:650}.panel-heading h3{font-size:16px}.panel p:not(.overline){line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:10px;top:-80px;background:white;padding:12px;z-index:2000}.skip-link:focus{top:10px}.preview-banner{min-height:31px;background:#eef5f9;color:#5c7183;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 18px;font-size:10px;line-height:1.45;border-bottom:1px solid #e6edf3}.preview-tag{color:#27618a;font-weight:750;letter-spacing:1.1px;font-size:8px;white-space:nowrap}.preview-banner button{padding:0;display:flex;color:#426785}.site-header,.app-header{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1320px;margin:auto;padding:23px 38px;min-height:98px;background:#fff}.brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;position:relative;justify-content:center}.brand-wordmark{width:182px;height:auto}.brand-credit{font-size:7px;letter-spacing:2.1px;color:#6f7f8d;margin:4px 0 0 4px;font-weight:650}.brand-symbol{height:30px;width:30px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#516477;font-weight:550}.desktop-nav button{font:inherit;padding:6px 0}.desktop-nav a{display:flex;gap:6px;align-items:center}.desktop-nav a:hover,.desktop-nav button:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:7px}.mobile-nav{display:none}.section-width{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:36px;padding-right:36px}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:20px;align-items:center;padding-top:55px;padding-bottom:72px;min-height:652px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.7px;font-weight:750;color:#4e7188;margin-bottom:23px}.eyebrow-dot{width:6px;height:6px;display:inline-block;background:#12b6a2;border-radius:50%;box-shadow:0 0 0 4px #e8f7f4}.hero h1{font-size:72px;line-height:1.065;letter-spacing:-4.1px;font-weight:700}.gradient-word{background:linear-gradient(105deg,#096fd7 10%,#02a5c7 95%);color:transparent;background-clip:text}.hero-sub{font-size:19px;line-height:1.65;letter-spacing:-.3px;color:#415c72;margin-top:24px}.hero-explainer{max-width:455px;font-size:14px;line-height:1.8;color:#718093;margin-top:13px}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#5d788b;margin-top:22px}.hero-notes>span{display:flex;align-items:center;gap:5px}.hero-visual{position:relative;min-height:510px;padding:87px 15px 25px 45px}.visual-glow{position:absolute;inset:-30px -10px 0 -40px;border-radius:50%;background:radial-gradient(ellipse at 65% 38%,#d8f7efbd 0%,#e6f6ff8c 42%,transparent 70%);z-index:-1}.visual-caption{font-size:8px;letter-spacing:2px;color:#7893a2;position:absolute;top:26px;left:73px}.hero-app-card{position:relative;background:white;border:1px solid #d4e6ed;border-radius:18px;box-shadow:0 24px 60px #32667b14,0 4px 10px #24425c07;transform:rotate(-2deg);width:100%;min-height:378px;z-index:2}.mini-app-top{display:flex;align-items:center;padding:17px 19px;border-bottom:1px solid #edf1f4;gap:10px}.mini-mark{height:25px;width:25px;overflow:hidden}.mini-mark img{height:100%;object-fit:contain}.mini-app-top>span:not(.sample-pill){font-size:8px;letter-spacing:1.4px;color:#527080;font-weight:650}.sample-pill{margin-left:auto;font-size:7px;letter-spacing:1px;background:#eef6fa;color:#507d99;padding:4px 6px;border-radius:4px}.mini-tabs{display:flex;gap:6px;padding:14px 18px 2px}.mini-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#738895;flex:1;padding:10px;border-radius:7px}.mini-tabs button.selected{background:#edf6fe;color:#2163a3;font-weight:650}.hero-caption-body{padding:25px 27px 23px;min-height:240px}.hero-caption-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#718895}.hero-caption-meta>span{display:flex;align-items:center;gap:4px}.hero-caption-meta i{width:5px;height:5px;border-radius:50%;background:#08a685}.hero-caption-meta b{font-size:12px;color:#496175}.hero-caption-meta small{font-size:8px;font-weight:400;margin-left:3px}.hero-ko{font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.8;color:#193d57;margin-top:23px;font-family:'Malgun Gothic','Noto Sans CJK KR',sans-serif;word-break:keep-all}.caption-underline{height:3px;width:33px;background:linear-gradient(90deg,#05a0dc,#22d1a3);border-radius:4px;margin:19px 0 15px}.hero-caption-hint{font-size:9px;letter-spacing:.2px;color:#8292a0}.mini-app-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:#768b99;background:#f8fafb;padding:13px 20px;border-radius:0 0 18px 18px;border-top:1px solid #ebf1f4}.mini-app-footer span{display:flex;align-items:center;gap:5px}.floating-audio{position:absolute;left:8px;top:48px;display:flex;align-items:center;gap:12px;padding:15px 19px;background:white;border:1px solid #e1ecef;box-shadow:0 10px 30px #153c5810;border-radius:12px;z-index:4;transform:rotate(2deg);color:var(--blue)}.floating-audio b{font-size:11px;color:#365267;display:block}.floating-audio small{font-size:9px;color:#82929f;display:block;margin-top:4px}.floating-audio .wave{height:28px;margin-left:10px;gap:2px}.floating-audio .wave i{width:2px;height:calc(var(--h)*.52)}.floating-benefit{position:absolute;bottom:4px;right:0;z-index:4;display:flex;align-items:center;gap:8px;font-size:11px;color:#267768;background:#eefaf6;border:1px solid #ccecdf;padding:13px 17px;border-radius:9px;box-shadow:0 10px 25px #176b4b08;transform:rotate(2deg)}.dot-grid{position:absolute;width:80px;height:80px;bottom:8px;left:6px;background-image:radial-gradient(#b6d9e1 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.6}.hero-practice{text-align:center;padding:27px 20px 23px;min-height:240px}.lesson-kicker{font-size:8px;letter-spacing:1.5px;color:#698796}.hero-practice h2{font-size:36px;letter-spacing:-1px;margin-top:10px}.word-meaning{color:var(--teal);font-size:21px;margin-top:9px}.example-sentence{font-size:13px;color:#728395;margin-top:20px;font-style:italic}.mini-progress{display:flex;justify-content:center;gap:5px;margin:20px 0 9px}.mini-progress span{width:23px;height:4px;background:#18b59c;border-radius:5px}.mini-progress .empty{background:#e7efef}.hero-practice small{font-size:8px;color:#768f9b}.intent-strip{border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2;background:#f8fbfd}.intent-strip>.section-width{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1.1fr;gap:28px;align-items:center;padding-top:27px;padding-bottom:27px}.intent-strip p{font-size:13px;color:#617a8c;line-height:1.7}.intent-strip strong{color:#2a4c67;font-weight:650}.intent-strip .section-width>div{display:flex;align-items:center;gap:12px;color:#3c87a2}.intent-strip b{display:block;font-size:11px;color:#30536c;font-weight:650}.intent-strip small{display:block;font-size:10px;color:#8193a1;margin-top:5px}.how-section{padding-top:86px;padding-bottom:78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:33px}.section-heading h2,.practice-copy h2{font-size:40px;line-height:1.2;letter-spacing:-1.7px;font-weight:650;margin-top:12px}.section-heading>p{max-width:348px;font-size:13px;line-height:1.8;color:#708397;padding-bottom:3px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.step-card{padding:28px 27px 31px;border:1px solid #e0e9ef;border-radius:15px;background:#fff}.step-top{display:flex;justify-content:space-between;align-items:center}.step-num{font-size:11px;font-weight:650;color:#a2b2be;letter-spacing:1px}.step-card h3{font-size:20px;letter-spacing:-.5px;margin:23px 0 12px;font-weight:650}.step-card p{font-size:12px;line-height:1.9;color:#6a8092}.practice-feature{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center;padding-bottom:90px;padding-top:16px}.practice-visual{min-height:363px;background:#eff8f6;border:1px solid #e5f0ec;border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.practice-sticker{position:absolute;top:28px;left:29px;font-size:8px;letter-spacing:1.4px;color:#488778;display:flex;gap:7px;align-items:center}.vocabulary-tile{background:white;padding:28px 35px;border:1px solid #dae9e3;box-shadow:0 12px 35px #21675908;border-radius:14px;transform:rotate(-3deg);z-index:1;max-width:84%;margin-top:35px}.vocabulary-tile>span{font-size:8px;letter-spacing:1.5px;color:#5a8c7f}.vocabulary-tile h3{font-size:34px;letter-spacing:-1px;line-height:1.25;margin:15px 0;color:#2b574c;font-weight:650}.vocabulary-tile p{font-size:14px;color:#5d8c7a}.word-chips{display:flex;gap:5px;margin-top:23px}.word-chips span{font-size:8px;background:#f0f7f3;color:#699384;padding:5px 7px;border-radius:5px}.practice-orbit{position:absolute;border:1px solid #bde2d570;border-radius:50%;width:260px;height:260px}.orbit-one{bottom:-130px;left:-80px}.orbit-two{top:-180px;right:-90px;width:340px;height:340px}.practice-copy>p:not(.overline){font-size:13px;line-height:1.9;color:#6d8295;margin:19px 0}.tick-line{font-size:12px;display:flex;gap:8px;align-items:center;color:#45687c;margin:11px 0}.tick-line svg{color:#1e9e82}.practice-copy>.btn{margin-top:18px}.school-section{padding-bottom:78px}.school-section .section-heading h2{font-size:33px}.school-grid{display:grid;grid-template-columns:1fr 1.18fr 1fr;border:1px solid #e1e9ef;border-radius:18px;overflow:hidden}.school-grid article{padding:28px}.school-grid article+article{border-left:1px solid var(--line)}.school-grid h3{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin-top:15px}.school-grid p{font-size:11px;line-height:1.9;color:#758698;margin-top:15px}.provider-list{margin-top:20px}.provider-list>div{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600;padding:10px 0}.provider-list>div+div{border-top:1px solid #edf2f5}.provider-list small{display:block;font-size:9px;color:#78909e;font-weight:400;margin-top:5px}.provider-list .tiny-tag{margin-left:auto;font-size:8px;padding:3px 5px}.provider-symbol{display:flex;align-items:center;justify-content:center;background:#e6f6ee;border:1px solid #d7ebe1;color:#1e7b5c;width:30px;height:30px;border-radius:7px;font-weight:750}.provider-symbol.azure{background:#ecf3fc;border-color:#dbe8f9;color:#2765b3}.provider-symbol.cf{background:#fff4e9;border-color:#f5e4ce;color:#b47520}.bottom-cta{padding:42px 50px;max-width:1168px;margin-bottom:70px;border-radius:21px;background:#0c314c;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px}.bottom-cta:after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #51778844;right:-80px;top:-100px;pointer-events:none}.bottom-cta .overline{color:#62c9c1}.bottom-cta h2{color:#fff;font-size:36px;line-height:1.2;letter-spacing:-1.1px;margin:12px 0 14px;font-weight:600}.bottom-cta p:not(.overline){font-size:11px;color:#a8c0d1}.bottom-cta>div{position:relative;z-index:1}.bottom-cta small{display:block;font-size:10px;color:#92b4c8;text-align:center;margin-top:12px}.site-footer{border-top:1px solid #e9eef3;max-width:1240px;margin:auto;padding:38px 36px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}.site-footer .brand-wordmark{width:150px}.site-footer .brand-credit{font-size:6px}.site-footer p{font-size:10px;color:#8293a1;margin-top:15px}.footer-links{display:flex;gap:24px;font-size:11px;color:#6f8494;flex-wrap:wrap}.footer-links button{font:inherit;padding:0}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:15px;padding-top:24px;margin-top:13px;border-top:1px solid #edf1f5;font-size:9px;color:#8b9aa7}.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:52px}.wave i{display:block;width:3px;height:var(--h);background:linear-gradient(#08b8bf,#2584d4);border-radius:4px;opacity:.8}.running .wave i,.floating-audio .wave i{animation:wave 1.1s ease-in-out infinite;animation-delay:var(--d)}@keyframes wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
/* Application shell */
.app-header{max-width:none;border-bottom:1px solid var(--line);min-height:89px;padding:18px 34px}.app-header .brand-wordmark{width:165px}.app-header-right{display:flex;align-items:center;gap:20px}.environment-dot{font-size:11px;color:#647f92;display:flex;align-items:center;gap:6px}.environment-dot:before{content:'';width:6px;height:6px;background:#8eb4c5;border-radius:50%}.workspace-shell{display:flex;background:var(--bg);min-height:calc(100vh - 120px)}.sidebar{width:222px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;padding:31px 16px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:80px}.sidebar .overline{font-size:8px;margin-left:13px;margin-bottom:14px;letter-spacing:1.5px;color:#8a9ba8}.side-link{display:flex;align-items:center;gap:10px;min-height:43px;width:100%;font-size:11px;text-align:left;color:#607b8d;border-radius:8px;padding:10px 12px;margin-bottom:4px}.side-link.active{background:#eaf3fd;color:#1462aa;font-weight:650}.side-link:hover{background:#f3f8fc}.side-link .tiny-tag{font-size:7px;margin-left:auto;padding:3px 4px}.side-link.muted{color:#8998a5;font-size:10px}.side-link.muted svg:last-child{margin-left:auto}.side-divider{height:1px;background:var(--line);margin:24px 12px}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 6px 0;font-size:10px}.sidebar-bottom b{display:block;font-size:10px}.sidebar-bottom span{display:block;font-size:8px;margin-top:5px;color:#93a0ac}.demo-avatar{width:30px;height:30px;border-radius:50%;background:#e7f3f6;color:#438397;display:flex;align-items:center;justify-content:center;font-weight:700}.workspace-main{max-width:1450px;width:100%;margin:0 auto;padding:36px 36px 45px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.breadcrumb{font-size:9px;letter-spacing:1.4px;color:#8192a1;font-weight:600}.breadcrumb span{color:#bdc8d0;padding:0 8px}.page-heading h1{font-size:31px;letter-spacing:-1.15px;font-weight:650;line-height:1.2;margin:12px 0 10px}.page-heading>div>p:last-child{font-size:12px;color:#798b9b;line-height:1.7}.workflow-steps{display:flex;align-items:center;max-width:530px;margin:25px 0 27px;gap:16px;font-size:10px}.workflow-steps>span{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#8697a4}.workflow-steps b{border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid #d6e2ec;background:#fff;font-size:10px;font-weight:550}.workflow-steps>i{height:1px;background:#dce6ee;flex:1}.workflow-steps .active{color:#116cc1;font-weight:650}.workflow-steps .active b{background:#116cc1;color:white;border-color:#116cc1}.workflow-steps .complete b{background:#e0f4ec;color:#22876d;border-color:#cde8db}.teacher-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.teacher-left,.teacher-right{display:flex;flex-direction:column;gap:20px;min-width:0}.language-row{display:flex;gap:10px;align-items:center;margin-top:6px}.language-row>div{flex:1;min-width:0}.language-row .field-label{font-size:11px}.language-arrow{padding-top:32px;color:#8fa6b6}.select-wrap{position:relative}.select-wrap>svg{position:absolute;top:14px;left:11px;color:#6e8fa2}.select-wrap select{padding-left:34px;font-size:12px}.practice-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ecf0f4;padding:19px 0;margin-top:5px}.practice-toggle-row strong{font-size:11px;font-weight:650}.practice-toggle-row small{display:block;font-size:10px;color:#8496a4;margin-top:4px}.switch{width:35px;height:21px;border-radius:20px;background:#d5e1e9;padding:3px;flex-shrink:0}.switch>span{display:block;height:15px;width:15px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #24435c20;transition:transform .2s}.switch.on{background:#098b90}.switch.on>span{transform:translateX(14px)}.mic-heading{display:flex;align-items:center;gap:12px}.mic-heading h3{font-size:15px;font-weight:650}.mic-heading p{font-size:10px!important;color:#7a91a0;margin-top:5px}.microphone-panel{padding:22px}.mic-meter{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8eff3;background:#f9fbfc;padding:13px 12px;border-radius:9px;margin:17px 0}.meter-label{font-size:7px;letter-spacing:1px;color:#93a4af}.mic-meter .wave{height:25px;gap:3px}.mic-meter .wave i{height:calc(var(--h)*.35);width:3px;background:#c4d8e2}.mic-meter .tiny-tag{font-size:7px}.mic-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mic-footer>span{font-size:9px;color:#7c92a3;display:flex;align-items:center;gap:5px}.mic-footer .text-link{font-size:10px}.room-instructions{font-size:11px;color:#728b9c}.room-code{display:flex;justify-content:space-between;align-items:center;background:#f4f8fb;border:1px dashed #cddde8;border-radius:11px;padding:16px 18px;margin-top:14px}.room-code>span{font-size:28px;letter-spacing:6px;font-weight:650;font-variant-numeric:tabular-nums;color:#285a80}.reader-state,.reader-request{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e1eaf0;border-radius:11px;background:#f8fafc;margin-top:18px;font-size:12px}.reader-state small,.reader-request small{display:block;font-size:10px;color:#7c92a0;margin-top:4px}.reader-avatar{width:33px;height:33px;background:#e9f1f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#638298;flex-shrink:0}.reader-state.connected{background:#f0faf5;border-color:#d9ede2}.reader-state.connected svg{color:#259577}.reader-state.connected>svg{margin-left:auto}.reader-state.error{background:#fff8ef;border-color:#f1e3cc}.reader-request{background:#eff7ff;border-color:#cce2fa}.room-buttons{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.room-buttons .btn{font-size:11px;padding:10px 13px}.room-empty{text-align:center;padding:16px 10px 12px}.empty-room-icon{display:inline-flex;width:67px;height:67px;align-items:center;justify-content:center;background:#edf5fb;border-radius:20px;color:#6893ad;margin:4px 0 16px}.room-empty h3{font-size:17px;letter-spacing:-.35px}.room-empty p{font-size:11px;color:#889aa8;margin:10px auto 20px;max-width:240px}.room-empty .tiny-tag{font-size:8px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;background:#f0f4f7;color:#708697;border:1px solid #e5edf2;padding:6px 8px;border-radius:20px;white-space:nowrap;font-weight:550}.status i{width:5px;height:5px;background:#9ab0be;border-radius:50%}.status.live,.status.ready{background:#ebf8f2;color:#2a846a;border-color:#d8eee4}.status.live i,.status.ready i{background:#26a480}.status.paused,.status.disconnected{background:#fff7e9;color:#946b2c;border-color:#f2e4c8}.status.paused i,.status.disconnected i{background:#cd9843}.stream-panel .panel-heading{align-items:center}.stream-panel .panel-heading h2{font-size:18px}.lesson-monitor{background:#f8fafc;border:1px solid #e9eff4;border-radius:11px;padding:13px 14px;text-align:center;margin-top:2px}.lesson-monitor>.wave{height:34px}.lesson-monitor .wave i{height:calc(var(--h)*.6);background:#bad1df}.lesson-monitor.running .wave i{background:linear-gradient(#04bdaa,#1582d8)}.lesson-monitor>span{display:block;font-size:10px;line-height:1.5;color:#7a91a2;margin-top:7px}.stream-controls{display:flex;gap:9px;margin-top:17px}.stream-controls>.primary{flex:1;font-size:12px}.danger-text{color:#965b57!important}.stream-panel .field-help{font-size:10px;margin-top:12px;margin-bottom:8px}.stream-tools{display:flex;flex-wrap:wrap;gap:12px;padding-top:11px;margin-top:14px;border-top:1px solid #edf1f4}.stream-tools button{font-size:9px;padding:4px 0;color:#728b9d;display:flex;align-items:center;gap:4px}.stream-tools button:hover:not(:disabled){color:var(--blue)}.teacher-transcript{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px;background:#fbfdfe;padding:22px 25px}.teacher-transcript h3{font-size:15px;font-weight:500;margin-top:9px;line-height:1.6}.teacher-transcript p:not(.overline){font-size:10px;color:#8d9eab;margin-top:8px}.workspace-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:10px;color:#8295a5;line-height:1.7;padding:22px 10px 0}.workspace-note svg{margin-top:1px}.workspace-note p{max-width:700px}
/* Reader */
.student-shell{background:#f5f9fc;min-height:calc(100vh - 32px);display:flex;flex-direction:column}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;background:white;border-bottom:1px solid var(--line);gap:20px}.reader-header-actions{display:flex;align-items:center;gap:15px}.reader-header .brand-wordmark{width:172px}.reader-main{width:100%;max-width:1130px;margin:0 auto;padding:36px 40px;flex:1}.join-main{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1050px;margin:0 auto;padding:80px 40px;flex:1;width:100%}.join-copy h1{font-size:58px;letter-spacing:-2.5px;line-height:1.12;font-weight:650}.join-copy>p{font-size:14px;color:#6b8497;line-height:1.9;margin-top:24px}.join-reassurance{display:flex;flex-direction:column;gap:14px;font-size:11px;color:#78909f;margin-top:27px}.join-reassurance>span{display:flex;align-items:center;gap:8px}.join-card{padding:32px;box-shadow:var(--shadow)}.join-card h2{font-size:23px;letter-spacing:-.6px;margin-top:20px}.ko-sub{font-size:13px;color:#8195a2;margin-top:9px}.join-card .field-label{margin-top:27px}.code-input{font-size:24px;letter-spacing:7px;text-transform:uppercase;text-align:center;font-weight:600;padding:17px}.code-input::placeholder{color:#aab9c4}.join-card .field-help{font-size:10px}.divider-text{position:relative;text-align:center;margin:24px 0;font-size:10px;color:#8fa1af}.divider-text:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#edf2f5}.divider-text span{position:relative;background:#fff;padding:0 10px}.form-error{font-size:11px;color:#a64747;margin:12px 0;padding:10px;background:#fff2f0;border-radius:8px}.reader-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.reader-topline h1{font-size:29px;letter-spacing:-.8px;margin-top:9px;font-weight:600}.reader-language>span:first-child{display:flex;align-items:center;justify-content:end;gap:7px;font-size:14px}.reader-language small{font-size:10px;color:#8b9ca8}.reader-language .tiny-tag{margin-top:11px;display:table;margin-left:auto;font-size:8px}.reader-paper{background:#fff;border:1px solid #dbe7ee;box-shadow:0 12px 30px #244c6c05;border-radius:16px;overflow:hidden}.reader-paper-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ecf1f5;padding:18px 25px;font-size:8px;letter-spacing:1.25px;color:#7792a3}.reader-paper-top>span:first-child{display:flex;align-items:center;gap:7px;color:#3c8b8c}.caption-scroll{height:min(48vh,430px);min-height:260px;overflow-y:auto;padding:10px 33px 25px;scroll-behavior:smooth}.reader-caption{font-family:'Malgun Gothic','Noto Sans CJK KR',sans-serif;word-break:keep-all;line-height:1.8;font-weight:400;color:#96a6b2;padding:15px 4px 19px;border-bottom:1px solid #eff3f6;transition:color .2s}.reader-caption.latest{color:#153c57;font-weight:500;border-bottom:0}.caption-empty{color:#8ea4b2;padding:40px 0;font-size:22px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:12px 16px;border:1px solid #e3ebf1;background:#fff;border-radius:12px}.toolbar-group{display:flex;align-items:center;gap:9px;font-size:12px}.toolbar-group>span{font-size:10px;color:#8ca0ae;margin-right:5px}.toolbar-group b{font-weight:500;font-size:16px}.toolbar-btn{display:flex;align-items:center;gap:6px;font-size:10px;color:#7790a0;padding:7px}.toolbar-btn.chosen{color:#1268a5}.reader-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8b9eac;margin:19px 0 2px;line-height:1.6;text-align:center}.reader-footer{display:flex;justify-content:space-between;gap:20px;padding:23px 40px;border-top:1px solid #e3edf3;font-size:9px;color:#8da1b0}.reader-wait{padding:55px 30px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:330px;display:flex;align-items:center;flex-direction:column;justify-content:center}.waiting-orbit{display:flex;align-items:center;justify-content:center;height:80px;width:80px;border-radius:50%;background:#edf6fb;color:#508db2;box-shadow:0 0 0 10px #f7fbfd;margin-bottom:30px}.reader-wait h2{font-size:24px;font-weight:550;line-height:1.5}.reader-wait>p{font-size:12px;color:#8a9eac;max-width:520px;line-height:1.8;margin:13px 0 24px}.reader-alert{display:flex;gap:13px;align-items:center;background:#fff7e9;border:1px solid #f0e0bf;color:#8e6c35;padding:18px 22px;border-radius:12px;margin-bottom:22px}.reader-alert>div{flex:1}.reader-alert strong{font-size:16px;font-weight:500}.reader-alert p{font-size:11px;margin-top:7px;line-height:1.7}.reader-alert .btn{font-size:11px}.reader-alert.paused{background:#f0f6ff;border-color:#d8e6f8;color:#557ba6}.practice-ready{display:flex;align-items:center;text-align:left;gap:16px;border:1px solid #dceee3;border-radius:13px;padding:20px;background:#f5fbf7}.practice-ready strong{font-size:12px}.practice-ready p{font-size:10px;line-height:1.6;color:#6b8f7a;margin-top:6px}.high-contrast{background:#0b1c2b}.high-contrast .reader-main{color:#fff}.high-contrast .reader-paper{background:#10283a;border-color:#345568}.high-contrast .reader-paper-top{border-color:#294858;color:#b0ccd9}.high-contrast .reader-paper-top>span:first-child{color:#6ee0d3}.high-contrast .reader-caption{color:#b9cfdf;border-color:#294858}.high-contrast .reader-caption.latest{color:#fff}.high-contrast .reader-toolbar{background:#10283a;border-color:#345568;color:#fff}.high-contrast .reader-toolbar button{color:#d8ebf4}.high-contrast .reader-toolbar .icon-btn{background:#19374b;border-color:#345568}.high-contrast .reader-language small,.high-contrast .overline,.high-contrast .reader-footnote,.high-contrast .reader-footer{color:#b0c6d5}.high-contrast .reader-wait{background:#10283a;border-color:#345568}.high-contrast .reader-footer{border-color:#345568}.high-contrast .reader-wait>p{color:#b9cfdf}.high-contrast .practice-ready{color:var(--ink)}
/* Practice */
.practice-disclaimer{display:flex;align-items:flex-start;gap:10px;background:#edf5fc;border:1px solid #ddebf7;border-radius:10px;padding:15px 18px;margin:25px 0;color:#5a7b97}.practice-disclaimer p{font-size:11px;line-height:1.7}.practice-disclaimer svg{margin-top:1px}.practice-intro-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:28px 0}.practice-intro-card .feature-icon{width:38px;height:38px;border-radius:11px;margin-bottom:14px}.practice-intro-card h2{font-size:22px;font-weight:600;letter-spacing:-.65px}.practice-intro-card p{font-size:12px;line-height:1.7;color:#8a9aa8;margin-top:9px;max-width:580px}.practice-number{font-size:60px;line-height:1;letter-spacing:-3px;color:#d0e7e2;padding:0 22px;text-align:center;font-weight:550}.practice-number>span{display:block;font-size:10px;letter-spacing:0;color:#91a99f;margin-top:10px;white-space:nowrap}.practice-pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.practice-pack{padding:23px;display:flex;flex-direction:column}.pack-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:8px}.pack-top .tiny-tag{font-size:8px}.practice-pack .overline{font-size:8px}.practice-pack h2{font-size:21px;letter-spacing:-.6px;margin:9px 0 11px;line-height:1.3;font-weight:600}.practice-pack>p:not(.overline){font-size:11px;color:#8a9cab;line-height:1.7;min-height:38px}.pack-words{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 24px}.pack-words span{font-size:9px;padding:5px 8px;background:#f2f6f9;color:#6b899d;border-radius:5px}.practice-pack .btn{margin-top:auto;font-size:11px}.practice-blocked{padding:55px 25px;text-align:center;margin-top:30px}.practice-blocked h2{font-size:26px;margin:23px 0 12px;font-weight:600}.practice-blocked p{font-size:13px;color:#8a9cab;max-width:570px;margin:0 auto 25px;line-height:1.8}.back-link{margin:8px 0 19px}.exercise-shell{padding:28px;max-width:1000px}.exercise-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7491a4;gap:20px}.pack-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#466e89}.exercise-progress{height:4px;background:#edf3f6;margin-top:20px;border-radius:5px;overflow:hidden}.exercise-progress>span{display:block;height:100%;background:linear-gradient(90deg,#007ee4,#18bcad);border-radius:4px}.exercise-body{display:grid;grid-template-columns:1fr 1.25fr;gap:45px;padding:33px 7px 10px}.exercise-word{padding:22px 15px 10px 4px}.exercise-word .overline{font-size:8px}.exercise-word h2{font-size:38px;letter-spacing:-1px;margin-top:30px;line-height:1.3}.exercise-word .word-meaning{font-size:24px;line-height:1.6}.exercise-word .example-sentence{font-size:13px;line-height:1.8;margin-top:32px}.exercise-question{border-left:1px solid #e6eef3;padding:15px 0 10px 35px}.exercise-question>.overline{font-size:8px}.exercise-question h3{font-size:18px;font-weight:550;line-height:1.6;margin:13px 0 22px}.answer-options{display:flex;flex-direction:column;gap:10px}.answer{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce7ef;background:#fbfdfe;text-align:left;font-size:12px;min-height:54px}.answer>span{border:1px solid #dce7ef;border-radius:6px;min-height:27px;min-width:27px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#7b97aa;background:white}.answer>b{font-weight:500;flex:1}.answer:hover:not(:disabled){border-color:#6eadd9;background:#f2f8fe}.answer:disabled{opacity:.8}.answer.correct{background:#effaf4;border-color:#9bd5b4;color:#267d59;opacity:1}.answer.incorrect{background:#fff8ed;border-color:#ecd2a4;opacity:1;color:#9f7029}.answer-feedback{margin:17px 0 14px;font-size:12px;padding:13px;border-radius:9px;background:#edf7f1;color:#41735c}.answer-feedback.incorrect{background:#fff8e9;color:#8d743f}.answer-feedback p{font-size:11px;line-height:1.8;margin-top:6px}.exercise-complete{text-align:center;padding:40px 30px}.completion-mark{height:80px;width:80px;display:inline-flex;align-items:center;justify-content:center;background:#e9f8ef;color:#319768;border-radius:50%;margin-bottom:25px}.exercise-complete h2{font-size:36px;letter-spacing:-1.3px;margin:16px 0;font-weight:600}.exercise-complete>p:not(.overline){color:#7992a3;font-size:13px;line-height:1.8}.complete-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0 18px}.complete-chips span{font-size:12px;background:#edf7f2;color:#5e8b72;padding:8px 12px;border-radius:8px}.exercise-complete .btn{margin:14px 3px 0}
/* Integration page and dialog */
.architecture-panel{margin:27px 0}.architecture-flow{display:flex;align-items:center;justify-content:space-between;padding:30px 0 22px;gap:6px}.flow-node{text-align:center;flex:1;font-size:12px;min-width:0}.flow-node>svg{color:#428bab;margin-bottom:13px}.flow-node strong{display:block;font-size:11px}.flow-node small{display:block;font-size:8px;color:#8ba0b0;margin-top:7px;line-height:1.5}.flow-arrow{color:#bdcfdb}.architecture-panel>.field-help{margin-bottom:0;font-size:10px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration-card{padding:23px;display:flex;flex-direction:column}.integration-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.integration-top .tiny-tag{font-size:8px}.integration-card h2{font-size:18px;letter-spacing:-.4px;line-height:1.4;margin-bottom:12px;font-weight:600}.integration-card>p{font-size:11px;line-height:1.8;color:#7d92a1}.integration-card details{margin-top:auto;padding-top:20px}.integration-card summary{list-style:none;font-size:10px;color:#527b97;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e7eef4;padding-top:14px}.integration-card summary::-webkit-details-marker{display:none}.integration-card details p{font-size:10px;color:#718b9f;line-height:1.8;margin-top:12px}.release-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:25px}.release-panel h2{font-size:22px;letter-spacing:-.6px;margin-top:8px;font-weight:600}.release-panel p:not(.overline){font-size:11px;color:#8398a8;margin-top:12px;line-height:1.8;max-width:690px}.modal-overlay{position:fixed;inset:0;background:#0a213975;backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal{max-width:590px;width:100%;max-height:85vh;overflow:auto;background:white;box-shadow:0 30px 80px #102a5640;border-radius:20px;padding:31px}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.modal-top h2{font-size:25px;letter-spacing:-.8px;font-weight:650}.modal-body p{font-size:13px;line-height:1.85;color:#627e92;margin-bottom:17px}.modal-body .overline{font-size:10px;letter-spacing:1px;color:#518a9e;margin:23px 0 10px}.modal-body strong{color:#2b4e6a}.modal-body ul{font-size:12px;line-height:1.9;color:#6d8393;padding-left:20px}.modal-body li+li{margin-top:10px}.modal-footer{display:flex;justify-content:end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #e9f0f4}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#103a52;color:#fff;border:1px solid #285069;padding:14px 22px;border-radius:11px;box-shadow:0 12px 30px #09253d25;z-index:400;font-size:12px;max-width:calc(100vw - 40px);text-align:center;line-height:1.6}.toast>svg{margin-right:7px}
@media(min-width:1600px){.workspace-main{padding:45px 55px}.teacher-grid{gap:27px}.panel{padding:28px}.page-heading h1{font-size:35px}.sidebar{width:244px}.teacher-transcript{padding:27px}.hero{padding-top:70px;padding-bottom:85px}}
@media(max-width:1160px){.site-header{padding:20px 28px;gap:15px}.desktop-nav{gap:17px;font-size:11px}.site-header .brand-wordmark{width:156px}.nav-actions .btn{font-size:11px;padding:11px 13px}.hero h1{font-size:61px;letter-spacing:-3.3px}.hero-sub{font-size:17px}.hero-explainer{font-size:13px}.hero-ctas .btn{font-size:12px;padding:14px}.hero-notes{gap:10px;font-size:9px}.hero-visual{padding-left:20px;min-height:490px}.hero-ko{font-size:26px}.floating-audio{left:0;padding:12px}.floating-audio .wave{margin-left:2px}.visual-caption{left:25px}.intent-strip>.section-width{gap:17px}.intent-strip small{font-size:9px}.sidebar{width:193px;padding:27px 10px}.side-link{font-size:10px;gap:7px}.side-link .icon{width:17px}.side-link .tiny-tag{font-size:6px}.workspace-main{padding:30px 23px}.page-heading h1{font-size:27px}.page-heading .pill-outline{font-size:9px}.teacher-grid{gap:17px}.panel{padding:21px}.panel-heading h2{font-size:18px}.teacher-transcript{padding:20px}.status{font-size:8px;padding:5px 7px}.stream-panel .panel-heading{flex-wrap:wrap;gap:12px}.practice-pack-grid{gap:13px}.practice-pack{padding:19px}.practice-pack h2{font-size:19px}.integration-grid{grid-template-columns:repeat(2,1fr)}.school-grid article{padding:23px}.bottom-cta{margin-left:36px;margin-right:36px}.practice-feature{gap:45px}}
@media(max-width:920px){.desktop-nav{display:none}.site-header{padding:20px 25px}.btn.icon-button{display:flex;font-size:0;padding:10px}.btn.icon-button span{display:none}.mobile-nav{display:flex;flex-wrap:wrap;gap:8px 23px;background:#f9fbfd;border-bottom:1px solid var(--line);padding:18px 28px;font-size:12px}.hero{grid-template-columns:1fr 1fr;padding-top:35px;gap:18px}.hero h1{font-size:51px;letter-spacing:-2.6px}.hero-sub{font-size:15px}.hero-explainer{font-size:12px}.hero-ctas{flex-direction:column;align-items:start}.hero-ctas .btn{min-width:213px}.hero-visual{padding-left:5px;padding-right:0;min-height:430px}.hero-app-card{min-height:330px}.hero-caption-body{padding:24px 19px;min-height:210px}.hero-ko{font-size:23px}.hero-caption-hint{font-size:8px}.mini-app-top{padding:15px 13px}.mini-app-top>span:not(.sample-pill){font-size:6px}.mini-tabs{padding:12px 12px 0}.mini-tabs button{font-size:8px}.mini-app-footer{font-size:7px;padding:12px}.hero-caption-meta b{font-size:10px}.floating-benefit{font-size:9px;bottom:0;padding:11px}.floating-audio b{font-size:9px}.floating-audio small{font-size:8px}.floating-audio{top:45px}.visual-caption{font-size:7px;left:20px}.intent-strip>.section-width{grid-template-columns:1fr 1fr;gap:21px}.intent-strip p{font-size:12px}.how-section{padding-top:65px;padding-bottom:60px}.section-heading h2,.practice-copy h2{font-size:33px}.section-heading>p{font-size:12px;max-width:270px}.step-card{padding:23px 21px}.step-card h3{font-size:18px}.step-card p{font-size:11px}.practice-feature{gap:33px;padding-bottom:65px}.vocabulary-tile{padding:24px}.vocabulary-tile h3{font-size:27px}.practice-copy>p:not(.overline){font-size:12px}.school-grid{grid-template-columns:1fr 1fr}.school-grid article:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.school-grid article:last-child h3 br{display:none}.school-grid article:last-child h3{font-size:19px}.bottom-cta h2{font-size:31px}.bottom-cta{padding:34px 31px}.bottom-cta .btn{font-size:12px}.footer-links{gap:14px;font-size:10px}.sidebar{width:176px;padding:24px 8px}.sidebar .overline{font-size:7px}.side-link{font-size:9px;gap:6px;padding:10px 8px}.side-link .tiny-tag{display:none}.side-link.muted{font-size:8px}.workspace-main{padding:26px 19px}.page-heading{flex-direction:column;align-items:start;gap:14px}.page-heading h1{font-size:27px}.teacher-grid{grid-template-columns:1fr}.teacher-left{display:contents}.teacher-right{display:contents}.setup-panel{grid-row:1}.room-panel{grid-row:2}.stream-panel{grid-row:3}.microphone-panel{grid-row:4}.panel-heading h2{font-size:21px}.stream-panel .panel-heading{flex-wrap:nowrap}.teacher-transcript{align-items:start}.teacher-transcript>.tiny-tag{display:none}.room-code{max-width:none}.room-buttons .btn{flex:1}.join-main{gap:35px;padding:65px 30px}.join-copy h1{font-size:46px}.join-copy>p{font-size:13px}.join-card{padding:27px}.reader-wait h2{font-size:22px}.reader-toolbar{gap:8px;flex-wrap:wrap}.toolbar-group{gap:6px}.practice-pack-grid{grid-template-columns:1fr}.practice-pack>p:not(.overline){min-height:0}.practice-pack h2{font-size:23px}.pack-top{margin-bottom:18px}.exercise-body{gap:20px;padding:15px 0;grid-template-columns:1fr}.exercise-word{padding:15px}.exercise-word h2{margin-top:16px}.exercise-word .example-sentence{margin-top:17px}.exercise-question{border-left:0;border-top:1px solid var(--line);padding:25px 15px 10px}.architecture-flow{display:grid;grid-template-columns:1fr 15px 1fr;row-gap:25px}.flow-arrow:nth-child(4n){display:none}.integration-grid{grid-template-columns:1fr}.integration-card h2{font-size:21px}.release-panel{flex-direction:column;align-items:start;gap:20px}.practice-ready{flex-wrap:wrap}.practice-ready>.btn{margin-left:auto}.practice-number{font-size:45px;padding:0 6px}}
@media(max-width:650px){.preview-banner{justify-content:start;padding:8px 16px;font-size:9px;gap:8px}.preview-tag{font-size:7px;max-width:80px;white-space:normal;letter-spacing:1px}.preview-banner>span:nth-child(2){max-width:280px}.preview-banner button{margin-left:auto}.site-header{padding:18px 21px;min-height:80px}.site-header .brand-wordmark{width:153px}.brand-credit{font-size:6px;letter-spacing:1.5px}.site-header .nav-actions>.btn:not(.icon-button){display:none}.hero{display:flex;flex-direction:column;padding:35px 25px 43px;gap:21px;min-height:0;overflow:hidden}.hero-copy{width:100%}.hero h1{font-size:52px;letter-spacing:-2.7px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:21px}.hero-sub{font-size:16px;line-height:1.7;margin-top:20px}.desktop-only{display:none}.hero-explainer{font-size:12px;max-width:360px;line-height:1.8}.hero-ctas{gap:9px;flex-direction:row;align-items:stretch;margin-top:24px}.hero-ctas .btn{font-size:11px;min-width:0;flex:1;white-space:normal;padding:13px 10px;line-height:1.5}.hero-ctas .btn svg{width:15px}.hero-notes{gap:11px;font-size:8px;margin-top:19px}.hero-notes svg{width:13px}.hero-visual{width:100%;max-width:425px;min-height:432px;padding:75px 9px 20px 16px;margin-top:12px}.visual-caption{top:2px;left:24px;font-size:7px}.floating-audio{top:27px;left:3px;padding:12px 14px}.floating-audio b{font-size:10px}.floating-audio small{font-size:8px}.hero-app-card{min-height:332px}.hero-ko{font-size:27px}.hero-caption-body{min-height:219px;padding:24px}.mini-app-top>span:not(.sample-pill){font-size:7px}.mini-tabs button{font-size:9px}.mini-app-top{padding:15px}.mini-app-footer{font-size:7px}.hero-caption-meta{font-size:8px}.hero-caption-meta b{font-size:11px}.floating-benefit{font-size:9px;right:0;bottom:0}.intent-strip>.section-width{padding:23px 25px;gap:24px 16px;grid-template-columns:1fr 1fr}.intent-strip p{font-size:11px}.intent-strip .section-width>div{gap:8px}.intent-strip svg{width:19px}.intent-strip b{font-size:10px}.intent-strip small{font-size:8px;line-height:1.6}.section-width{padding-left:25px;padding-right:25px}.section-heading{flex-direction:column;align-items:start;gap:16px}.section-heading h2,.practice-copy h2{font-size:34px;letter-spacing:-1.3px}.section-heading>p{max-width:none;font-size:12px}.overline{font-size:8px;letter-spacing:1.5px}.how-section{padding-top:51px;padding-bottom:49px}.steps-grid{grid-template-columns:1fr;gap:15px}.step-card{padding:24px}.step-top{align-items:center}.step-card h3{font-size:22px;margin-top:18px}.step-card p{font-size:12px;line-height:1.8}.practice-feature{display:flex;flex-direction:column;gap:31px;padding-bottom:49px;padding-top:2px}.practice-visual{width:100%;min-height:335px}.practice-copy{width:100%}.practice-copy>p:not(.overline){font-size:12px}.tick-line{font-size:11px}.school-section{padding-bottom:44px}.school-section .section-heading h2{font-size:29px}.school-grid{grid-template-columns:1fr}.school-grid article+article{border-left:0;border-top:1px solid var(--line)}.school-grid h3 br{display:none}.school-grid article{padding:24px}.school-grid h3{font-size:21px}.school-grid p{font-size:12px}.provider-list>div{font-size:13px;padding:13px 0}.provider-list small{font-size:10px}.bottom-cta{margin:0 25px 46px;padding:29px 26px;flex-direction:column;align-items:start;gap:26px}.bottom-cta h2{font-size:32px}.bottom-cta>div:last-child{width:100%}.bottom-cta .btn{width:100%}.site-footer{padding:28px 25px 20px;align-items:start;gap:30px}.footer-links{flex-wrap:wrap;justify-content:start;gap:15px 24px}.footer-bottom{flex-direction:column;line-height:1.8;font-size:8px;padding-top:20px}.app-header{padding:17px 20px;min-height:78px}.app-header .brand-wordmark{width:145px}.environment-dot{display:none}.app-header-right>.btn{font-size:10px;padding:9px}.workspace-shell{display:block}.sidebar{width:100%;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-top{display:flex;gap:5px;align-items:center}.sidebar .overline,.sidebar .side-divider,.sidebar .side-link.muted,.sidebar-bottom{display:none}.side-link{font-size:10px;justify-content:center;padding:10px 6px;gap:6px;min-height:37px;margin:0;white-space:nowrap}.side-link .icon{width:16px}.workspace-main{padding:25px 17px 35px}.breadcrumb{font-size:8px;letter-spacing:1px}.page-heading{gap:16px;margin-bottom:19px}.page-heading h1{font-size:27px;line-height:1.25;margin-top:11px}.page-heading>div>p:last-child{font-size:11px;max-width:340px;line-height:1.75}.page-heading .pill-outline{font-size:9px;padding:7px 9px}.workflow-steps{gap:10px;margin:24px 0 23px;font-size:9px}.workflow-steps b{width:21px;height:21px;font-size:9px}.teacher-grid{gap:17px}.panel{padding:21px 19px;border-radius:14px}.panel-heading h2{font-size:21px}.panel-heading{margin-bottom:17px}.panel-heading .overline{font-size:8px}.feature-icon{width:46px;height:46px;border-radius:12px}.field-label{font-size:11px}.field-help{font-size:10px}.language-row .field-label{font-size:10px}.language-row{gap:8px}.select-wrap select{font-size:11px;padding-left:33px;padding-right:8px}.language-arrow{padding-top:32px}.practice-toggle-row strong{font-size:11px}.practice-toggle-row small{font-size:9px}.room-empty p{font-size:11px}.stream-panel .panel-heading{gap:10px}.stream-panel .panel-heading h2{font-size:20px}.status{font-size:8px;padding:6px 7px}.stream-tools{gap:10px;justify-content:space-between}.stream-tools button{font-size:8px}.mic-meter{gap:6px;padding:12px 9px}.mic-meter .wave{gap:2px}.mic-meter .wave i{width:2px}.meter-label{font-size:7px}.mic-heading p{font-size:9px!important}.mic-heading h3{font-size:14px}.mic-footer>span{font-size:8px}.mic-footer .text-link{font-size:9px}.teacher-transcript{margin-top:17px}.teacher-transcript h3{font-size:14px}.teacher-transcript p:not(.overline){font-size:9px}.workspace-note{font-size:9px;padding-top:18px}.reader-header{padding:18px 18px;gap:10px}.reader-header .brand-wordmark{width:144px}.reader-header-actions{gap:6px}.reader-header-actions .btn{padding:8px;font-size:9px;gap:4px}.reader-header-actions .btn .icon{width:15px}.reader-header-actions .status{display:none}.reader-header-actions .pill-outline{font-size:8px}.join-main{display:flex;flex-direction:column;gap:33px;padding:38px 22px}.join-copy{width:100%;max-width:400px}.join-copy h1{font-size:47px;letter-spacing:-2px}.join-copy>p{font-size:12px;margin-top:18px}.join-reassurance{flex-direction:row;gap:15px;font-size:8px;margin-top:21px}.join-reassurance svg{width:15px}.join-card{max-width:440px;width:100%;padding:27px}.reader-footer{padding:20px 22px;flex-direction:column;gap:8px;font-size:8px;line-height:1.7}.reader-main{padding:28px 17px}.reader-topline{gap:14px;margin-bottom:20px}.reader-topline h1{font-size:23px;letter-spacing:-.6px}.reader-language>span:first-child{gap:4px;font-size:12px}.reader-language small{font-size:8px}.reader-language .tiny-tag{font-size:7px;padding:3px 4px}.reader-paper-top{padding:14px 17px;font-size:6px;letter-spacing:.7px;gap:8px}.reader-paper-top .icon{width:13px}.caption-scroll{padding:10px 20px 23px;height:44vh;min-height:280px}.reader-caption{line-height:1.8!important;letter-spacing:-.6px;padding:16px 0;overflow-wrap:anywhere;word-break:normal}.reader-toolbar{padding:11px 10px;gap:12px;justify-content:center}.toolbar-group{gap:5px}.toolbar-group .icon-btn{width:31px;height:31px}.toolbar-group>span{font-size:9px}.toolbar-btn{font-size:9px;padding:5px}.reader-footnote{font-size:8px;align-items:start;margin-top:17px}.reader-wait{padding:42px 20px;min-height:330px}.reader-wait h2{font-size:21px;line-height:1.7}.reader-wait>p{font-size:11px}.reader-alert{padding:16px 17px;flex-wrap:wrap;gap:10px}.reader-alert p{font-size:10px}.reader-alert strong{font-size:15px}.reader-alert>.btn{margin-left:32px}.practice-ready{padding:17px;gap:12px}.practice-ready .feature-icon{display:none}.practice-ready>.btn{width:100%;margin:0}.practice-disclaimer{padding:13px 15px;margin:22px 0}.practice-disclaimer p{font-size:10px}.practice-intro-card{padding:24px 22px;gap:16px}.practice-intro-card h2{font-size:21px}.practice-intro-card p{font-size:11px}.practice-number{display:none}.practice-pack-grid{gap:17px}.practice-pack{padding:23px}.practice-pack h2{font-size:23px}.practice-pack>p:not(.overline){font-size:12px}.pack-words span{font-size:10px}.practice-pack .btn{font-size:12px}.exercise-shell{padding:22px 18px}.exercise-header{font-size:9px}.pack-label{gap:5px;font-size:10px}.exercise-word{padding:13px 5px 20px}.exercise-word h2{font-size:34px}.exercise-question{padding:23px 3px 8px}.exercise-question h3{font-size:18px}.exercise-complete{padding:27px 7px}.exercise-complete h2{font-size:30px}.exercise-complete>p:not(.overline){font-size:12px}.complete-chips span{font-size:10px}.practice-blocked{padding:38px 24px}.practice-blocked h2{font-size:24px}.practice-blocked p{font-size:12px}.architecture-panel{padding:24px 19px}.architecture-flow{row-gap:28px;padding:25px 0}.flow-node small{font-size:9px}.flow-node strong{font-size:12px}.integration-card{padding:23px}.integration-card>p{font-size:12px}.integration-card h2{font-size:21px}.integration-card details p{font-size:11px}.release-panel h2{font-size:22px;line-height:1.4}.release-panel p:not(.overline){font-size:11px}.modal-overlay{padding:15px}.modal{padding:25px 22px;max-height:88vh}.modal-top h2{font-size:23px}.modal-body p{font-size:12px}.modal-body ul{font-size:11px}.modal-footer{gap:8px}.modal-footer .btn{font-size:11px}.toast{font-size:11px;width:max-content;max-width:calc(100vw - 30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.student-practice-main{width:100%;max-width:1180px;margin:0 auto;padding:36px 36px 55px;flex:1}.student-practice-main .exercise-shell{margin:0 auto}.student-practice-main .practice-pack-grid{margin-top:22px}@media(max-width:650px){.student-practice-main{padding:27px 18px 40px}.student-practice-main .page-heading .pill-outline{font-size:8px}}


/* v0.2: approved symbol + approved wordmark on every shared header. */
.brand {
  --brand-mark: 56px;
  --brand-word: 188px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  text-decoration: none;
}
.brand .brand-symbol {
  display: block;
  width: var(--brand-mark);
  height: calc(var(--brand-mark) * 1.076);
  object-fit: contain;
  flex: 0 0 var(--brand-mark);
}
.brand-type { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.brand .brand-wordmark { display: block; width: var(--brand-word); height: auto; }
.brand .brand-credit { display: block; margin: 4px 0 0 3px; font-size: 7px; letter-spacing: 1.8px; line-height: 1.4; white-space: nowrap; }
.site-header { min-height: 105px; }
.app-header .brand, .reader-header .brand { --brand-mark: 48px; --brand-word: 177px; }
.site-footer .brand { --brand-mark: 43px; --brand-word: 160px; }
.site-footer .brand .brand-credit { font-size: 6px; letter-spacing: 1.5px; }
@media (max-width: 1150px) {
  .site-header .brand { --brand-mark: 47px; --brand-word: 160px; gap: 8px; }
}
@media (max-width: 650px) {
  .site-header { min-height: 86px; }
  .site-header .brand, .app-header .brand, .reader-header .brand { --brand-mark: 42px; --brand-word: 145px; gap: 8px; }
  .brand .brand-credit { font-size: 6px; letter-spacing: 1.25px; margin-top: 4px; }
  .reader-header-actions .pill-outline { display: none; }
}
@media (max-width: 360px) {
  .site-header, .app-header, .reader-header { padding-left: 14px; padding-right: 14px; gap: 8px; }
  .site-header .brand, .app-header .brand, .reader-header .brand { --brand-mark: 35px; --brand-word: 124px; gap: 6px; }
  .brand .brand-credit { font-size: 5.5px; letter-spacing: 1px; }
  .reader-header-actions .btn { padding: 7px 5px; }
}
@media (max-width: 360px) {
  .sidebar-top { flex-wrap: wrap; justify-content: center; }
  .teacher-grid { grid-template-columns: minmax(0, 1fr); }
  .teacher-grid > .panel { min-width: 0; }
  .mic-meter { flex-wrap: wrap; }
  .mic-meter .wave { flex-shrink: 1; }
  .stream-tools { flex-wrap: wrap; }
}

/* Multilingual captions */
.reader-caption:lang(es){word-break:normal;overflow-wrap:break-word;font-family:"Segoe UI",Arial,sans-serif}
.reader-caption:lang(zh-Hans){word-break:normal;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.language-row>div{min-width:0}