/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400:oklch(76.5% .177 163.223);--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.h-2{height:calc(var(--spacing) * 2)}.h-full{height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.bg-\[var\(--line\)\]{background-color:var(--line)}.bg-emerald-400{background-color:var(--color-emerald-400)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f12;--panel:#11171c;--panel2:#161e24;--line:#263039;--text:#eef4f0;--muted:#91a19a;--accent:#4ade80;--accent-soft:#163523;--purple:#a78bfa;--danger:#fb7185;font-family:Inter,Noto Sans Thai,Tahoma,system-ui,sans-serif;font-size:16px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f5;--panel:#fff;--panel2:#eaf0ec;--line:#d7e0da;--text:#162019;--muted:#5e6c63;--accent:#159447;--accent-soft:#dff6e6;--purple:#7156cf;--danger:#c73a51}html[data-font=small]{font-size:14px}html[data-font=large]{font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}html[data-motion=false]{scroll-behavior:auto}html[data-motion=false] *{transition:none!important}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 45%)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.75}.skip-link{background:var(--accent);color:#06130a;z-index:100;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.sidebar{border-right:1px solid var(--line);z-index:30;background:#0d1216;flex-direction:column;width:250px;padding:1.25rem;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:.7rem;padding:.35rem .3rem 1.5rem;display:flex}.brand-mark{width:39px;height:39px;color:var(--accent);background:#14251b;border:1px solid #2c6842;border-radius:9px;place-items:center;font-family:monospace;font-weight:800;display:grid}.brand b{color:#f1f7f3;display:block}.brand span{color:#65736b;letter-spacing:.2em;font-size:.65rem;display:block}.sidebar nav{gap:.3rem;display:grid}.sidebar nav a{color:#88978f;border-radius:8px;align-items:center;gap:.8rem;padding:.72rem .8rem;font-weight:600;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#eaf7ee;background:#16211b}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-note{background:#121a16;border:1px solid #27342c;border-radius:10px;margin-top:auto;padding:1rem}.sidebar-note span,.eyebrow{letter-spacing:.16em;color:var(--accent);font-size:.7rem;font-weight:800}.sidebar-note b{color:#dce7df;margin:.5rem 0;display:block}.sidebar-note p{margin:0;font-size:.75rem;line-height:1.5}.progress-panel{border-left:1px solid var(--line);background:var(--panel);width:290px;padding:2rem 1.5rem;position:fixed;inset:0 0 0 auto;overflow:auto}.ring{--p:0deg;aspect-ratio:1;background:conic-gradient(var(--accent) var(--p),var(--line) 0);border-radius:50%;place-items:center;width:130px;margin:1.3rem auto;display:grid}.ring:before{content:"";aspect-ratio:1;background:var(--panel);border-radius:50%;grid-area:1/1;width:105px}.ring>div{z-index:1;text-align:center;grid-area:1/1}.ring strong,.ring span{display:block}.ring strong{font-size:1.6rem}.ring span{color:var(--muted);font-size:.7rem}.progress-stats{color:var(--muted);justify-content:space-between;margin-top:1rem;font-size:.75rem;display:flex}.progress-panel hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.module-mini{display:grid}.module-mini a{border-bottom:1px solid var(--line);gap:.7rem;padding:.75rem 0;display:flex}.module-mini>a>span{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font:700 .65rem monospace;display:grid}.module-mini div{min-width:0}.module-mini b,.module-mini small{display:block}.module-mini b{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.module-mini small{color:var(--muted);margin-top:.2rem;font-size:.65rem}.mobile-head,.mobile-only{display:none}.page{max-width:940px;margin:auto;padding:3rem 2.5rem 5rem}.page-head{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.page-head h1{max-width:760px;margin:.5rem 0;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.22}.page-head p{max-width:720px;margin:0}.streak{text-align:center;border:1px solid var(--line);border-radius:12px;min-width:92px;padding:.8rem}.streak svg{color:#fb923c}.streak b,.streak span{display:block}.streak b{font-size:1.4rem}.streak span{color:var(--muted);font-size:.7rem}.hero-card{background:linear-gradient(135deg,#15231b,var(--panel));border:1px solid #2c5440;border-radius:14px;grid-template-columns:1.3fr .7fr;gap:2rem;margin-bottom:1rem;padding:2rem;display:grid}.badge,.category,.question-type{color:var(--accent);background:var(--accent-soft);letter-spacing:.05em;border-radius:99px;padding:.35rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.hero-card h2{margin:.9rem 0 .25rem;font-size:1.5rem}.primary-btn,.secondary-btn,.danger-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;font-weight:750;display:inline-flex}.primary-btn{background:var(--accent);color:#06120a}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-btn{border-color:var(--line);background:var(--panel2)}.secondary-btn:hover{border-color:var(--accent)}.danger-btn{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-btn{border-color:color-mix(in srgb,var(--danger),transparent 55%)}}.danger-btn{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.danger-btn{background:color-mix(in srgb,var(--danger),transparent 88%)}}.danger-btn{color:var(--danger)}.hero-progress{flex-direction:column;justify-content:center;gap:.65rem;display:flex}.hero-progress strong{font-size:2.3rem}.hero-progress span,.hero-progress small{color:var(--muted)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2.5rem;display:grid}.stat-grid article{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:1rem;position:relative}.stat-grid svg{color:var(--accent);position:absolute;top:1rem;right:1rem}.stat-grid span,.stat-grid b,.stat-grid small{display:block}.stat-grid span,.stat-grid small{color:var(--muted);font-size:.75rem}.stat-grid b{margin:.4rem 0;font-size:1.8rem}.section-title{justify-content:space-between;align-items:end;margin:2rem 0 1rem;display:flex}.section-title h2{margin:.2rem 0}.section-title a{color:var(--accent);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.next-list{display:grid}.next-list>a{border-top:1px solid var(--line);align-items:center;gap:1rem;padding:1rem;display:flex}.next-list>a:hover{background:var(--panel)}.next-list>a>div{flex:1}.next-list b,.next-list small{display:block}.next-list small{color:var(--muted);margin-top:.3rem}.step{color:var(--accent);font:700 .75rem monospace}.quick-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.quick-grid>a{border:1px solid var(--line);background:var(--panel);border-radius:11px;align-items:center;gap:1rem;padding:1.2rem;display:flex}.quick-grid>a>svg:first-child{color:var(--accent)}.quick-grid>a>svg:last-child{margin-left:auto}.quick-grid b,.quick-grid span{display:block}.quick-grid span{color:var(--muted);margin-top:.25rem;font-size:.75rem}.module-list{gap:1.2rem;display:grid}.module-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:64px 1fr;display:grid;overflow:hidden}.module-number{color:var(--accent);background:var(--panel2);justify-content:center;padding-top:1.5rem;font:800 1.1rem monospace;display:flex}.module-heading{justify-content:space-between;gap:1rem;display:flex}.module-heading h2{margin:0;font-size:1.15rem}.module-heading p{margin:.3rem 0 1rem;font-size:.85rem}.module-heading>span{color:var(--muted);white-space:nowrap;font-size:.75rem}.lesson-list{margin-top:.8rem}.lesson-list a{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:.75rem .2rem;display:flex}.lesson-list a>div{flex:1}.lesson-list b,.lesson-list small{display:block}.lesson-list small{color:var(--muted);align-items:center;gap:.3rem;margin-top:.2rem;font-size:.7rem;display:flex}.lesson-status{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;font-size:.7rem;display:grid}.lesson-status svg{width:15px}.quiz-link{color:var(--accent);justify-content:flex-end;align-items:center;gap:.4rem;padding-top:1rem;font-size:.75rem;display:flex}.lesson-progress{color:var(--muted);background:var(--bg);z-index:5;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 0;font-size:.75rem;display:grid;position:sticky;top:0}.lesson-head>a{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.lesson-head h1{margin:.7rem 0;font-size:2.5rem}.lesson-head>p:last-child{align-items:center;gap:.4rem;display:flex}.lesson-page section{margin:2rem 0}.lesson-page h2{font-size:1.2rem}.objective-list{gap:.6rem;padding:0;list-style:none;display:grid}.objective-list li{align-items:flex-start;gap:.7rem;display:flex}.objective-list svg{width:20px;color:var(--accent);flex:none}.real-example{border-left:3px solid var(--purple);background:var(--panel);margin:1.5rem 0;padding:1.1rem}.real-example span{color:var(--purple);font-size:.7rem;font-weight:800}.real-example p{margin:.4rem 0 0}.callout-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.callout{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:1rem;padding:1.1rem;display:flex}.callout svg{flex:none}.callout.remember svg{color:#fbbf24}.callout.warning svg{color:var(--danger)}.callout b{font-size:.85rem}.callout p{margin:.3rem 0;font-size:.8rem}.term-row{flex-wrap:wrap;gap:.6rem;display:flex}.term-row button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem .8rem;display:flex}.term-row button:hover{border-color:var(--accent)}.check-list{gap:.5rem;margin:1rem 0;display:grid}.check-list label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:.7rem;padding:.8rem;display:flex}.check-list input{accent-color:var(--accent);width:18px;height:18px}.mini-quiz{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.5rem}.choice-list{gap:.6rem;display:grid}.choice-list button{text-align:left;border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.choice-list button>span{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;font:700 .7rem monospace;display:grid}.choice-list button:hover,.choice-list button.selected{border-color:var(--accent);background:var(--accent-soft)}.feedback{border-radius:8px;margin-top:1rem;padding:1rem}.feedback.correct{background:var(--accent-soft);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.feedback.correct{border:1px solid color-mix(in srgb,var(--accent),transparent 50%)}}.feedback.wrong{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.feedback.wrong{background:color-mix(in srgb,var(--danger),transparent 90%)}}.feedback.wrong{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.feedback.wrong{border:1px solid color-mix(in srgb,var(--danger),transparent 50%)}}.feedback p{margin:.3rem 0}.lesson-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.lesson-footer>a{align-items:center;gap:.4rem;display:flex}.disabled-link{opacity:.35;pointer-events:none}.dictionary-tools{z-index:4;background:var(--bg);padding:.7rem 0 1rem;position:sticky;top:0}.search-box{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:.7rem;padding:.65rem 1rem;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0}.search-box span{color:var(--muted);font-size:.7rem}.filter-row{gap:.5rem;margin-top:.7rem;display:flex;overflow:auto}.filter-row button,.scenario-tabs button{white-space:nowrap;border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:7px;padding:.5rem .75rem}.filter-row button.active,.scenario-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.dictionary-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.word-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:1.2rem}.word-top{justify-content:space-between;display:flex}.word-top h2{margin:0}.word-top span{color:var(--accent);font-size:.8rem}.icon-btn{cursor:pointer;background:0 0;border:0;place-items:center;padding:.4rem;display:grid}.icon-btn.favorite{color:#fb7185}.icon-btn.favorite svg{fill:currentColor}.word-card h3{margin:1rem 0 .2rem;font-size:1rem}.word-card p{margin:.3rem 0;font-size:.8rem}.word-example{background:var(--panel2);color:var(--muted);border-radius:7px;margin:1rem 0;padding:.7rem;font-size:.75rem}.speech-buttons{gap:.5rem;display:flex}.speech-buttons button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:.4rem;padding:.5rem;font-size:.7rem;display:flex}.empty{text-align:center;padding:4rem}.scenario-tabs{gap:.5rem;margin-bottom:1rem;display:flex;overflow:auto}.scenario-tabs button{align-items:center;gap:.5rem;display:flex}.scenario-tabs span{text-overflow:ellipsis;max-width:90px;overflow:hidden}.simulator{border:1px solid var(--line);border-radius:12px;overflow:hidden}.sim-top{color:#9eaaa3;background:#0b1013;border-bottom:1px solid #273039;justify-content:space-between;padding:.8rem 1rem;font-size:.7rem;display:flex}.sim-top span{align-items:center;gap:.5rem;display:flex}.sim-top svg{width:14px;color:var(--accent)}.sim-body{grid-template-columns:1fr 1fr;display:grid}.sim-story{padding:1.5rem}.sim-story h2{font-size:1.6rem}.sim-story h3{margin-top:2rem;font-size:.9rem}.sim-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.sim-actions button{background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:.75rem}.sim-actions button.correct{border-color:var(--accent);background:var(--accent-soft)}.sim-actions button.wrong{border-color:var(--danger)}.repo-state{color:#e9f0ec;background:#0e1418;border-left:1px solid #273039;padding:1.5rem}.desktop-bar{background:#161e23;align-items:center;gap:.4rem;margin:-1.5rem -1.5rem 1.5rem;padding:.7rem;display:flex}.desktop-bar i{background:#38434a;border-radius:50%;width:8px;height:8px}.desktop-bar span{color:#89958e;margin-left:.4rem;font-size:.65rem}.repo-state dl{gap:.6rem;display:grid}.repo-state dl div{background:#151d22;border:1px solid #263139;border-radius:7px;padding:.8rem}.repo-state dt{color:#85928a;align-items:center;gap:.4rem;font-size:.65rem;display:flex}.repo-state dt svg{width:14px}.repo-state dd{margin:.4rem 0 0;font-size:.8rem}.sync-line{color:#718078;justify-content:center;align-items:center;margin-top:2rem;font-size:.6rem;display:flex}.sync-line i{background:#39453e;width:16px;height:1px}.sync-line svg{width:16px;color:var(--accent)}.quiz-stack{gap:1rem;display:grid}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;grid-template-columns:46px 1fr;gap:1rem;padding:1.4rem;display:grid}.question-number{color:var(--accent);font:800 .8rem monospace}.order-list{gap:.5rem;display:grid}.order-list>div{border:1px solid var(--line);border-radius:7px;align-items:center;gap:.6rem;padding:.6rem;display:flex}.order-list svg{color:var(--muted)}.order-list b{flex:1}.order-list button{background:var(--panel2);cursor:pointer;border:0;padding:.35rem}.submit-quiz{margin:1.5rem 0 0 auto}.result-banner{border:1px solid var(--line);background:var(--panel);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.2rem;display:grid}.result-banner b,.result-banner span{display:block}.result-banner b{color:var(--accent);font-size:2rem}.quiz-end{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.progress-hero{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.5rem}.big-percent{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.big-percent b{font-size:2.5rem}.big-percent span{color:var(--muted)}.progress-metrics{color:var(--muted);justify-content:space-between;margin-top:1rem;font-size:.8rem;display:flex}.progress-columns{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.module-progress,.activity-list>div{border-bottom:1px solid var(--line);padding:.8rem 0}.module-progress>div{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-bottom:.5rem;display:grid}.module-progress span,.module-progress small{color:var(--muted);font-size:.65rem}.activity-list>div{gap:.7rem;display:flex}.activity-list svg{color:var(--accent)}.activity-list b,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:.2rem}.backup-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;margin-top:2rem;padding:1.2rem}.backup-card>div{flex-wrap:wrap;gap:.6rem;display:flex}.backup-card h2,.backup-card p{margin:.2rem 0}.backup-card>div:first-child{margin-bottom:1rem;display:block}.settings-section{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:2rem;padding:1.6rem 0;display:grid}.settings-section h2{margin:0}.settings-section>div>p{margin:.3rem 0;font-size:.8rem}.settings-control{gap:.8rem;display:grid}.settings-control>label:not(.toggle){color:var(--muted);font-size:.75rem}.segmented{border:1px solid var(--line);border-radius:8px;padding:.25rem;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;display:flex}.segmented button.active{background:var(--accent-soft);color:var(--accent)}.settings-control select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:.7rem}.settings-control input[type=range]{accent-color:var(--accent)}.toggle{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:.9rem;display:flex}.toggle b,.toggle small{display:block}.toggle small{color:var(--muted);margin-top:.2rem;font-size:.7rem}.toggle input{appearance:none;background:var(--line);cursor:pointer;border-radius:99px;width:42px;height:23px;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{left:22px}.sr-status{color:var(--accent);font-size:.75rem}.backdrop{display:none}@media (width<=1200px){.progress-panel{display:none}.main{margin-right:0}}@media (width<=800px){.mobile-head{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 1rem;display:flex;position:sticky;top:0}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.sidebar{transition:all .2s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-only{margin-left:auto;display:grid}.backdrop{z-index:25;background:#0009;border:0;display:block;position:fixed;inset:0}.main{margin:0}.page{padding:2rem 1rem 4rem}.hero-card,.sim-body,.progress-columns,.settings-section{grid-template-columns:1fr}.repo-state{border-top:1px solid #273039;border-left:0}.callout-grid,.dictionary-grid{grid-template-columns:1fr}.lesson-footer{flex-wrap:wrap}.lesson-footer .primary-btn{order:-1;width:100%}.page-head{display:block}.streak{margin-top:1rem}.progress-metrics{flex-wrap:wrap;gap:1rem}}@media (width<=520px){.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article:last-child{grid-column:1/-1}.quick-grid,.hero-card{grid-template-columns:1fr}.module-card{grid-template-columns:43px 1fr}.module-body{padding:1rem}.lesson-head h1{font-size:2rem}.sim-actions,.question-card,.result-banner{grid-template-columns:1fr}.speech-buttons{flex-wrap:wrap}}:root{--bg:#070a12;--panel:#0e1421;--panel2:#151d2b;--line:#263247;--text:#f5f7fb;--muted:#8e99aa;--accent:#9df75c;--accent-soft:#1b3824;--purple:#9c8cff;--danger:#ff6b77;--cyan:#55e6e1;--blue:#2672ff;--orange:#ffae29;font-family:Manrope,Segoe UI Variable,Noto Sans Thai,Tahoma,sans-serif}html[data-theme=light]{--bg:#eef2f5;--panel:#fff;--panel2:#e8edf2;--line:#cfd7e0;--text:#101522;--muted:#657083;--accent:#2672ff;--accent-soft:#dfe9ff;--purple:#7058d9;--danger:#cc3f51;--cyan:#0f9f9b;--blue:#185cde;--orange:#d78300}body{background:radial-gradient(circle at 70% -20%,var(--blue),transparent 34%),var(--bg)}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 70% -20%,color-mix(in srgb,var(--blue),transparent 78%),transparent 34%),var(--bg)}}body{letter-spacing:-.012em}.app-shell{min-height:100vh}.sidebar{background:var(--bg);width:86px;padding:18px 14px}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb,var(--bg),#000 22%)}}.sidebar{border-right:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.sidebar{border-right:1px solid color-mix(in srgb,var(--line),transparent 12%)}}.sidebar{align-items:center}.brand{justify-content:center;width:100%;padding:0 0 30px}.brand-mark{color:#fff;letter-spacing:-.03em;background:linear-gradient(145deg,#16233b,#0b1020);border:1px solid #33425a;border-radius:16px;width:48px;height:48px;font-size:.72rem;box-shadow:0 12px 30px #0007}.brand-copy{display:none}.sidebar nav{gap:10px;width:100%}.sidebar nav a{color:#6f7e93;border-radius:17px;justify-content:center;width:56px;height:52px;padding:0;position:relative}.sidebar nav a span{border:1px solid var(--line);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#101827;border-radius:9px;padding:8px 11px;font-size:.72rem;position:absolute;left:66px;transform:translate(-8px);box-shadow:0 12px 30px #0006}.sidebar nav a:hover span{opacity:1;transform:none}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;box-shadow:none;background:linear-gradient(145deg,#1e2e4d,#111a2c)}.sidebar nav a.active:after{content:"";background:var(--accent);width:3px;height:22px;box-shadow:0 0 15px var(--accent);border-radius:2px;position:absolute;right:-15px}.rail-progress{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.rail-progress>span{color:var(--accent);font-size:.7rem;font-weight:800}.rail-progress>i{background:#253044;border-radius:9px;width:3px;height:62px;position:relative;overflow:hidden}.rail-progress>i>b{background:linear-gradient(var(--cyan),var(--accent));border-radius:9px;width:100%;position:absolute;bottom:0}.rail-progress small{letter-spacing:.13em;color:#617086;writing-mode:vertical-rl;font-size:.48rem}.main{min-height:100vh;margin-left:86px;margin-right:0}.workspace-bar{border-bottom:1px solid var(--line);align-items:center;gap:24px;max-width:1320px;height:72px;margin:auto;padding:0 32px;display:flex}@supports (color:color-mix(in lab, red, red)){.workspace-bar{border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%)}}.workspace-bar{color:var(--muted);font-size:.74rem}.workspace-bar>div:first-child{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;display:flex}.workspace-bar>div:first-child svg{color:var(--accent)}.workspace-progress{align-items:center;gap:10px;margin-left:auto;display:flex}.workspace-progress>i{background:var(--line);border-radius:9px;width:120px;height:4px;display:block;overflow:hidden}.workspace-progress>i>b{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--accent));border-radius:9px;height:100%;display:block}.workspace-progress strong{color:var(--text)}.workspace-bar>a{border:1px solid var(--line);color:var(--text);border-radius:99px;align-items:center;gap:20px;padding:10px 14px 10px 17px;display:flex}.workspace-bar>a span{color:var(--accent)}.page{max-width:1260px;padding:42px 32px 88px}.eyebrow{letter-spacing:.19em;color:var(--accent);font-size:.64rem;font-weight:800}.page-head{border-bottom:1px solid var(--line);align-items:end;margin-bottom:28px;padding:36px 0 40px}.page-head h1{letter-spacing:-.055em;max-width:980px;font-size:clamp(2.6rem,5vw,5rem);font-weight:520;line-height:1.03}.page-head p{max-width:680px;font-size:.95rem}.primary-btn{color:#0a0d14;background:#f5f7fb;border-radius:99px;padding:13px 20px;box-shadow:0 10px 28px #0005}.primary-btn:hover{background:var(--accent);transform:translateY(-2px)}.secondary-btn,.danger-btn{border-radius:99px;padding:11px 17px}.dashboard{max-width:1320px}.dashboard-hero{background:radial-gradient(circle at 79% 38%,#1b78bf 0,#0000 18%),radial-gradient(circle at 65% 62%,#0b3b89 0,#0000 28%),linear-gradient(135deg,#080c15 10%,#101b31 55%,#0a101d);border:1px solid #2f3d56;border-radius:38px;min-height:590px;padding:34px 42px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0007}.dashboard-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#fff03 1px,transparent 1px),linear-gradient(90deg,#fff03 1px,transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 70%);mask-image:linear-gradient(270deg,#000,#0000 70%)}.hero-orb{filter:blur(55px);opacity:.6;border-radius:50%;position:absolute}.hero-orb-one{background:#08e1ff;width:250px;height:250px;top:16%;right:5%}.hero-orb-two{background:#164eff;width:240px;height:240px;bottom:-12%;right:24%}.hero-kicker{z-index:2;letter-spacing:.14em;color:#8290a5;justify-content:space-between;font-size:.61rem;display:flex;position:relative}.hero-kicker span:last-child{color:#d9e4ed;align-items:center;gap:8px;display:flex}.hero-kicker i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%;display:block}.hero-copy{z-index:2;max-width:760px;margin-top:68px;position:relative}.hero-copy h1{letter-spacing:-.075em;margin:10px 0 22px;font-size:clamp(3.2rem,6.1vw,6.5rem);font-weight:480;line-height:.95}.hero-copy h1 em,.explore-panel h2 em{color:var(--orange);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy>p:not(.eyebrow){color:#a5b1c1;max-width:520px;font-size:.96rem}.hero-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.hero-actions>span{color:#8e9bab;align-items:center;gap:7px;font-size:.75rem;display:flex}.hero-actions svg{width:17px}.hero-progress-dial{z-index:2;aspect-ratio:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09132199;border:1px solid #ffffff3b;border-radius:50%;place-items:center;width:190px;display:grid;position:absolute;bottom:20%;right:7%;box-shadow:inset 0 0 0 16px #ffffff05,0 18px 60px #001233aa}.hero-progress-dial:before{content:"";border:1px dashed #76e9ff60;border-radius:50%;position:absolute;inset:13px}.hero-progress-dial div{text-align:center;z-index:2}.hero-progress-dial strong{font-size:3.4rem;font-weight:500}.hero-progress-dial sup{color:var(--accent);font-size:1rem}.hero-progress-dial span{letter-spacing:.15em;color:#9baabb;margin-top:4px;font-size:.5rem;display:block}.hero-meta{z-index:2;gap:12px;display:flex;position:absolute;bottom:26px;left:42px}.hero-meta span{color:#91a1b5;background:#0b132080;border:1px solid #ffffff25;border-radius:99px;padding:8px 12px;font-size:.6rem}.metric-strip{border:1px solid var(--line);background:var(--panel);border-radius:26px;grid-template-columns:repeat(4,1fr);margin:20px 0 50px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.metric-strip{background:color-mix(in srgb,var(--panel),transparent 8%)}}.metric-strip article{border-right:1px solid var(--line);min-height:126px;padding:24px;position:relative}.metric-strip article:last-child{border-right:0}.metric-strip span,.metric-strip b{display:block}.metric-strip span{color:var(--muted);font-size:.67rem}.metric-strip b{margin-top:14px;font-size:2rem;font-weight:520}.metric-strip svg{color:var(--cyan);opacity:.75;position:absolute;bottom:22px;right:22px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:24px;display:grid}.learning-queue,.explore-panel{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:30px}@supports (color:color-mix(in lab, red, red)){.learning-queue,.explore-panel{background:color-mix(in srgb,var(--panel),transparent 8%)}}.section-title{align-items:center;margin:0 0 16px}.section-title h2{font-size:1.65rem;font-weight:520}.next-list>a{border-top:1px solid var(--line);border-radius:0;padding:18px 4px}.next-list>a:hover{color:var(--accent);background:0 0;padding-left:10px}.next-list b{font-size:.95rem}.step{letter-spacing:.1em;color:var(--cyan);font-size:.62rem}.explore-panel{background:linear-gradient(150deg,#11182a,#102a2d);position:relative;overflow:hidden}.explore-glow{filter:blur(70px);opacity:.4;background:#00e0b8;border-radius:50%;width:180px;height:180px;position:absolute;top:-30px;right:-40px}.explore-panel h2{letter-spacing:-.05em;font-size:2.7rem;font-weight:500;line-height:1.04;position:relative}.explore-panel>p:not(.eyebrow){max-width:290px;font-size:.8rem}.explore-links{margin-top:30px;display:grid}.explore-links a{border-top:1px solid #fff2;align-items:center;gap:12px;padding:15px 0;display:flex}.explore-links a>svg:first-child{color:var(--accent)}.explore-links a>svg:last-child{margin-left:auto}.explore-links b,.explore-links small{display:block}.explore-links small{color:#8795a6;margin-top:3px;font-size:.67rem}.module-list{gap:18px}.module-card{border-color:var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));border-radius:26px;grid-template-columns:90px 1fr}@supports (color:color-mix(in lab, red, red)){.module-card{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2),transparent 18%))}}.module-card{transition:all .25s}.module-card:hover{border-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.module-card:hover{border-color:color-mix(in srgb,var(--blue),#fff 12%)}}.module-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px #0003}.module-number{border-right:1px solid var(--line);color:var(--cyan);background:0 0;padding-top:28px;font-size:1.5rem}.module-body{padding:26px}.module-heading h2{letter-spacing:-.03em;font-size:1.35rem;font-weight:550}.lesson-list a{padding:12px 2px}.lesson-status{border-color:#43506a;width:30px}.lesson-status.done{background:var(--accent);color:#0b130c}.lesson-page{max-width:920px}.lesson-progress{background:var(--bg);margin:0 -18px;padding:14px 18px;top:0}@supports (color:color-mix(in lab, red, red)){.lesson-progress{background:color-mix(in srgb,var(--bg),transparent 5%)}}.lesson-progress{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 16px 16px}.lesson-head{padding:52px 0 22px}.lesson-head h1{letter-spacing:-.06em;font-size:clamp(2.8rem,6vw,5.2rem);font-weight:500;line-height:1.04}.lesson-page section:not(.mini-quiz){padding:10px 0}.reading>p{font-size:1.08rem;line-height:2}.real-example,.callout,.mini-quiz,.check-list label{background:var(--panel);border:1px solid var(--line);border-radius:20px}.real-example{border-left:1px solid var(--line);padding:22px}.callout{padding:20px}.mini-quiz{padding:28px}.choice-list button{border-radius:14px;padding:13px}.dictionary-tools{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.dictionary-tools{background:color-mix(in srgb,var(--bg),transparent 8%)}}.dictionary-tools{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 0}.search-box{background:var(--panel);border-radius:18px;padding:13px 16px}.filter-row button,.scenario-tabs button{border-radius:99px;padding:8px 13px}.dictionary-grid{grid-template-columns:repeat(3,1fr);gap:14px}.word-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border-radius:24px;padding:22px}@supports (color:color-mix(in lab, red, red)){.word-card{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2),transparent 24%))}}.word-card h2{font-size:1.45rem}.speech-buttons button{border-radius:99px;padding:8px 11px}.simulator{border-radius:28px}.sim-top{padding:14px 20px}.sim-story,.repo-state{padding:28px}.sim-actions button{border-radius:13px;padding:12px}.repo-state dl div{border-radius:14px;padding:12px}.question-card{background:var(--panel);border-radius:24px;grid-template-columns:58px 1fr;padding:26px}.question-card h2{font-size:1.18rem}.result-banner,.progress-hero,.backup-card{background:var(--panel);border-radius:25px;padding:25px}.big-percent b{font-size:4rem;font-weight:500}.settings-section{padding:28px 0}.settings-control{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:22px}.segmented,.toggle,.settings-control select{border-radius:14px}.stat-grid article{background:var(--panel);border-radius:22px;padding:20px}@media (width<=1050px){.dashboard-hero{min-height:620px}.hero-progress-dial{width:150px;bottom:13%;right:5%}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-grid{grid-template-columns:1fr}.dictionary-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.workspace-bar{display:none}.mobile-head{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#090e19dd;height:66px}.mobile-wordmark{letter-spacing:.14em;font-size:.66rem}.sidebar{align-items:stretch;width:270px;padding:20px}.brand{justify-content:flex-start}.brand-copy,.brand-copy b,.brand-copy span{display:block}.brand-copy span{color:var(--muted);font-size:.64rem}.sidebar nav a{justify-content:flex-start;width:100%;height:50px;padding:0 15px}.sidebar nav a span{opacity:1;box-shadow:none;background:0 0;border:0;padding:0;position:static;transform:none}.rail-progress{display:none}.page{padding:28px 18px 60px}.dashboard-hero{border-radius:26px;min-height:650px;padding:25px 22px}.hero-copy{margin-top:60px}.hero-copy h1{font-size:clamp(3rem,13vw,4.6rem)}.hero-progress-dial{width:120px;bottom:62px;right:22px}.hero-progress-dial strong{font-size:2.5rem}.hero-meta{flex-wrap:wrap;max-width:50%;bottom:22px;left:22px}.hero-meta span{padding:6px 8px;font-size:.48rem}.metric-strip{margin-bottom:30px}.learning-queue,.explore-panel{border-radius:24px;padding:22px}.callout-grid,.sim-body,.progress-columns,.settings-section{grid-template-columns:1fr}.repo-state{border-left:0;border-top:1px solid var(--line)}}@media (width<=560px){.dashboard-hero{min-height:700px}.hero-kicker span:first-child{display:none}.hero-kicker{justify-content:flex-end}.hero-copy h1{font-size:3.2rem}.hero-copy>p:not(.eyebrow) br{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.hero-actions .primary-btn{justify-content:space-between;width:100%;font-size:.78rem}.hero-actions>span,.hero-progress-dial{display:none}.hero-meta{max-width:none;right:20px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip article{min-height:108px;padding:18px}.metric-strip b{font-size:1.55rem}.metric-strip svg{width:18px;bottom:17px;right:15px}.dictionary-grid{grid-template-columns:1fr}.module-card{grid-template-columns:50px 1fr}.module-number{font-size:.8rem}.module-body{padding:18px}.page-head h1{font-size:2.7rem}.lesson-head h1{font-size:3rem}}.mobile-only{display:none!important}@media (width<=800px){.mobile-only{display:grid!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}