:root{--font-sans:"Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;--font-thai:"Noto Sans Thai", Tahoma, sans-serif;--ink:#171715;--muted:#77736c;--paper:#f3f0e9;--surface:#fffefd;--line:#dedbd4;--mint:#dcefe5;--mint-deep:#2f8665;--sand:#f2dfc6;--rose:#f2d5d8;--amber:#edddb8;--sidebar:#171717;--radius-lg:28px;--shadow:0 22px 60px #251f1714}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 80% 10%, #ffffffe6, transparent 30%), var(--paper);font-family:var(--font-sans), Arial, sans-serif;margin:0}button{color:inherit;font:inherit;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #2f866573}.pwa-notice{z-index:100;top:max(14px, env(safe-area-inset-top));color:#f8f4ec;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1d1a20f0;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;width:min(560px,100% - 28px);min-height:64px;padding:9px 10px 9px 14px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 20px 55px #0000004d}.pwa-notice-dot{background:#e5ffae;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #e5ffae1a}.pwa-notice-offline .pwa-notice-dot{background:#efc077;box-shadow:0 0 0 5px #efc0771a}.pwa-notice strong,.pwa-notice small{display:block}.pwa-notice strong{font-size:.78rem}.pwa-notice small{color:#aaa2ae;margin-top:2px;font-size:.64rem;line-height:1.35}.pwa-notice button{color:#211a28;cursor:pointer;background:linear-gradient(135deg,#e5ffae,#c8a2ff);border:0;border-radius:12px;min-height:44px;padding:0 14px;font-size:.68rem;font-weight:800}.pwa-notice .pwa-notice-close{color:#aaa2ae;background:0 0;width:44px;padding:0;font-size:1.3rem}@media (max-width:540px){.pwa-notice{grid-template-columns:auto minmax(0,1fr) auto}.pwa-notice>button:not(.pwa-notice-close){grid-column:2/-1;width:100%}.pwa-notice-install .pwa-notice-close{grid-area:1/3}}.app-frame{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.course-sidebar{color:#f7f5f0;background:var(--sidebar);flex-direction:column;height:100vh;padding:30px 20px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-mark{width:38px;height:38px;color:var(--ink);background:var(--mint);border-radius:12px;place-items:center;font-weight:850;display:grid}.brand strong,.brand small{letter-spacing:.14em;display:block}.brand strong{font-size:.88rem}.brand small{color:#83c8ad;margin-top:2px;font-size:.65rem}.course-label{color:#d3d0ca;border:1px solid #353535;border-radius:13px;align-items:center;gap:8px;padding:12px;font-size:.83rem;display:flex}.lesson-navigation{padding-top:26px}.lesson-level{margin-bottom:30px}.lesson-navigation .lesson-level-heading{color:#8bd0b4;letter-spacing:.13em;text-transform:uppercase;margin:0 9px 14px;font-size:.68rem;font-weight:800}.lesson-group{margin-bottom:25px}.lesson-group p{color:#8f8e8b;letter-spacing:.12em;text-transform:uppercase;margin:0 9px 9px;font-size:.64rem;font-weight:700;line-height:1.45}.lesson-link{color:#dfdcd6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;width:100%;min-height:44px;padding:9px 10px;font-size:.8rem;display:flex}.lesson-link:hover{background:#242424}.lesson-link.active{color:#fff;background:#30302f;box-shadow:inset 3px 0 #8bd0b4}.sidebar-footnote{color:#8f8e8b;border-top:1px solid #333;align-items:flex-start;gap:9px;margin-top:auto;padding:16px 12px 0;font-size:.68rem;line-height:1.5;display:flex}.learning-workspace{width:min(1120px,100%);margin:0 auto;padding:40px 42px 56px}.workspace-header{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.overline,.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:750}.workspace-header h1{letter-spacing:-.07em;margin:6px 0 0;font-size:clamp(2.25rem,4.2vw,4.15rem);line-height:.98}.workspace-header h1 span{color:var(--mint-deep);font-weight:480}.progress-block{width:min(280px,30vw);color:var(--muted);text-align:right;padding-bottom:5px;font-size:.78rem}.header-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.account-control{z-index:10;position:relative}.account-status{border:1px solid var(--line);min-height:44px;color:var(--muted);white-space:nowrap;background:#ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:.7rem;font-weight:700;display:inline-flex}button.account-status{cursor:pointer}.account-status.connected{color:#216c50;background:#dcefe5cc;border-color:#2f866547}.account-status.local{cursor:default}.account-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefdfa;border-radius:22px;width:min(390px,100vw - 32px);padding:28px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #14120f2e}.account-panel h2{letter-spacing:-.045em;margin:7px 0 10px;font-size:1.65rem}.account-panel p{color:var(--muted);margin:0 0 18px;font-size:.83rem;line-height:1.55}.account-panel-close{cursor:pointer;background:#eeece7;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.account-panel form{gap:9px;display:grid}.account-panel label{color:var(--muted);font-size:.7rem;font-weight:700}.account-panel input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:0 14px}.account-panel input:focus{border-color:var(--mint-deep);outline:3px solid #2f866521}.account-panel .primary-action{margin-top:5px}.account-panel .form-message{color:var(--mint-deep);margin:14px 0 0}.secondary-action{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.sync-message{color:#216c50;background:var(--mint);border-radius:11px;align-items:center;gap:8px;margin-bottom:17px;padding:11px 12px;font-size:.75rem;display:flex}.sync-message.error{color:#8a4c18;background:var(--amber)}.progress-track{background:#dfdcd5;border-radius:20px;height:7px;margin-top:11px;overflow:hidden}.progress-value{border-radius:inherit;background:var(--ink);height:100%;transition:width .35s}.view-tabs{scrollbar-width:none;gap:8px;margin:30px 0 22px;display:flex;overflow-x:auto}.view-tabs button{border:1px solid var(--line);cursor:pointer;background:#ffffff8a;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:44px;padding:11px 17px;font-size:.78rem;font-weight:650;display:flex}.view-tabs button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.card-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;font-size:.78rem;display:flex}.card-arrows{gap:8px;display:flex}.card-arrows button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.card-arrows svg{width:16px}.phrase-shell{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);border:1px solid #d7d2c9e6;overflow:hidden}.phrase-card{grid-template-columns:repeat(3,1fr);min-height:340px;display:grid}.phrase-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:42px 26px;display:flex;position:relative}.phrase-panel p{letter-spacing:-.045em;margin:18px 0 25px;font-size:clamp(1.55rem,2.7vw,2.45rem);line-height:1.17}.german-panel{background:#fff}.pronunciation-panel{background:var(--mint)}.thai-panel{background:var(--sand)}.thai-panel p{font-family:var(--font-thai), var(--font-sans), sans-serif;letter-spacing:-.03em;font-size:clamp(2.25rem,4vw,3.65rem)}.audio-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 17px;font-size:.75rem;font-weight:750;display:flex}.audio-button.light{background:#ffffffe0}.audio-button.dark{color:#fff;background:var(--ink)}.audio-button:disabled,.voice-reference-actions button:disabled,.voice-comparison button:disabled,.word-chip:disabled{cursor:not-allowed;opacity:.48}.audio-source-label{width:fit-content;min-height:24px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#ffffff73;border:1px solid #1717151a;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:3px 8px;font-size:.58rem;font-weight:800;line-height:1.25;display:inline-flex}.audio-source-label:before{content:"";background:#9a958e;border-radius:50%;width:6px;height:6px}.audio-source-label.native{color:#1f6b4f;background:#dcefe5d1;border-color:#2f866540}.audio-source-label.native:before{background:var(--mint-deep)}.favorite-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:20px;right:20px}.favorite-button.active{color:#bf7e20}.word-breakdown{border-top:1px solid #ebe7df;padding:20px 24px 24px}.word-list{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.word-chip{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;gap:3px;padding:9px 13px;display:flex}.word-chip:hover{border-color:#9e9a92;transform:translateY(-1px)}.word-chip span{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.1rem}.word-chip small{color:var(--muted);font-size:.63rem}.rating-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.rating-actions button{cursor:pointer;border:0;border-radius:14px;min-height:54px;font-size:.8rem;font-weight:750;transition:transform .14s,filter .14s}.rating-actions button:hover{filter:saturate(1.12);transform:translateY(-2px)}.rating-actions .again{background:var(--rose)}.rating-actions .hard{background:var(--amber)}.rating-actions .known{background:var(--mint)}.quiz-view{min-height:560px}.quiz-progress-row{color:var(--muted);justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 5px;font-size:.76rem;display:flex}.quiz-progress-row strong{color:var(--ink)}.quiz-card,.quiz-complete{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:520px;box-shadow:var(--shadow);background:#ffffffd1;padding:48px}.quiz-card h2,.quiz-complete h2{letter-spacing:-.065em;max-width:760px;margin:9px 0 30px;font-size:clamp(2rem,4.7vw,4.35rem);line-height:1}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:112px;padding:20px;display:flex}.quiz-options button:not(:disabled):hover{border-color:#aaa59d;transform:translateY(-2px)}.quiz-options button:disabled{color:inherit;opacity:.72;cursor:default}.quiz-options button.correct{background:var(--mint);opacity:1;border-color:#2f86658c}.quiz-options button.wrong{background:var(--rose);opacity:1;border-color:#a94f5859}.quiz-options strong{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.5rem;font-weight:650}.quiz-options span{color:var(--muted);font-size:.7rem}.quiz-feedback{background:var(--mint);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin-top:18px;padding:17px 18px;display:grid}.quiz-feedback.wrong{background:var(--rose)}.quiz-feedback strong,.quiz-feedback span{grid-column:1}.quiz-feedback span{font-family:var(--font-thai), var(--font-sans), sans-serif;color:var(--muted);font-size:.74rem}.quiz-feedback .primary-action{grid-area:1/2/3;margin:0}.quiz-complete{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.quiz-complete>svg{width:56px;height:56px;color:var(--mint-deep);margin-bottom:22px}.quiz-complete p{max-width:590px;color:var(--muted);margin:0;line-height:1.65}.quiz-complete>div{gap:10px;margin-top:24px;display:flex}.quiz-complete .primary-action{margin:0}.library-view{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:520px;box-shadow:var(--shadow);background:#ffffffc7;padding:48px}.library-view h2{letter-spacing:-.06em;margin:8px 0 24px;font-size:clamp(2rem,4vw,3.5rem)}.empty-state,.review-view p{max-width:560px;color:var(--muted);line-height:1.65}.saved-grid,.course-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.saved-grid button,.course-grid article{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;display:flex}.saved-grid button{cursor:pointer}.saved-grid small,.course-grid small{color:var(--muted)}.saved-grid strong{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.55rem}.course-grid strong{font-size:1.2rem}.course-grid span{color:var(--muted);font-size:.8rem;line-height:1.55}.review-queue{gap:8px;margin-top:26px;display:grid}.review-queue>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;padding:10px 14px;display:grid}.review-queue>button:hover{border-color:#aaa59d;transform:translate(2px)}.review-queue>button>span{color:var(--muted);font-size:.68rem;font-weight:800}.review-queue div{gap:4px;display:grid}.review-queue small{color:var(--muted);font-family:var(--font-thai), var(--font-sans), sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.review-queue svg,.course-lesson-list svg{width:17px;color:var(--muted)}.course-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;width:100%;display:flex}.course-card-heading>span{color:var(--mint-deep);background:var(--mint);border-radius:999px;padding:4px 8px;font-size:.58rem;font-weight:800;line-height:1}.course-lesson-list{gap:5px;width:100%;margin-top:8px;display:grid}.course-lesson-list button{text-align:left;cursor:pointer;background:#f6f4ef;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;display:flex}.course-lesson-list button:hover{background:var(--mint)}.course-lesson-list button span{color:var(--ink);font-size:.72rem}.primary-action{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:13px;margin-top:18px;padding:14px 20px;font-weight:700}.mobile-menu-button,.mobile-overlay{display:none}@media (max-width:980px){.app-frame{display:block}.app-frame>.course-sidebar{display:none}.mobile-menu-button{border:1px solid var(--line);cursor:pointer;background:#fffc;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.mobile-overlay.visible{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008f;display:flex;position:fixed;inset:0}.mobile-overlay .course-sidebar{width:min(310px,86vw);position:static}.overlay-close{z-index:31;color:#fff;background:#222;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:20px;left:min(326px,86vw + 16px)}}@media (max-width:760px){.learning-workspace{padding:24px 16px calc(34px + env(safe-area-inset-bottom))}.workspace-header{display:block}.header-actions{align-items:flex-start;margin-top:22px}.progress-block{text-align:left;width:100%;margin-top:0}.account-panel{left:0;right:auto}.view-tabs{margin-top:23px}.phrase-card{grid-template-columns:1fr}.phrase-panel{min-height:176px;padding:26px 20px}.phrase-panel p{margin:13px 0 19px}.word-breakdown{padding:18px}.rating-actions{z-index:20;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefde0;border:1px solid #d7d2c9d9;border-radius:18px;gap:7px;margin-top:14px;padding:7px;position:sticky;box-shadow:0 14px 38px #251f1729}.rating-actions button{min-height:52px}.library-view{min-height:430px;padding:28px 20px}.quiz-card,.quiz-complete{min-height:440px;padding:28px 20px}.quiz-options{grid-template-columns:1fr}.quiz-options button{min-height:86px}.quiz-feedback{flex-direction:column;align-items:stretch;display:flex}.quiz-feedback .primary-action{margin-top:8px}.quiz-complete>div{flex-direction:column;width:100%}.saved-grid,.course-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.dashboard-shell{--dashboard-bg:#151319;--dashboard-panel:#201d24;--dashboard-panel-soft:#29252d;--dashboard-line:#ffffff1a;--dashboard-text:#f7f3eb;--dashboard-muted:#aaa2af;--dashboard-lilac:#c8a2ff;--dashboard-violet:#8d54e9;min-height:100vh;color:var(--dashboard-text);background:radial-gradient(circle at 73% 4%, #8c53e829, transparent 25%), var(--dashboard-bg);grid-template-columns:252px minmax(0,1fr);display:grid}.dashboard-sidebar{border-right:1px solid var(--dashboard-line);background:#141217eb;flex-direction:column;height:100vh;padding:26px 20px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.dashboard-brand{color:var(--dashboard-text);align-items:center;gap:11px;text-decoration:none;display:flex}.dashboard-brand-mark{color:#211b27;background:linear-gradient(135deg,#e5ffae,#c6a0ff 70%);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 30px #c8a2ff38}.dashboard-brand strong,.dashboard-brand small{display:block}.dashboard-brand strong{letter-spacing:.01em;font-size:.92rem}.dashboard-brand small{color:var(--dashboard-muted);margin-top:2px;font-size:.67rem}.dashboard-navigation{gap:5px;margin-top:32px;display:grid}.dashboard-navigation a{color:#d0c9d3;border-radius:12px;align-items:center;gap:11px;min-height:46px;padding:0 13px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.dashboard-navigation a:hover,.dashboard-navigation a.active{color:#fff;background:linear-gradient(90deg,#c8a2ff2b,#c8a2ff0a)}.dashboard-navigation a.active{box-shadow:inset 3px 0 0 var(--dashboard-lilac)}.dashboard-course-list{border-top:1px solid var(--dashboard-line);gap:22px;margin-top:27px;padding-top:22px;display:grid}.dashboard-course-heading{color:var(--dashboard-lilac);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:.58rem;font-weight:800;display:flex}.dashboard-course-level{gap:18px;display:grid}.dashboard-course-level>small{color:var(--dashboard-lilac);letter-spacing:.12em;text-transform:uppercase;font-size:.57rem;font-weight:850}.dashboard-course-list section{gap:3px;display:grid}.dashboard-course-list strong{color:#cbc4cf;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:.58rem}.dashboard-course-list a{color:#a9a1ad;border-radius:9px;min-height:44px;padding:8px 9px;font-size:.7rem;text-decoration:none}.dashboard-course-list a:hover{color:#fff;background:var(--dashboard-panel-soft)}.dashboard-product-label{color:#817986;letter-spacing:.17em;text-align:center;text-transform:uppercase;margin-top:auto;padding-top:22px;font-size:.55rem;font-weight:800}.dashboard-main{width:min(1240px,100%);margin:0 auto;padding:34px 44px 70px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.dashboard-eyebrow{color:var(--dashboard-lilac);letter-spacing:.17em;text-transform:uppercase;font-size:.61rem;font-weight:850}.dashboard-header h1{letter-spacing:-.065em;margin:6px 0 0;font-size:clamp(2.2rem,4vw,4.25rem);line-height:.95}.dashboard-header-actions{align-items:center;gap:9px;display:flex}.streak-badge{border:1px solid var(--dashboard-line);color:#e9e3ec;white-space:nowrap;background:#ffffff09;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:0 13px;font-size:.7rem;font-weight:750;display:inline-flex}.streak-badge svg{color:#ffad43}.dashboard-shell .account-status{color:#ded7e2;border-color:var(--dashboard-line);background:#ffffff0a}.dashboard-shell .account-status.connected{color:#d7ffeb;background:#4b926d29;border-color:#81dcae40}.dashboard-continue{color:#211a28;background:linear-gradient(135deg,#d8b9ff,#a86cf0);border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:.76rem;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #8b50e040}.dashboard-continue:hover{filter:brightness(1.08);transform:translateY(-1px)}.dashboard-continue.compact{min-height:44px;padding:0 15px}.dashboard-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-secondary-link{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#311c3f26;border:1px solid #ffffff47;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 17px;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.dashboard-secondary-link:hover{background:#311c3f47}.dashboard-hero{background:radial-gradient(circle at 88% 10%,#e7b9ff6b,#0000 32%),linear-gradient(120deg,#684198,#9a5fd3 48%,#c58adf);border:1px solid #e0c8ff26;border-radius:30px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:34px;min-height:330px;padding:48px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #4c2a7438}.dashboard-hero:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-90px}.hero-copy{z-index:1;position:relative}.hero-copy>span{color:#fff;letter-spacing:.09em;text-transform:uppercase;border:1px solid #ffffff59;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.62rem;font-weight:850;display:inline-flex}.hero-copy h2{letter-spacing:-.065em;margin:16px 0 12px;font-size:clamp(2rem,4.1vw,4.1rem);line-height:.98}.hero-copy p{color:#ffffffc7;max-width:660px;margin:0 0 24px;font-size:.85rem;line-height:1.65}.progress-orbit{z-index:1;background:conic-gradient(#f4dcff var(--progress), #fff3 0);border-radius:50%;place-items:center;width:176px;height:176px;margin:auto;display:grid;position:relative;box-shadow:0 16px 50px #3e1c5033}.progress-orbit:before{border-radius:inherit;content:"";background:#4a2b5bdb;position:absolute;inset:15px}.progress-orbit div{text-align:center;display:grid;position:relative}.progress-orbit strong{letter-spacing:-.06em;font-size:2.35rem}.progress-orbit span{color:#ffffffb8;font-size:.67rem}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.dashboard-stats article{border:1px solid var(--dashboard-line);background:linear-gradient(145deg,#ffffff0f,#ffffff06);border-radius:19px;min-height:150px;padding:21px;position:relative;overflow:hidden}.dashboard-stats svg{width:18px;color:var(--dashboard-lilac);position:absolute;top:18px;right:18px}.dashboard-stats span,.dashboard-stats strong,.dashboard-stats small{display:block}.dashboard-stats span{color:var(--dashboard-muted);font-size:.67rem}.dashboard-stats strong{letter-spacing:-.055em;margin-top:18px;font-size:2.2rem}.dashboard-stats strong.stat-word{max-width:90%;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.1}.dashboard-stats small{color:#817987;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.61rem;overflow:hidden}.roadmap-section{margin-top:54px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(2rem,3vw,3rem)}.section-heading p{color:var(--dashboard-muted);margin:0;font-size:.7rem}.roadmap-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;padding-bottom:10px;display:grid;overflow-x:auto}.roadmap-grid article{border:1px solid var(--dashboard-line);background:var(--dashboard-panel);scroll-snap-align:start;border-radius:19px;min-height:220px;padding:21px}.roadmap-grid article.active{background:linear-gradient(145deg, #8d54e933, var(--dashboard-panel));border-color:#c8a2ff61}.roadmap-grid article>div:first-child{color:var(--dashboard-lilac);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.64rem;font-weight:850;display:flex}.roadmap-grid article small{color:#7f7783;letter-spacing:0}.roadmap-grid h3{letter-spacing:-.03em;margin:34px 0 9px;font-size:1.18rem}.roadmap-grid p{min-height:48px;color:var(--dashboard-muted);margin:0;font-size:.67rem;line-height:1.5}.roadmap-meter{background:#ffffff14;border-radius:10px;height:5px;margin-top:25px;overflow:hidden}.roadmap-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--dashboard-violet), var(--dashboard-lilac));height:100%;display:block}.next-session-card{border:1px solid var(--dashboard-line);background:linear-gradient(120deg, var(--dashboard-panel), #5b358140);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:40px;padding:24px;display:grid}.next-session-icon{color:#221a2a;background:var(--dashboard-lilac);border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.next-session-card h2{letter-spacing:-.035em;margin:5px 0 3px;font-size:1.35rem}.next-session-card p{color:var(--dashboard-muted);font-family:var(--font-thai), var(--font-sans), sans-serif;margin:0;font-size:.72rem}.mobile-dashboard-navigation{display:none}@media (max-width:1080px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-main{padding-left:26px;padding-right:26px}.dashboard-header-actions .streak-badge,.dashboard-header-actions .compact{display:none}.dashboard-hero{grid-template-columns:minmax(0,1fr) 170px;padding:42px 38px}.progress-orbit{width:145px;height:145px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.dashboard-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom));display:block}.dashboard-sidebar{display:none}.dashboard-main{padding:24px 18px 48px}.dashboard-header{align-items:flex-start}.dashboard-header-actions{flex-direction:column;align-items:flex-end}.dashboard-hero{grid-template-columns:minmax(0,1fr) 140px;min-height:300px;padding:34px 30px}.progress-orbit{width:124px;height:124px}.progress-orbit strong{font-size:1.8rem}.mobile-dashboard-navigation{z-index:40;right:12px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--dashboard-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c191fe6;border-radius:20px;grid-template-columns:repeat(5,1fr);min-height:64px;padding:6px;display:grid;position:fixed;left:12px;box-shadow:0 18px 50px #0006}.mobile-dashboard-navigation a{color:#8f8794;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:52px;font-size:.56rem;font-weight:750;text-decoration:none;display:flex}.mobile-dashboard-navigation a.active{color:#f5eaff;background:#c8a2ff21}}@media (max-width:600px){.dashboard-main{padding-left:14px;padding-right:14px}.dashboard-header{margin-bottom:22px;display:block}.dashboard-header h1{font-size:clamp(2.4rem,12vw,3.5rem)}.dashboard-header-actions{align-items:flex-start;margin-top:18px}.dashboard-hero{border-radius:24px;min-height:0;padding:30px 24px 26px;display:block}.hero-copy h2{font-size:clamp(2.15rem,11vw,3.2rem)}.hero-copy p{font-size:.77rem}.progress-orbit{width:104px;height:104px;margin:27px 0 0 auto}.progress-orbit:before{inset:10px}.progress-orbit strong{font-size:1.45rem}.dashboard-stats{gap:9px}.dashboard-stats article{min-height:132px;padding:17px}.dashboard-stats strong{margin-top:16px;font-size:1.8rem}.section-heading{display:block}.section-heading p{margin-top:7px}.roadmap-grid{margin-right:-14px;padding-right:14px}.next-session-card{grid-template-columns:auto minmax(0,1fr)}.next-session-card .dashboard-continue{grid-column:1/-1}}.onboarding-shell{--onboarding-bg:#151319;--onboarding-panel:#221e27f0;--onboarding-line:#ffffff1c;--onboarding-text:#f8f4ec;--onboarding-muted:#aaa2af;--onboarding-lilac:#c8a2ff;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));color:var(--onboarding-text);background:radial-gradient(circle at 14% 10%, #d4ffb214, transparent 25%), radial-gradient(circle at 86% 4%, #975be740, transparent 32%), var(--onboarding-bg)}.onboarding-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1040px,100%);min-height:52px;margin:0 auto 22px;display:grid}.onboarding-topbar>a,.onboarding-secondary{color:#cbc4d0;align-items:center;gap:8px;min-height:44px;font-size:.72rem;font-weight:750;text-decoration:none;display:inline-flex}.onboarding-topbar>a{justify-self:start}.onboarding-topbar>span{color:#817986;letter-spacing:.08em;text-transform:uppercase;justify-self:end;font-size:.62rem;font-weight:800}.onboarding-brand{align-items:center;gap:9px;display:flex}.onboarding-brand span{color:#211a28;background:linear-gradient(135deg,#e5ffae,#c6a0ff 72%);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.onboarding-brand strong{font-size:.78rem}.onboarding-card,.onboarding-complete{border:1px solid var(--onboarding-line);background:linear-gradient(145deg, #ffffff0b, transparent 35%), var(--onboarding-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;width:min(940px,100%);margin:0 auto;box-shadow:0 30px 90px #00000057}.onboarding-card{min-height:680px;padding:30px 36px 24px}.onboarding-progress-row{color:#817986;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto minmax(120px,240px);justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px;font-size:.61rem;font-weight:800;display:grid}.onboarding-progress{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:linear-gradient(90deg,#a86cf0,#d6b9ff);height:100%;transition:width .28s;display:block}.onboarding-step{width:min(780px,100%);margin:0 auto}.onboarding-eyebrow{color:var(--onboarding-lilac);letter-spacing:.17em;text-transform:uppercase;font-size:.61rem;font-weight:850}.onboarding-step>h1,.onboarding-complete h1{letter-spacing:-.065em;margin:9px 0 10px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98}.onboarding-step>p,.onboarding-complete>p{max-width:650px;color:var(--onboarding-muted);margin:0;font-size:.79rem;line-height:1.65}.onboarding-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.onboarding-option-grid button{border:1px solid var(--onboarding-line);color:#ded8e1;text-align:left;cursor:pointer;background:#ffffff06;border-radius:17px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:13px;min-height:84px;padding:13px 15px;display:grid;position:relative}.onboarding-option-grid button>svg:first-child{color:#bca8ca;background:#ffffff0d;border-radius:14px;width:46px;height:46px;padding:12px}.onboarding-option-grid button strong,.onboarding-option-grid button small{display:block}.onboarding-option-grid button strong{font-size:.8rem}.onboarding-option-grid button small{color:#817986;margin-top:4px;font-size:.62rem;line-height:1.4}.onboarding-option-grid .option-check{color:#0000;border:1px solid #ffffff24;border-radius:50%;width:22px;height:22px;padding:5px}.onboarding-option-grid button.selected{color:#fff;background:linear-gradient(120deg,#8d54e933,#c8a2ff14);border-color:#c8a2ff94;box-shadow:inset 0 0 0 1px #c8a2ff14}.onboarding-option-grid button.selected>svg:first-child{color:#261d2c;background:var(--onboarding-lilac)}.onboarding-option-grid button.selected .option-check{color:#221a29;border-color:var(--onboarding-lilac);background:var(--onboarding-lilac)}.onboarding-option-grid.compact button{min-height:72px}.onboarding-routine{gap:24px;margin-top:27px;display:grid}.onboarding-routine fieldset{border:0;min-width:0;margin:0;padding:0}.onboarding-routine legend{color:#b8b0bd;margin-bottom:10px;font-size:.65rem;font-weight:800}.onboarding-segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.onboarding-segmented button,.onboarding-pace-grid button{border:1px solid var(--onboarding-line);color:#a9a1ae;cursor:pointer;background:#ffffff06;border-radius:14px;min-height:52px;font-size:.68rem;font-weight:750}.onboarding-segmented button.selected,.onboarding-pace-grid button.selected{color:#fff;background:#8d54e933;border-color:#c8a2ff80}.onboarding-pace-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.onboarding-pace-grid button{place-content:center;min-height:68px;display:grid}.onboarding-pace-grid strong,.onboarding-pace-grid span{display:block}.onboarding-pace-grid strong{font-size:1.25rem}.onboarding-pace-grid span{color:#817986;margin-top:2px;font-size:.56rem}.onboarding-plan-preview{background:#d2ffb10e;border:1px solid #d2ffb124;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px;padding:15px;display:grid}.onboarding-plan-preview>svg{color:#231c28;background:#d7f8b8;border-radius:13px;width:44px;height:44px;padding:11px}.onboarding-plan-preview span,.onboarding-plan-preview strong,.onboarding-plan-preview small{display:block}.onboarding-plan-preview span{color:#8fbd72;letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:850}.onboarding-plan-preview strong{margin-top:3px;font-size:.78rem}.onboarding-plan-preview small{color:#817986;margin-top:3px;font-size:.61rem}.onboarding-selection-message{color:#e9c38d;width:min(780px,100%);min-height:20px;margin:14px auto 0;font-size:.65rem}.onboarding-actions{border-top:1px solid var(--onboarding-line);justify-content:space-between;gap:12px;width:min(780px,100%);margin:12px auto 0;padding-top:18px;display:flex}.onboarding-actions button,.onboarding-primary,.onboarding-secondary{cursor:pointer;border-radius:13px;justify-content:center;min-height:48px;font-size:.72rem;font-weight:850}.onboarding-back{border:1px solid var(--onboarding-line);color:#c7c0cb;background:0 0;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.onboarding-back:disabled{cursor:default;opacity:.35}.onboarding-primary{color:#211a28;background:linear-gradient(135deg,#d8b9ff,#a86cf0);border:0;align-items:center;gap:8px;padding:0 19px;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #8b50e03d}.onboarding-privacy{color:#746d78;text-align:center;margin:15px auto 0;font-size:.58rem;line-height:1.5}.onboarding-complete{text-align:center;min-height:calc(100dvh - 48px);padding:clamp(34px,7vw,80px)}.onboarding-complete-mark{color:#231c28;background:linear-gradient(135deg,#e5ffae,#c8a2ff);border-radius:21px;place-items:center;width:66px;height:66px;margin:0 auto 24px;display:grid;box-shadow:0 18px 50px #c8a2ff33}.onboarding-complete>p{margin-left:auto;margin-right:auto}.onboarding-summary-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:32px auto 28px;display:grid}.onboarding-summary-grid article{border:1px solid var(--onboarding-line);background:#ffffff06;border-radius:17px;min-height:94px;padding:17px}.onboarding-summary-grid span,.onboarding-summary-grid strong{display:block}.onboarding-summary-grid span{color:var(--onboarding-lilac);letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:850}.onboarding-summary-grid strong{margin-top:12px;font-size:.86rem}.onboarding-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.onboarding-complete-actions .onboarding-secondary{border:1px solid var(--onboarding-line);min-width:150px;padding:0 18px}.onboarding-sync-status{color:#817986!important;margin-top:20px!important;font-size:.61rem!important}@media (max-width:720px){.onboarding-shell{padding-left:12px;padding-right:12px}.onboarding-topbar{grid-template-columns:1fr auto;margin-bottom:14px}.onboarding-topbar>span{display:none}.onboarding-card{border-radius:24px;min-height:calc(100dvh - 92px);padding:24px 18px 18px}.onboarding-progress-row{margin-bottom:30px}.onboarding-option-grid{grid-template-columns:1fr;margin-top:23px}.onboarding-option-grid button{min-height:76px}.onboarding-segmented{grid-template-columns:1fr}.onboarding-pace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-complete{border-radius:24px;min-height:calc(100dvh - 24px);padding:34px 20px}}@media (max-width:430px){.onboarding-topbar>a{font-size:.65rem}.onboarding-brand strong{display:none}.onboarding-progress-row{grid-template-columns:auto minmax(90px,1fr)}.onboarding-step>h1,.onboarding-complete h1{font-size:clamp(2rem,10.5vw,2.8rem)}.onboarding-option-grid button{grid-template-columns:42px minmax(0,1fr) 22px;padding-left:12px;padding-right:12px}.onboarding-option-grid button>svg:first-child{width:42px;height:42px;padding:11px}.onboarding-actions{background:linear-gradient(#221e2700,#221e27 24%);margin-left:-4px;margin-right:-4px;padding:14px 4px 4px;position:sticky;bottom:0}.onboarding-actions .onboarding-primary{flex:1;padding:0 12px}.onboarding-summary-grid{grid-template-columns:1fr}.onboarding-complete-actions{display:grid}}.teacher-shell{--teacher-bg:#151319;--teacher-panel:#211e25;--teacher-panel-soft:#2a2630;--teacher-line:#ffffff1a;--teacher-text:#f8f4ec;--teacher-muted:#a9a1ae;--teacher-lilac:#c8a2ff;min-height:100vh;color:var(--teacher-text);background:radial-gradient(circle at 84% 8%, #8148cd29, transparent 28%), var(--teacher-bg);grid-template-columns:310px minmax(0,1fr);display:grid}.teacher-sidebar{border-right:1px solid var(--teacher-line);background:#141217f0;flex-direction:column;height:100vh;padding:25px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.teacher-back{min-height:44px;color:var(--teacher-muted);align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.teacher-back svg{width:17px}.teacher-back:hover{color:#fff}.teacher-brand{align-items:center;gap:12px;margin-top:24px;display:flex}.teacher-brand>span{color:#221a29;background:linear-gradient(135deg,#e4ffad,#c7a2ff 70%);border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 14px 34px #9963e02e}.teacher-brand strong,.teacher-brand small{display:block}.teacher-brand strong{font-size:1.15rem}.teacher-brand small{color:var(--teacher-lilac);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.65rem;font-weight:700}.teacher-sidebar-copy{color:var(--teacher-muted);margin:22px 0;font-size:.72rem;line-height:1.6}.teacher-voice-link{border:1px solid var(--teacher-line);color:#ded7e2;background:#ffffff09;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin-top:15px;padding:0 12px;font-size:.67rem;font-weight:750;text-decoration:none;display:flex}.teacher-voice-link svg{width:16px;color:var(--teacher-lilac)}.scenario-list{gap:7px;display:grid}.scenario-list button{color:#d5cfd9;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:11px;min-height:68px;padding:10px 12px;display:grid}.scenario-list button:hover,.scenario-list button.active{color:#fff;border-color:var(--teacher-line);background:linear-gradient(90deg,#c8a2ff29,#c8a2ff09)}.scenario-list button>svg{width:18px;height:18px;color:var(--teacher-lilac);margin:auto}.scenario-list button span,.scenario-list button strong,.scenario-list button small{display:block}.scenario-list button strong{font-size:.75rem}.scenario-list button small{color:var(--teacher-muted);margin-top:4px;font-size:.61rem}.memory-card{background:linear-gradient(145deg,#8d54e926,#ffffff08);border:1px solid #c8a2ff33;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding:17px;display:grid}.memory-card>span,.memory-card>p{grid-column:1/-1}.memory-card>span{color:var(--teacher-lilac);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:850}.memory-card div{background:#ffffff0a;border-radius:11px;padding:10px}.memory-card strong,.memory-card small{display:block}.memory-card strong{font-size:1.3rem}.memory-card small{color:var(--teacher-muted);margin-top:2px;font-size:.57rem}.memory-card p{color:#827a88;margin:2px 0 0;font-size:.58rem;line-height:1.5}.teacher-workspace{width:min(1120px,100%);margin:0 auto;padding:34px 42px 42px}.teacher-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}.teacher-eyebrow{color:var(--teacher-lilac);letter-spacing:.16em;text-transform:uppercase;font-size:.61rem;font-weight:850}.teacher-header h1{letter-spacing:-.065em;margin:7px 0 0;font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:.95}.teacher-shell .account-status{color:#ded7e2;border-color:var(--teacher-line);background:#ffffff0a}.teacher-shell .account-status.connected{color:#d7ffeb;background:#4b926d29;border-color:#81dcae40}.teacher-stage{border:1px solid var(--teacher-line);background:#201d24eb;border-radius:26px;padding:18px;box-shadow:0 28px 90px #00000047}.teacher-mode-row{color:#817a85;justify-content:space-between;align-items:center;gap:18px;padding:2px 4px 14px;font-size:.62rem;display:flex}.teacher-mode{color:#bdb5c2;background:#ffffff0f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-weight:750;display:inline-flex}.teacher-mode.live{color:#bff5d7;background:#43976b2b}.teacher-mode.demo{color:#ffe0aa;background:#c1802e29}.teacher-status-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.teacher-messages{scroll-behavior:smooth;background:radial-gradient(circle at 10% 10%,#c8a2ff0d,#0000 26%),#0d0c0f6b;border:1px solid #ffffff0f;border-radius:19px;flex-direction:column;gap:13px;height:min(58vh,600px);min-height:430px;padding:20px;display:flex;overflow-y:auto}.teacher-message{border:1px solid var(--teacher-line);background:var(--teacher-panel-soft);border-radius:18px 18px 18px 5px;width:fit-content;max-width:min(78%,720px);padding:15px 58px 15px 17px;position:relative}.teacher-message.user{background:linear-gradient(135deg,#7545ab,#8e55ca);border-color:#c8a2ff2e;border-radius:18px 18px 5px;align-self:flex-end;padding-right:17px}.teacher-message>span{color:var(--teacher-lilac);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.57rem;font-weight:850;display:block}.teacher-message.user>span{color:#ffffffb3}.teacher-message p{color:#ebe6ee;white-space:pre-wrap;margin:0;font-size:.81rem;line-height:1.65}.teacher-message>button{width:44px;height:44px;color:var(--teacher-muted);cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.teacher-message>button svg{width:16px}.teacher-starters{gap:8px;margin:12px 3px 0;display:flex;overflow-x:auto}.teacher-starters button{border:1px solid var(--teacher-line);color:#d6cfd9;cursor:pointer;background:#ffffff0a;border-radius:999px;flex:none;min-height:42px;padding:0 14px;font-size:.66rem}.teacher-starters button:hover{background:#c8a2ff17;border-color:#c8a2ff59}.teacher-error{color:#ffd4d8;background:#9f3d4b2e;border-radius:11px;margin:12px 3px 0;padding:11px 13px;font-size:.7rem}.teacher-composer{border:1px solid var(--teacher-line);background:#ffffff0a;border-radius:18px;grid-template-columns:minmax(0,1fr) 48px;gap:10px;margin-top:12px;padding:12px;display:grid;position:relative}.teacher-composer label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.teacher-composer textarea{resize:vertical;color:#f5f0f7;width:100%;min-height:52px;max-height:130px;font:inherit;background:0 0;border:0;outline:0;padding:8px 6px;font-size:.82rem;line-height:1.5}.teacher-composer textarea::placeholder{color:#746d79}.teacher-send{color:#211a28;cursor:pointer;background:linear-gradient(135deg,#ddbfff,#a96def);border:0;border-radius:15px;align-self:end;place-items:center;width:48px;height:48px;display:grid}.teacher-send:disabled{opacity:.35;cursor:default}.teacher-send.stop{color:#f6e8ea;background:#7f3441}.teacher-send svg{width:20px}.teacher-footnote{color:#77707c;justify-content:center;align-items:center;gap:7px;margin-top:11px;font-size:.59rem;display:flex}.teacher-footnote svg{width:13px}@media (max-width:900px){.teacher-shell{display:block}.teacher-sidebar{border-right:0;border-bottom:1px solid var(--teacher-line);height:auto;padding:18px;display:block;position:static}.teacher-brand{margin-top:12px}.teacher-sidebar-copy{margin:13px 0 16px}.scenario-list{scroll-snap-type:x mandatory;margin-right:-18px;padding-right:18px;display:flex;overflow-x:auto}.scenario-list button{scroll-snap-align:start;flex:0 0 190px}.memory-card{display:none}.teacher-workspace{padding:24px 18px 34px}}@media (max-width:600px){.teacher-sidebar-copy{font-size:.68rem}.teacher-workspace{padding:22px 12px 24px}.teacher-header{display:block}.teacher-header h1{font-size:2.7rem}.teacher-header .account-control,.teacher-header>.account-status{margin-top:15px}.teacher-stage{border-radius:21px;padding:9px}.teacher-mode-row{gap:7px;padding:4px 4px 11px;display:grid}.teacher-mode{width:fit-content}.teacher-messages{height:52vh;min-height:390px;padding:13px}.teacher-message{max-width:94%;padding:13px 56px 13px 14px}.teacher-message.user{padding-right:14px}.teacher-message p{font-size:.76rem}.teacher-starters button{min-height:44px}.teacher-composer{z-index:10;bottom:max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#25212af2;grid-template-columns:minmax(0,1fr) 46px;padding:9px;position:sticky}.teacher-send{width:46px;height:46px}}.voice-shell{--voice-bg:#151319;--voice-panel:#211e25;--voice-soft:#2a2630;--voice-line:#ffffff1a;--voice-text:#f8f4ec;--voice-muted:#aaa2af;--voice-lilac:#c8a2ff;min-height:100vh;color:var(--voice-text);background:radial-gradient(circle at 78% 5%, #724eb62e, transparent 27%), var(--voice-bg);grid-template-columns:290px minmax(0,1fr);display:grid}.voice-sidebar{border-right:1px solid var(--voice-line);background:#141217f2;flex-direction:column;height:100vh;padding:26px 22px;display:flex;position:sticky;top:0}.voice-back{min-height:44px;color:var(--voice-muted);align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.voice-back svg{width:17px}.voice-brand{align-items:center;gap:12px;margin-top:25px;display:flex}.voice-brand>span{color:#221b28;background:linear-gradient(135deg,#dbffad,#b98bef 70%);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.voice-brand>span svg{width:22px}.voice-brand strong,.voice-brand small{display:block}.voice-brand strong{font-size:1rem}.voice-brand small{color:var(--voice-lilac);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:.57rem;font-weight:800}.voice-sidebar>p{color:var(--voice-muted);margin:23px 0;font-size:.7rem;line-height:1.65}.voice-memory-summary{background:linear-gradient(145deg,#8951d526,#ffffff06);border:1px solid #c8a2ff33;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:7px;padding:16px;display:grid}.voice-memory-summary>span{color:var(--voice-lilac);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;margin-bottom:5px;font-size:.55rem;font-weight:850}.voice-memory-summary div{text-align:center;background:#ffffff0a;border-radius:10px;min-width:0;padding:9px 5px}.voice-memory-summary strong,.voice-memory-summary small{display:block}.voice-memory-summary strong{font-size:1.3rem}.voice-memory-summary small{color:var(--voice-muted);text-overflow:ellipsis;margin-top:3px;font-size:.5rem;overflow:hidden}.voice-privacy{border-top:1px solid var(--voice-line);color:#837b88;align-items:flex-start;gap:9px;margin-top:auto;padding:15px 3px 0;font-size:.58rem;line-height:1.5;display:flex}.voice-privacy svg{color:#8dd1b2;flex:none;width:16px}.voice-workspace{width:min(1080px,100%);margin:0 auto;padding:36px 42px 58px}.voice-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.voice-eyebrow{color:var(--voice-lilac);letter-spacing:.16em;text-transform:uppercase;font-size:.61rem;font-weight:850}.voice-header h1{letter-spacing:-.067em;max-width:760px;margin:7px 0 0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.voice-shell .account-status{color:#ded7e2;border-color:var(--voice-line);background:#ffffff0a}.voice-practice-card{border:1px solid var(--voice-line);background:#201d24f0;border-radius:27px;padding:18px;box-shadow:0 28px 90px #0000004d}.voice-card-meta{color:var(--voice-muted);justify-content:space-between;align-items:center;gap:18px;padding:0 3px 13px;font-size:.66rem;display:flex}.voice-card-meta>div{gap:7px;display:flex}.voice-card-meta button{border:1px solid var(--voice-line);color:#d9d2dc;cursor:pointer;background:#ffffff0a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.voice-card-meta button svg{width:18px}.voice-reference{color:#211d25;text-align:center;background:radial-gradient(circle at 80% 10%,#ffffffa6,#0000 27%),linear-gradient(135deg,#e9f2e7,#eadcf4 58%,#f1dfc7);border-radius:21px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:34px;display:flex;position:relative;overflow:hidden}.voice-reference>span{color:#746d78;letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:850}.voice-reference p{margin:13px 0 9px;font-size:clamp(1.15rem,2vw,1.55rem)}.voice-reference>strong{font-family:var(--font-thai), var(--font-sans), sans-serif;letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,4.3rem);font-weight:600;line-height:1.15}.voice-reference>small{color:#6f6873;margin-top:8px;font-size:.82rem}.voice-reference-actions{gap:8px;margin-top:22px;display:flex}.voice-reference .audio-source-label{color:#69616d}.voice-reference-actions button,.voice-comparison button{color:#29242d;cursor:pointer;background:#ffffffa6;border:1px solid #211d2524;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:.67rem;font-weight:750;display:inline-flex}.voice-reference-actions svg,.voice-comparison button svg{width:16px}.voice-recorder{border:1px solid var(--voice-line);background:#0d0c0f59;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:178px;margin-top:12px;padding:20px;display:flex}.voice-recorder>strong{margin-top:13px;font-size:.79rem}.voice-recorder>span{color:var(--voice-muted);margin-top:4px;font-size:.64rem}.voice-wave{align-items:center;gap:4px;height:38px;display:flex}.voice-wave span{background:#6f6477;border-radius:8px;width:3px;height:8px}.voice-recorder.recording .voice-wave span{background:var(--voice-lilac);animation:.75s ease-in-out infinite alternate voice-wave}.voice-recorder.recording .voice-wave span:nth-child(3n){animation-delay:.18s}.voice-recorder.recording .voice-wave span:nth-child(4n){animation-delay:.32s}@keyframes voice-wave{0%{opacity:.55;height:8px}to{opacity:1;height:34px}}.voice-record-button{color:#241c2b;cursor:pointer;background:linear-gradient(135deg,#dfc4ff,#a66be9);border:7px solid #c8a2ff24;border-radius:50%;place-items:center;width:68px;height:68px;margin-top:15px;display:grid;box-shadow:0 12px 32px #854dce47}.voice-record-button.stop{color:#fff;background:#a43f51;border-color:#d6556b29}.voice-record-button svg{width:22px}.voice-error{color:#ffd4d8;background:#9f3d4b2e;border-radius:12px;margin:12px 0 0;padding:12px 14px;font-size:.7rem}.voice-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.voice-comparison>div{border:1px solid var(--voice-line);background:#ffffff09;border-radius:17px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:164px;padding:20px;display:flex}.voice-comparison span{color:var(--voice-lilac);letter-spacing:.1em;text-transform:uppercase;font-size:.57rem;font-weight:850}.voice-comparison strong{font-family:var(--font-thai), var(--font-sans), sans-serif;margin-top:10px;font-size:1.55rem}.voice-comparison small{color:var(--voice-muted);margin-top:4px}.voice-comparison audio{width:100%;height:42px;margin:14px 0}.voice-comparison button{color:#ded7e2;border-color:var(--voice-line);background:#ffffff0d}.voice-analysis{background:radial-gradient(circle at 92% 0,#9b60e029,#0000 32%),#ffffff06;border:1px solid #c8a2ff38;border-radius:20px;margin-top:12px;padding:20px}.voice-analysis-heading>span{color:var(--voice-lilac);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;font-size:.58rem;font-weight:850;display:flex}.voice-analysis-heading svg{width:15px}.voice-analysis-heading>strong{margin-top:8px;font-size:1.05rem;display:block}.voice-analysis-heading>p{max-width:700px;color:var(--voice-muted);margin:7px 0 0;font-size:.68rem;line-height:1.55}.voice-local-check{border:1px solid var(--voice-line);background:#ffffff09;border-radius:14px;align-items:flex-start;gap:12px;margin-top:15px;padding:14px;display:flex}.voice-local-check>svg{color:#b8e4ce;flex:none;width:19px}.voice-local-check span{color:#d9f2e5;font-size:.65rem;font-weight:800}.voice-local-check p{color:var(--voice-muted);margin:4px 0 0;font-size:.64rem;line-height:1.5}.voice-consent-panel{background:#0d0c0f52;border-radius:15px;margin-top:12px;padding:15px}.voice-consent-panel label{color:#d7d0da;cursor:pointer;align-items:flex-start;gap:11px;min-height:44px;font-size:.66rem;line-height:1.55;display:flex}.voice-consent-panel input{accent-color:#b579ed;flex:none;width:20px;height:20px;margin-top:1px}.voice-consent-panel label strong{color:#fff}.voice-consent-panel>button,.voice-analysis-result>button{color:#251d2a;cursor:pointer;background:linear-gradient(135deg,#ddc0ff,#a86ced);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:14px;padding:0 17px;font-size:.68rem;font-weight:850;display:inline-flex}.voice-consent-panel>button:disabled{opacity:.38;cursor:default}.voice-consent-panel>button svg,.voice-analysis-result>button svg{width:16px}.voice-consent-panel>small{color:#817887;margin-top:10px;font-size:.58rem;display:block}.voice-analysis-result{background:#52917114;border:1px solid #97ddbb38;border-radius:16px;grid-template-columns:130px minmax(0,1fr);gap:14px;margin-top:12px;padding:16px;display:grid}.voice-score{color:#211d25;text-align:center;background:linear-gradient(145deg,#dff4e8,#c8a2ff);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.voice-score strong{letter-spacing:-.05em;font-size:2rem}.voice-score span{text-transform:uppercase;margin-top:2px;font-size:.56rem;font-weight:800}.voice-transcript{flex-direction:column;justify-content:center;min-width:0;display:flex}.voice-transcript span{color:var(--voice-lilac);letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:850}.voice-transcript strong{font-family:var(--font-thai), var(--font-sans), sans-serif;margin-top:7px;font-size:1.65rem;line-height:1.25}.voice-transcript small{color:var(--voice-muted);margin-top:7px;font-size:.61rem}.voice-score-details{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.voice-score-details>div{border:1px solid var(--voice-line);background:#ffffff09;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;min-height:68px;padding:11px 13px;display:flex}.voice-score-details span,.voice-feedback>span{color:var(--voice-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.56rem;font-weight:800}.voice-score-details strong{margin-top:4px;font-size:1.05rem}.voice-feedback{background:#ffffff09;border-radius:12px;grid-column:1/-1;padding:13px}.voice-feedback p{color:#eee8f1;margin:5px 0 0;font-size:.65rem;line-height:1.5}.voice-missing-words{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.voice-missing-words>span{background:#ffb04714;border:1px solid #ffce8233;border-radius:10px;flex-direction:column;justify-content:center;min-height:44px;padding:6px 10px;display:flex}.voice-missing-words strong{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:.9rem}.voice-missing-words small{color:var(--voice-muted);font-size:.55rem}.voice-limit{color:#c7e8d7;background:#5796771f;border-radius:11px;grid-column:1/-1;align-items:flex-start;gap:8px;margin:0;padding:12px;font-size:.62rem;line-height:1.5;display:flex}.voice-limit svg{flex:none;width:16px}.voice-analysis-result>button{color:#ded7e2;border:1px solid var(--voice-line);background:#ffffff0d;grid-column:1/-1;justify-self:start;margin-top:0}.voice-analysis-error{color:#ffd4d8;background:#9f3d4b2e;border-radius:11px;margin:12px 0 0;padding:12px;font-size:.65rem}.voice-rating{border:1px solid var(--voice-line);background:#ffffff06;border-radius:17px;margin-top:12px;padding:18px}.voice-rating>span{color:var(--voice-muted);margin-bottom:11px;font-size:.67rem;display:block}.voice-rating>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.voice-rating button{color:#2a252d;cursor:pointer;border:0;border-radius:12px;min-height:48px;font-size:.7rem;font-weight:800}.voice-rating button:disabled{opacity:.45;cursor:default}.voice-rating button.active{opacity:1;outline:3px solid #ffffff8c}.voice-rating .again{background:#edcbd1}.voice-rating .okay{background:#ead9b2}.voice-rating .good{background:#cde9dc}.voice-rating p{color:#a5dfc4;align-items:center;gap:7px;margin:13px 0 0;font-size:.65rem;display:flex}.voice-rating p svg{width:16px}.voice-next{color:#241d2a;cursor:pointer;background:linear-gradient(135deg,#ddc0ff,#a86ced);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:50px;margin:13px 0 0 auto;padding:0 17px;font-size:.72rem;font-weight:850;display:flex}.voice-next svg{width:17px}@media (max-width:900px){.voice-shell{display:block}.voice-sidebar{border-right:0;border-bottom:1px solid var(--voice-line);grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;height:auto;padding:18px;display:grid;position:static}.voice-back,.voice-brand,.voice-sidebar>p{grid-column:1}.voice-brand{margin-top:5px}.voice-sidebar>p{margin:7px 0 0}.voice-memory-summary{grid-area:1/2/4;align-self:center;width:250px}.voice-privacy{display:none}.voice-workspace{padding:26px 18px 40px}}@media (max-width:640px){.voice-sidebar{display:block}.voice-memory-summary{width:auto;margin-top:16px}.voice-workspace{padding:22px 12px 28px}.voice-header{display:block}.voice-header h1{font-size:2.7rem}.voice-header .account-control,.voice-header>.account-status{margin-top:15px}.voice-practice-card{border-radius:21px;padding:9px}.voice-reference{min-height:250px;padding:28px 16px}.voice-reference>strong{font-size:clamp(2.1rem,12vw,3.2rem)}.voice-reference-actions{width:100%}.voice-reference-actions button{flex:1}.voice-recorder{min-height:170px}.voice-comparison{grid-template-columns:1fr}.voice-analysis{padding:15px}.voice-consent-panel>button{width:100%}.voice-analysis-result{grid-template-columns:1fr}.voice-score{min-height:105px}.voice-score-details{grid-template-columns:1fr}.voice-limit,.voice-analysis-result>button{grid-column:1}.voice-analysis-result>button{width:100%}.voice-rating{padding:13px}.voice-rating>div{gap:6px}.voice-rating button{min-width:0;padding:0 4px}.voice-next{width:100%}}@media (prefers-reduced-motion:reduce){.voice-recorder.recording .voice-wave span{animation:none}}.session-shell{width:min(760px,100%);min-height:100dvh;padding:14px 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.session-topbar{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:4px 0 12px;display:grid}.session-close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;display:grid}.session-topbar-info{gap:1px;min-width:0;display:grid}.session-topbar-info strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.session-topbar-info span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700}.session-count{min-width:52px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:750}.session-progress-track{background:#dfdcd5;border-radius:20px;height:6px;overflow:hidden}.session-progress-value{border-radius:inherit;background:var(--mint-deep);height:100%;transition:width .3s}.session-body{flex-direction:column;flex:1;justify-content:flex-start;padding:16px 0 10px;display:flex}.session-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);border:1px solid #d7d2c9e6;padding:26px 22px 22px}.session-question{color:var(--muted);margin:14px 0 4px;font-size:.85rem}.session-german{letter-spacing:-.045em;margin:10px 0 6px;font-size:clamp(1.5rem,5.4vw,2.2rem);line-height:1.15}.session-thai{font-family:var(--font-thai), var(--font-sans), sans-serif;letter-spacing:-.02em;margin:14px 0 4px;font-size:clamp(1.9rem,7vw,2.9rem);line-height:1.25}.session-thai-large{font-size:clamp(2.3rem,9vw,3.6rem)}.session-phonetic{color:#2d7c5e;margin:0 0 12px;font-size:clamp(1rem,3.6vw,1.25rem);font-weight:600}.session-literal{color:var(--muted);margin:0 0 10px;font-size:.8rem;font-style:italic}.session-audio-row{flex-wrap:wrap;gap:9px;margin:8px 0 4px;display:flex}.session-audio-row .audio-source-label{flex-basis:100%;margin-top:0}.session-word-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.session-word-list .word-chip{cursor:default}.session-word-list .word-chip:hover{border-color:var(--line);transform:none}.session-hint{color:#6d5a1f;background:var(--amber);border-radius:13px;align-items:flex-start;gap:9px;margin:16px 0 0;padding:12px 13px;font-size:.78rem;line-height:1.55;display:flex}.session-hint svg{flex:none;margin-top:1px}.session-note{color:#21684d;background:var(--mint);border-radius:13px;align-items:flex-start;gap:9px;margin:16px 0 0;padding:12px 13px;font-size:.78rem;line-height:1.55;display:flex}.session-note svg{flex:none;margin-top:1px}.session-note a{color:inherit;margin:-13px -2px;padding:13px 2px;font-weight:750;display:inline-block}.session-note-plain{color:var(--muted);margin:6px 0 0;font-size:.72rem}.session-focus-badge{color:#21684d;background:var(--mint);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin:0 0 10px;padding:8px 12px;font-size:.72rem;font-weight:750;display:inline-flex}.session-focus-badge svg{flex:none}.session-focus-note{color:#21684d;background:var(--mint);text-align:left;border-radius:13px;align-items:flex-start;gap:9px;width:100%;margin:0 0 22px;padding:12px 13px;font-size:.78rem;line-height:1.55;display:flex}.session-focus-note svg{flex:none;margin-top:1px}.session-rating{margin-top:20px}.session-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.session-options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:76px;padding:14px 16px;display:flex}.session-options button:not(:disabled):hover{border-color:#aaa59d;transform:translateY(-2px)}.session-options button:disabled{color:inherit;opacity:.68;cursor:default}.session-options button.correct{background:var(--mint);opacity:1;border-color:#2f86658c}.session-options button.wrong{background:var(--rose);opacity:1;border-color:#a94f5866}.session-options strong{font-size:1.05rem;font-weight:680}.session-options strong[lang=th]{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.35rem}.session-options span{color:var(--muted);font-size:.7rem}.session-listen{color:#1d6448;background:var(--mint);cursor:pointer;border:1px solid #2f86654d;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:84px;margin-top:12px;font-size:.95rem;font-weight:750;display:flex}.session-listen:hover{filter:saturate(1.12)}.session-answer-row{background:#faf8f4;border:1px dashed #c9c4bb;border-radius:15px;flex-wrap:wrap;gap:8px;min-height:74px;margin-top:14px;padding:10px;display:flex}.session-answer-placeholder{color:var(--muted);align-self:center;font-size:.76rem}.session-token{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;align-items:flex-start;gap:2px;min-width:44px;min-height:54px;padding:8px 13px;display:flex}.session-token span{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.15rem}.session-token small{color:var(--muted);font-size:.62rem}.session-token.selected{background:var(--mint);border-color:#2f866573}.session-token.used{opacity:.3;cursor:default}.session-token:not(:disabled):hover{border-color:#9e9a92}.session-token-pool{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.session-dictation{gap:8px;margin-top:14px;display:grid}.session-dictation label{color:var(--muted);font-size:.72rem;font-weight:750}.session-dictation input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);font:inherit;background:#fff;border-radius:13px;padding:0 15px;font-size:1rem}.session-dictation input:focus{border-color:var(--mint-deep);outline:3px solid #2f866524}.session-primary{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:.86rem;font-weight:750;text-decoration:none;display:inline-flex}.session-primary:hover{filter:brightness(1.15)}.session-primary:disabled{opacity:.35;cursor:default;filter:none}.session-check{width:100%;margin-top:16px}.session-feedback{z-index:20;bottom:max(10px, env(safe-area-inset-bottom));background:var(--mint);border:1px solid #2f866559;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:16px 18px;display:grid;position:sticky;box-shadow:0 16px 44px #251f172e}.session-feedback.wrong{background:var(--rose);border-color:#a94f5859}.session-feedback strong{font-size:.9rem;display:block}.session-feedback p{font-family:var(--font-thai), var(--font-sans), sans-serif;margin:4px 0 0;font-size:1.15rem;line-height:1.3}.session-feedback span{color:#171715ad;font-size:.74rem;display:block}.session-feedback small{color:#171715bf;align-items:flex-start;gap:6px;margin-top:7px;font-size:.7rem;line-height:1.5;display:flex}.session-feedback small svg{flex:none;margin-top:1px}.session-feedback .session-primary{align-self:center}.session-intro,.session-summary{flex-direction:column;align-items:flex-start;display:flex}.session-intro-icon{width:44px;height:44px;color:var(--mint-deep);margin-bottom:16px}.session-intro h1,.session-summary h1{letter-spacing:-.055em;margin:7px 0 10px;font-size:clamp(2rem,7.5vw,3.1rem);line-height:1}.session-intro p,.session-summary>p{max-width:520px;color:var(--muted);margin:0 0 18px;font-size:.86rem;line-height:1.6}.session-intro-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:0 0 22px;display:grid}.session-intro-facts div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 13px}.session-intro-facts dt{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:800}.session-intro-facts dd{margin:5px 0 0;font-size:.86rem;font-weight:700}.session-start{width:100%;min-height:56px}.session-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;display:grid}.session-summary-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:14px}.session-summary-stats strong{letter-spacing:-.05em;font-size:1.7rem;display:block}.session-summary-stats span{color:var(--muted);font-size:.68rem;font-weight:700}.session-streak-line{color:#8a5a18;background:var(--amber);border-radius:12px;align-items:center;gap:8px;margin:14px 0 0;padding:10px 13px;font-size:.76rem;font-weight:700;display:flex}.session-streak-line svg{flex:none}.session-focus-line{color:#21684d;background:var(--mint);text-align:left;border-radius:12px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 13px;font-size:.76rem;font-weight:700;line-height:1.5;display:flex}.session-focus-line svg{flex:none;margin-top:1px}.session-summary-difficult{width:100%;margin-top:20px}.session-summary-difficult ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.session-summary-difficult li{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 14px}.session-summary-difficult strong{font-family:var(--font-thai), var(--font-sans), sans-serif;font-size:1.15rem;font-weight:650;display:block}.session-summary-difficult span{color:var(--muted);font-size:.72rem}.session-next-step{background:var(--mint);border:1px solid #2f86654d;border-radius:18px;justify-items:start;gap:6px;width:100%;margin-top:22px;padding:18px;display:grid}.session-next-step strong{letter-spacing:-.03em;font-size:1.15rem}.session-next-step p{color:#171715a8;margin:0 0 10px;font-size:.76rem;line-height:1.5}.session-summary-links{gap:18px;margin-top:20px;display:flex}.session-summary-links a{min-height:44px;color:var(--muted);align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.session-summary-links a:hover{color:var(--ink)}.lesson-session-banner{min-height:74px;color:var(--ink);background:linear-gradient(120deg, var(--mint), #dcefe58c);border:1px solid #2f866552;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:13px 16px;text-decoration:none;display:grid;box-shadow:0 14px 36px #251f1714}.lesson-session-banner:hover{filter:saturate(1.1);transform:translateY(-1px)}.lesson-session-banner>svg{width:18px;color:var(--mint-deep)}.lesson-session-icon{color:#fff;background:var(--mint-deep);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.lesson-session-copy{gap:2px;min-width:0;display:grid}.lesson-session-copy strong{letter-spacing:-.02em;font-size:.92rem}.lesson-session-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.review-due-label{color:#216c50;background:var(--mint);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.6rem;font-weight:800}.review-start{align-items:center;min-height:52px;text-decoration:none;display:inline-flex}.review-difficult{margin-top:30px}.review-difficult .overline{margin-bottom:4px;display:block}.course-lesson-progress{color:var(--mint-deep);font-variant-numeric:tabular-nums;flex:none;font-size:.66rem;font-weight:800}.course-card-planned{opacity:.75}.course-card-planned>span{color:var(--muted);font-size:.74rem;line-height:1.5}.lesson-link.planned{color:#8f8e8b;padding:9px 10px;font-size:.74rem;line-height:1.45;display:block}@media (max-width:560px){.session-options{grid-template-columns:1fr}.session-options button{min-height:64px}.session-feedback{grid-template-columns:1fr}.session-feedback .session-primary{width:100%;margin-top:10px}.session-card{padding:22px 16px 18px}.session-intro-facts{grid-template-columns:1fr}.session-summary-links{flex-direction:column;gap:4px}}.dashboard-footer{color:#aaa2af;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;margin-top:26px;padding:18px 6px 8px;font-size:13px;display:flex}.dashboard-footer nav{gap:14px;display:flex}.dashboard-footer a{color:#cfc7d4;border-bottom:1px solid #0000;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.dashboard-footer a:hover,.dashboard-footer a:focus-visible{color:#f7f3eb;border-bottom-color:#8d54e9}.legal-shell{min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom));color:#f7f3eb;background:radial-gradient(circle at 85% -5%,#8d54e93d,#0000 42%),#151319}.legal-card{border-radius:var(--radius-lg);background:#201d24;border:1px solid #ffffff1a;width:min(760px,100%);margin:0 auto;padding:26px 22px 30px}.legal-back{color:#c8a2ff;align-items:center;gap:8px;min-height:44px;margin-bottom:6px;font-size:14px;text-decoration:none;display:inline-flex}.legal-back:hover,.legal-back:focus-visible{color:#f7f3eb}.legal-card h1{margin:4px 0;font-size:27px;line-height:1.2}.legal-card .legal-stand{color:#aaa2af;margin:0 0 18px;font-size:13px}.legal-card h2{margin:26px 0 8px;font-size:18px}.legal-card p,.legal-card li{color:#d9d2de;margin:0 0 10px;font-size:15px;line-height:1.65}.legal-card ul{margin:0 0 10px;padding-left:20px}.legal-card address{color:#d9d2de;margin:0 0 10px;font-size:15px;font-style:normal;line-height:1.65}.legal-placeholder{color:#c8a2ff;font-weight:600}.legal-note{color:#e6dcf3;background:#8d54e924;border:1px solid #c8a2ff59;border-radius:16px;gap:10px;margin:18px 0 6px;padding:13px 15px;font-size:14px;line-height:1.55;display:flex}.legal-footer-links{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:4px 18px;margin-top:26px;padding-top:14px;display:flex}.legal-footer-links a{color:#aaa2af;align-items:center;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.legal-footer-links a:hover,.legal-footer-links a:focus-visible{color:#f7f3eb}.legal-card p a{color:#c8a2ff;text-underline-offset:3px;padding:12px 2px;text-decoration:underline}.legal-card p a:hover,.legal-card p a:focus-visible{color:#f7f3eb}