/*! tailwindcss v4.2.1 | 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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.font-mono{font-family:var(--font-mono)}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;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;--dr-brand:#174a43;--dr-book-a1:#174a43;--dr-book-a2:#694b35;--dr-book-b1:#3d5969;--dr-book-b2:#5a4675;--dr-book-ink:#fffaf1;--dr-coral:#ee6c5b;--dr-cream:#f7f6f1;--dr-bg:#101715;--dr-bg-deep:#0b1210;--dr-surface:#19221f;--dr-surface-2:#24312c;--dr-accent:#9dd5c0;--dr-ivory:#f2f5f0;--dr-text-body:#c6d3cb;--dr-text-muted:#a4b7ad;--dr-line:#d7eee224;--dr-white:#fff;--dr-paper:#f7f6f1;--dr-on-white-heading:#14302c;--dr-on-white-body:#354e46;--dr-on-white-muted:#596d65;--dr-on-paper-accent:#174a43;--dr-field:#fafbf8;--dr-on-white-accent:#b13729;--dr-on-paper-small:#174a43;--dr-success:#9dd5b5;--dr-success-bright:#b5e9c8;--dr-gold:var(--dr-coral);--dr-gold-bright:var(--dr-accent);--dr-gold-alt:var(--dr-coral);--dr-gold-shadow:var(--dr-brand);--dr-orange:var(--dr-coral);--dr-orange-bright:#ff9b89;--dr-line-gold:var(--dr-accent)}@supports (color:color-mix(in lab, red, red)){:root{--dr-line-gold:color-mix(in srgb, var(--dr-accent) 32%, transparent)}}:root{--dr-line-strong:var(--dr-ivory)}@supports (color:color-mix(in lab, red, red)){:root{--dr-line-strong:color-mix(in srgb, var(--dr-ivory) 25%, transparent)}}:root{--dr-gold-tint:var(--dr-accent)}@supports (color:color-mix(in lab, red, red)){:root{--dr-gold-tint:color-mix(in srgb, var(--dr-accent) 10%, transparent)}}:root{--dr-orange-tint:var(--dr-coral)}@supports (color:color-mix(in lab, red, red)){:root{--dr-orange-tint:color-mix(in srgb, var(--dr-coral) 14%, transparent)}}:root{--dr-success-tint:var(--dr-success)}@supports (color:color-mix(in lab, red, red)){:root{--dr-success-tint:color-mix(in srgb, var(--dr-success) 13%, var(--dr-surface))}}:root{--dr-paper-line:var(--dr-on-white-heading)}@supports (color:color-mix(in lab, red, red)){:root{--dr-paper-line:color-mix(in srgb, var(--dr-on-white-heading) 18%, transparent)}}:root{--dr-metal:linear-gradient(var(--dr-coral),var(--dr-coral));--dr-shadow:0 10px 32px #0000002e;--dr-font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dr-font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--dr-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--dr-type-page:clamp(1.5rem,1.2rem + 1vw,2rem);--dr-type-section:clamp(1.125rem,1rem + .5vw,1.375rem)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dr-bg:var(--dr-cream);--dr-bg-deep:#f0f2ea;--dr-surface:#fff;--dr-surface-2:#eaf0e8;--dr-accent:var(--dr-brand);--dr-ivory:#14302c;--dr-text-body:#3c554c;--dr-text-muted:#596c63;--dr-orange-bright:#b13729;--dr-success:#24663b;--dr-success-bright:#1a5c30;--dr-line:#174a4324;--dr-shadow:0 8px 26px #14302c0f}:root{--ink:var(--dr-ivory);--muted:var(--dr-text-body);--cream:var(--dr-ivory);--coral:var(--dr-gold-bright);--line:var(--dr-ivory)}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px}body{background:var(--cream);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--dr-font-body);margin:0;overflow-x:hidden}button{font:inherit;touch-action:manipulation}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--dr-surface);border-right:1px solid var(--line);z-index:20;flex-direction:column;height:100vh;padding:30px 20px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 36px;display:flex}.brand-mark{background:var(--dr-surface-2);width:38px;height:38px;color:var(--dr-ivory);font:700 21px var(--dr-font-display);border-radius:12px;flex:none;place-items:center;display:grid}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand strong{font:700 17px var(--dr-font-display)}.brand small,.profile small{color:var(--muted);margin-top:3px;font-size:10px}.sidebar nav{gap:7px;display:grid}.nav-item{color:var(--dr-text-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;min-height:44px;padding:11px 13px;display:flex}.nav-icon{text-align:center;flex:none;width:22px;font-weight:800}.nav-label{white-space:nowrap;font-weight:600}.nav-item.active{background:var(--dr-surface-2);color:var(--dr-ivory);box-shadow:0 7px 18px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.nav-item.active{box-shadow:0 7px 18px color-mix(in srgb, var(--dr-bg-deep) 15%, transparent)}}.level-card{background:var(--dr-surface);border:1px solid var(--line);border-radius:14px;margin-top:auto;padding:15px}.level-top{justify-content:space-between;font-size:12px;display:flex}.progress{background:var(--dr-surface-2);border-radius:8px;height:6px;margin:12px 0 8px;overflow:hidden}.progress i{background:var(--coral);width:38%;height:100%;display:block}.level-card small{color:var(--muted);font-size:10px}.profile{border:0;border-top:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;align-items:center;gap:10px;margin-top:18px;padding:18px 4px 0;display:flex}.profile>span{background:var(--dr-surface-2);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.profile strong{font-size:11px}.content{width:100%;min-width:0;max-width:1500px;margin:auto;padding:42px clamp(30px,5vw,76px) 60px}header{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.eyebrow,.pill{letter-spacing:1.8px;color:var(--coral);font-size:10px;font-weight:800}.content h1{font:500 clamp(32px,4vw,52px)/1.06 var(--dr-font-display);margin:9px 0 12px}.content h1 em{color:var(--coral);font-weight:400}.content header p:last-child{color:var(--muted);margin:0;font-size:14px}.streak{background:var(--dr-surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:11px;padding:13px 18px;display:flex}.streak>span{font-size:25px}.streak strong,.streak small{display:block}.streak strong{font:700 17px var(--dr-font-display)}.streak small{color:var(--muted);margin-top:2px;font-size:9px}.dashboard-grid{grid-template-columns:minmax(440px,1.25fr) minmax(330px,.75fr);gap:24px;display:grid}.study-panel,.daily-plan{background:var(--dr-surface);border:1px solid var(--line);box-shadow:0 12px 35px var(--dr-bg-deep);border-radius:20px;padding:25px}@supports (color:color-mix(in lab, red, red)){.study-panel,.daily-plan{box-shadow:0 12px 35px color-mix(in srgb, var(--dr-bg-deep) 4%, transparent)}}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.section-heading h2{font:600 21px var(--dr-font-display);margin:7px 0 0}.pill{color:var(--dr-text-body)}.pill.coral{color:var(--coral)}.counter{color:var(--muted);font-size:11px}.flashcard{border:1px solid var(--dr-line-strong);background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface));width:100%;min-height:310px;color:var(--ink);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:34px;transition:transform .25s,background .25s;display:flex}.flashcard:hover{transform:translateY(-2px)}.flashcard.flipped{background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}.card-label{letter-spacing:1.5px;color:var(--dr-text-body);font-size:9px;font-weight:800}.flashcard strong{font:600 clamp(29px,3vw,42px) var(--dr-font-display);margin:23px 0 15px}.flashcard p{font:italic 16px var(--dr-font-display);color:var(--dr-text-body);margin:0 0 35px}.flashcard small{color:var(--dr-text-body);font-size:10px}.answer-row{grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-top:14px;display:grid}.answer-row button{cursor:pointer;border-radius:10px;padding:12px;font-size:12px;font-weight:700}.again,.hard{color:var(--dr-gold-bright);background:var(--dr-surface);border:1px solid var(--dr-line-strong)}.easy{color:var(--dr-ivory);background:var(--dr-surface-2);border:1px solid var(--ink)}.easy span{float:right}.right-column{align-content:start;gap:20px;display:grid}.plan-item{border-top:1px solid var(--dr-line-strong);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:17px 0;display:grid}.plan-item>span{background:var(--dr-surface);width:34px;height:34px;color:var(--dr-text-body);border-radius:10px;place-items:center;font-size:10px;font-weight:800;display:grid}.plan-item.done>span{background:var(--dr-surface-2);color:var(--dr-text-body)}.plan-item strong,.plan-item small{display:block}.plan-item small{color:var(--muted);margin-top:4px;font-size:10px}.plan-item b{color:var(--coral);font-size:9px}.plan-item.done b{color:var(--dr-text-body)}.grammar-tip{background:var(--dr-surface-2);color:var(--dr-ivory);border-radius:20px;padding:25px;position:relative;overflow:hidden}.grammar-tip:after{content:"der";font:700 100px var(--dr-font-display);color:var(--dr-ivory);position:absolute;bottom:-35px;right:-8px}@supports (color:color-mix(in lab, red, red)){.grammar-tip:after{color:color-mix(in srgb, var(--dr-ivory) 4%, transparent)}}.grammar-tip>span{letter-spacing:1.6px;color:var(--dr-text-body);font-size:9px;font-weight:800}.grammar-tip h3{font:600 23px var(--dr-font-display);margin:11px 0}.grammar-tip p{color:var(--dr-ivory);font:14px/1.6 var(--dr-font-display)}.grammar-tip button{color:var(--dr-gold-bright);cursor:pointer;z-index:1;background:0 0;border:0;padding:8px 0 0;font-size:11px;font-weight:700;position:relative}@media (max-width:900px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding:24px 12px}.brand{justify-content:center;padding:0 0 28px}.brand div,.level-card,.profile div{display:none}.sidebar nav{gap:8px}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:8px 5px}.nav-icon{font-size:15px}.nav-label{font-size:10px}.profile{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.content{padding:30px 24px}}@media (max-width:700px){.app-shell{display:block}.sidebar{z-index:60;width:100%;height:calc(116px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:0 -8px 28px var(--dr-bg-deep);display:block;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){.sidebar{box-shadow:0 -8px 28px color-mix(in srgb, var(--dr-bg-deep) 10%, transparent)}}.sidebar{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb, var(--dr-surface) 97%, transparent)}}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.level-card,.profile{display:none}.sidebar nav{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:104px;padding:0;display:grid;overflow:visible}.nav-item,.nav-item.active{border-radius:11px;flex-direction:column;justify-content:center;gap:3px;width:100%;min-width:0;min-height:50px;padding:5px 2px;display:flex}.nav-icon{width:auto;font-size:13px;line-height:1}.nav-label{white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:clamp(7px,2.25vw,9px);line-height:1.05}.content{padding:calc(22px + env(safe-area-inset-top)) 16px calc(148px + env(safe-area-inset-bottom))}header{display:block}.streak{display:none}.dashboard-grid{display:block}.right-column{margin-top:18px}.study-panel,.daily-plan{padding:18px}.flashcard{min-height:280px;padding:24px}.answer-row{grid-template-columns:1fr 1fr}.easy{grid-column:1/-1}}@media (min-width:701px) and (max-width:900px){.app-shell{display:block}.sidebar{z-index:60;width:100%;height:calc(116px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:0 -8px 28px var(--dr-bg-deep);display:block;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){.sidebar{box-shadow:0 -8px 28px color-mix(in srgb, var(--dr-bg-deep) 10%, transparent)}}.sidebar{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb, var(--dr-surface) 97%, transparent)}}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.level-card,.profile{display:none}.sidebar nav{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:104px;padding:0;display:grid}.nav-item,.nav-item.active{border-radius:11px;flex-direction:column;justify-content:center;gap:3px;width:100%;min-width:0;min-height:50px;padding:5px 3px;display:flex}.nav-icon{width:auto;font-size:13px;line-height:1}.nav-label{white-space:normal;text-align:center;max-width:100%;font-size:9px;line-height:1.05}.content{padding:30px 24px calc(148px + env(safe-area-inset-bottom))}}@media (min-width:701px) and (max-width:1100px){.level-hero,.start-hero{padding-left:28px!important;padding-right:28px!important}}@media (display-mode:standalone){body{overscroll-behavior-y:none}.sidebar{padding-top:max(24px,env(safe-area-inset-top))}}.nav-item span:empty:before{content:"✦"}@media (min-width:901px){.sidebar{overflow-y:auto}}@media (max-width:900px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-label{font-size:clamp(6px,1.95vw,9px)}}.main-content{min-width:0}.skip-link{background:var(--dr-surface-2);color:var(--dr-ivory);z-index:200;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.plan-button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0}.exam-content{max-width:1480px}.exam-header{align-items:center;margin-bottom:27px}.exam-score{background:var(--dr-surface-2);color:var(--dr-ivory);border-radius:18px;min-width:165px;padding:18px 23px}.exam-score small,.exam-score strong,.exam-score span{display:block}.exam-score small{color:var(--dr-text-body);letter-spacing:1.3px;font-size:8px}.exam-score strong{font:600 31px var(--dr-font-display);margin:7px 0}.exam-score span{color:var(--dr-ivory);font-size:9px}.exam-tabs{background:var(--dr-surface-2);border-radius:13px;gap:6px;width:max-content;margin-bottom:24px;padding:5px;display:flex}.exam-level-tabs{background:var(--dr-surface);margin-bottom:14px}.exam-level-tabs button.selected{color:var(--coral)}.exam-tabs button{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 16px;font-size:11px;font-weight:700}.exam-tabs button.selected{background:var(--dr-surface);color:var(--ink)}.exam-overview{grid-template-columns:1.45fr .65fr;gap:22px;display:grid}.exam-path,.mail-list,.writer,.speaking-task,.phrase-bank{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:25px}.exam-path>button{text-align:left;border:0;border-top:1px solid var(--dr-line-strong);width:100%;color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:21px 4px;display:grid}.path-icon{background:var(--dr-surface-2);width:42px;height:42px;color:var(--dr-text-body);border-radius:12px;place-items:center;font-size:10px;font-weight:800;display:grid}.coral-bg{background:var(--dr-surface-2);color:var(--dr-gold-bright)}.sand{background:var(--dr-surface-2);color:var(--dr-text-body)}.exam-path button small{letter-spacing:1.4px;color:var(--coral);font-size:8px;font-weight:800}.exam-path button h3{font:600 18px var(--dr-font-display);margin:5px 0}.exam-path button p{color:var(--muted);margin:0;font-size:11px}.exam-path button b{color:var(--dr-text-body);font-size:9px}.exam-overview>aside{gap:18px;display:grid}.phrase-card{background:var(--coral);color:var(--dr-ivory);border-radius:20px;min-height:230px;padding:25px}.phrase-card>span{letter-spacing:1.5px;color:var(--dr-ivory);font-size:8px;font-weight:800}.phrase-card h3{font:500 27px/1.15 var(--dr-font-display);margin:26px 0 15px}.phrase-card p{font:italic 13px var(--dr-font-display)}.phrase-card small{color:var(--dr-ivory);font-size:9px}.check-card{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:23px}.check-card h3{font:600 18px var(--dr-font-display);margin:10px 0}.check-card p{color:var(--muted);font-size:11px;line-height:1.6}.mail-workspace{grid-template-columns:270px 1fr;gap:20px;display:grid}.mail-list h2,.phrase-bank h2{font:600 20px var(--dr-font-display);margin:8px 0 19px}.mail-list>button{text-align:left;border:0;border-top:1px solid var(--dr-line-strong);width:100%;color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:32px 1fr;gap:10px;padding:15px 5px;display:grid}.mail-list>button.active{background:var(--dr-surface);border-radius:10px;padding:15px 10px}.mail-list button>span{color:var(--coral);font-size:9px;font-weight:800}.mail-list strong,.mail-list small{display:block}.mail-list small{color:var(--muted);margin-top:4px;font-size:9px}.task-box{background:var(--dr-surface);border-radius:15px;padding:20px}.task-box h2{font:600 22px var(--dr-font-display);margin:8px 0}.task-box p{color:var(--dr-text-body);font-size:12px}.task-box ul{grid-template-columns:1fr 1fr;gap:8px 25px;padding-left:18px;display:grid}.task-box li{font-size:10px}.editor-head{justify-content:space-between;margin:22px 2px 10px;display:flex}.editor-head strong,.editor-head small{display:block}.editor-head strong{font:600 16px var(--dr-font-display)}.editor-head small{color:var(--muted);font-size:9px}.editor-head>span{color:var(--muted);font-size:10px}.editor-head>span.word-ok{color:var(--dr-text-body);font-weight:700}.writer textarea{resize:vertical;border:1px solid var(--dr-line-strong);width:100%;min-height:230px;font:14px/1.7 var(--dr-font-display);color:var(--ink);border-radius:13px;outline:none;padding:18px}.writer-actions{justify-content:space-between;margin-top:12px;display:flex}.primary,.outline{cursor:pointer;border-radius:10px;padding:11px 17px;font-size:10px;font-weight:800}.primary{border:1px solid var(--ink);background:var(--dr-surface-2);color:var(--dr-ivory)}.outline{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink)}.sample-mail{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:14px;margin-top:18px;padding:20px}.sample-mail pre{white-space:pre-wrap;font:13px/1.65 var(--dr-font-display);color:var(--dr-ivory)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.theme-grid article{background:var(--dr-surface);border:1px solid var(--line);border-radius:18px;padding:22px}.theme-grid article>span{color:var(--coral);font-size:10px;font-weight:800}.theme-grid h3{font:600 20px var(--dr-font-display);margin:18px 0 8px}.theme-grid p{color:var(--muted);font-size:11px;line-height:1.5}.theme-grid small{color:var(--dr-text-body);font-size:9px;display:block}.theme-grid button{color:var(--coral);cursor:pointer;background:0 0;border:0;padding:22px 0 0;font-size:10px;font-weight:800}.speaking-grid{grid-template-columns:1.3fr .7fr;gap:20px;display:grid}.speaking-task h2{font:600 27px var(--dr-font-display);margin:12px 0}.speaking-task>p{color:var(--muted);font-size:12px}.prompt-points{grid-template-columns:1fr 1fr;gap:10px;margin:21px 0;display:grid}.prompt-points div{background:var(--dr-surface);border-radius:11px;padding:13px;font-size:11px}.prompt-points span{background:var(--dr-surface);width:22px;height:22px;color:var(--coral);border-radius:7px;place-items:center;margin-right:8px;font-size:9px;font-weight:800;display:inline-grid}.roleplay{border-left:3px solid var(--coral);background:var(--dr-surface);margin:18px 0;padding:14px 17px}.roleplay small{letter-spacing:1.3px;color:var(--coral);font-size:8px;font-weight:800}.roleplay p{font:italic 15px/1.6 var(--dr-font-display)}.phrase-bank>div{border-top:1px solid var(--dr-line-strong);padding:15px 0}.phrase-bank div small{color:var(--coral);letter-spacing:1.2px;font-size:8px;font-weight:800}.phrase-bank div p{font:italic 13px var(--dr-font-display);margin:9px 0 0}@media (max-width:900px){.exam-overview,.speaking-grid,.mail-workspace{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.exam-score{margin-top:18px}.exam-tabs{width:100%;overflow-x:auto}.exam-tabs button{white-space:nowrap}.exam-path>button{grid-template-columns:42px 1fr}.exam-path>button>b{display:none}.task-box ul,.prompt-points,.theme-grid{grid-template-columns:1fr}.writer{padding:16px}}.writing-rubric,.speaking-rubric{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.writing-rubric span,.speaking-rubric span{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);border-radius:20px;padding:7px 10px;font-size:8px}.writing-rubric span.done{background:var(--dr-surface-2);color:var(--dr-text-body);border-color:var(--dr-line-strong)}.reading-grid{grid-template-columns:1.3fr .7fr;gap:20px;display:grid}.reading-card,.language-bank,.mock-panel{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:25px}.reading-card h2,.language-bank h2,.mock-intro h2{font:600 25px var(--dr-font-display);margin:12px 0}.reading-text{font:16px/1.75 var(--dr-font-display);background:var(--dr-surface);color:var(--dr-ivory);border-radius:14px;padding:22px}.reading-card h3{font:600 16px var(--dr-font-display);margin:22px 0 12px}.reading-card>button:not(.primary){text-align:left;border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin:7px 0;padding:12px;display:flex}.reading-card>button.chosen{border-color:var(--dr-line-strong);background:var(--dr-surface)}.reading-card>button span{background:var(--dr-surface);width:24px;height:24px;color:var(--coral);border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.reading-card>b{margin:12px 0;font-size:11px;display:block}.next-reading{margin-top:10px}.language-bank>div{border-top:1px solid var(--line);padding:15px 0}.language-bank small{letter-spacing:1.2px;color:var(--coral);font-size:8px;font-weight:800}.language-bank p{font:italic 14px var(--dr-font-display);margin:7px 0}.mock-panel{grid-template-columns:.7fr 1.3fr;gap:24px;display:grid}.mock-intro{background:var(--dr-surface-2);color:var(--dr-ivory);border-radius:16px;padding:25px}.mock-intro p{color:var(--dr-ivory);font-size:11px;line-height:1.7}.mock-intro .primary{background:var(--coral);border-color:var(--coral);margin-top:18px}.mock-sections article{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.mock-sections article>span{background:var(--dr-surface);width:34px;height:34px;color:var(--coral);border-radius:10px;place-items:center;font-size:9px;font-weight:800;display:grid}.mock-sections h3{font:600 15px var(--dr-font-display);margin:0}.mock-sections p{color:var(--muted);margin:4px 0;font-size:9px}.mock-sections small{color:var(--dr-text-body);font-size:8px}.mock-sections button{color:var(--coral);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:800}.pass-note{background:var(--dr-surface);border-radius:12px;grid-column:1/-1;padding:14px 18px}.pass-note strong{font-size:11px}.pass-note p{color:var(--muted);margin:5px 0;font-size:9px}@media (max-width:900px){.reading-grid,.mock-panel{grid-template-columns:1fr}.mail-list{max-height:380px;overflow:auto}}.source-library{gap:22px;display:grid}.source-library>header{border:1px solid var(--line);background:var(--dr-surface);border-radius:24px;padding:30px}.source-library>header h2{margin:10px 0;font-size:clamp(28px,4vw,46px)}.source-library>header p{max-width:760px;font-size:18px}.source-library>nav{background:var(--dr-surface);border-radius:18px;gap:10px;padding:8px;display:flex}.source-library>nav button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:14px 24px;font-weight:800}.source-library>nav button.active{background:var(--dr-surface);box-shadow:0 8px 24px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.source-library>nav button.active{box-shadow:0 8px 24px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.source-task-layout{grid-template-columns:minmax(280px,390px) 1fr;gap:22px;min-height:650px;display:grid}.source-task-layout>aside{background:var(--dr-surface);border:1px solid var(--line);border-radius:22px;max-height:760px;padding:14px;overflow:auto}.source-search{background:var(--dr-surface);z-index:2;padding:16px 8px;position:sticky;top:-14px}.source-search strong{font-size:20px}.source-search input{border:1px solid var(--line);border-radius:12px;width:100%;margin-top:12px;padding:12px;font-size:16px}.source-task-layout>aside>button{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;gap:12px;width:100%;padding:15px 10px;display:flex}.source-task-layout>aside>button.active{background:var(--dr-surface);border-radius:12px}.source-task-layout>aside>button>span{color:var(--coral);font-weight:900}.source-task-layout>aside b{font-size:15px;display:block}.source-task-layout>aside small{color:var(--dr-text-body);margin-top:5px;display:block}.source-task{background:var(--dr-surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px)}.source-task h2{margin:15px 0;font-size:clamp(30px,4vw,50px)}.source-task>p{font-size:20px;line-height:1.6}.source-task h3{margin-top:28px;font-size:19px}.source-task li{margin:10px 0;font-size:17px}.task-twist{background:var(--dr-surface);border-left:5px solid var(--coral);border-radius:10px;gap:5px;padding:18px;display:grid}.mini-pattern{border-top:1px solid var(--line);gap:5px;padding:14px 0;display:grid}.mini-pattern b{text-transform:uppercase;color:var(--coral);font-size:13px}.mini-pattern span{font-family:var(--dr-font-display);font-size:20px;font-style:italic}.pattern-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pattern-library article{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:24px}.pattern-library article>span{text-transform:uppercase;letter-spacing:.12em;color:var(--coral);font-size:12px;font-weight:900}.pattern-library h3{margin:8px 0 16px;font-size:25px}.pattern-library button{text-align:left;border:0;border-top:1px solid var(--line);width:100%;font-family:var(--dr-font-display);cursor:pointer;background:0 0;justify-content:space-between;gap:12px;padding:13px 0;font-size:17px;display:flex}.pattern-library button small{color:var(--dr-text-body);font-family:system-ui;font-size:11px}@media (max-width:850px){.source-task-layout,.pattern-library{grid-template-columns:1fr}.source-task-layout>aside{max-height:420px}}.source-library>nav{white-space:nowrap;overflow-x:auto}.source-library>nav button{flex:none}.lab-page{max-width:1450px}.lab-header{margin-bottom:28px}.filterbar{background:var(--dr-surface-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;padding:6px;display:flex}.filterbar input{background:var(--dr-surface);min-width:260px;color:var(--ink);border:0;border-radius:10px;outline:none;flex:1;padding:12px 15px}.filterbar button,.tense-tabs button{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:700}.filterbar button.selected,.tense-tabs button.selected{background:var(--dr-surface);color:var(--ink);box-shadow:0 3px 10px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.filterbar button.selected,.tense-tabs button.selected{box-shadow:0 3px 10px color-mix(in srgb, var(--dr-bg-deep) 7%, transparent)}}.lab-grid{grid-template-columns:minmax(330px,.85fr) minmax(390px,1.15fr);gap:20px;display:grid}.word-list,.detail-card,.topic-list,.lesson-card,.verb-main,.verb-note{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:24px}.list-head{justify-content:space-between;padding-bottom:15px;display:flex}.list-head b{font:600 18px var(--dr-font-display)}.list-head small{color:var(--muted);font-size:9px}.word-list>button{text-align:left;border:0;border-top:1px solid var(--dr-line-strong);width:100%;color:var(--ink);cursor:pointer;background:0 0;grid-template-columns:70px 1fr;padding:15px 8px;display:grid}.word-list>button.active{background:var(--dr-surface);border-radius:11px;padding:15px}.word-list button>span{color:var(--coral);text-transform:uppercase;font-size:8px;font-weight:800}.word-list strong,.word-list small{display:block}.word-list strong{font:600 15px var(--dr-font-display)}.word-list small{color:var(--muted);margin-top:4px;font-size:9px}.detail-card{flex-direction:column;justify-content:center;min-height:430px;display:flex}.detail-card h2,.lesson-card h2,.verb-main h2{font:600 clamp(32px,4vw,48px) var(--dr-font-display);margin:18px 0 6px}.detail-card h3,.lesson-card h3,.verb-main h3{font:400 17px var(--dr-font-display);color:var(--coral);margin:0 0 25px}.example-box,.rule-box{background:var(--dr-surface);border-radius:13px;margin:10px 0;padding:17px}.example-box small,.rule-box small,.exercise>small,.big-form small{color:var(--dr-text-body);letter-spacing:1.2px;font-size:8px;font-weight:800}.example-box p,.rule-box p{font:italic 15px/1.5 var(--dr-font-display);margin:9px 0 0}.mini-actions{justify-content:space-between;margin-top:22px;display:flex}.mini-actions>button:first-child{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;font-size:10px}.grammar-layout{grid-template-columns:290px 1fr}.topic-list{padding:12px}.topic-list button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:36px 1fr;gap:10px;padding:14px;display:grid}.topic-list button.active{background:var(--dr-surface-2);color:var(--dr-ivory)}.topic-list button>span{color:var(--coral);font-size:9px;font-weight:800}.topic-list strong,.topic-list small{display:block}.topic-list small{color:var(--muted);margin-top:3px;font-size:9px}.topic-list button.active small{color:var(--dr-text-body)}.lesson-card{max-width:760px}.exercise{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.exercise>p{font:600 18px var(--dr-font-display)}.exercise>div{gap:8px;display:flex}.exercise input{border:1px solid var(--dr-line-strong);border-radius:10px;flex:1;padding:11px}.exercise>b{margin-top:12px;font-size:11px;display:block}.correct{color:var(--dr-text-body)}.wrong{color:var(--dr-gold-bright)}.verb-grid{grid-template-columns:1.15fr .65fr;gap:20px;display:grid}.tense-tabs{background:var(--dr-surface);border-radius:12px;gap:5px;margin:22px 0;padding:5px;display:flex}.conjugation{grid-template-columns:1fr 1fr;gap:7px;display:grid}.conjugation div{background:var(--dr-surface);border-radius:10px;justify-content:space-between;padding:13px;display:flex}.conjugation span{color:var(--muted);font-size:10px}.conjugation strong{font:600 14px var(--dr-font-display)}.big-form{text-align:center;background:var(--dr-surface);border-radius:14px;place-content:center;min-height:210px;display:grid}.big-form strong{font:600 29px var(--dr-font-display);margin-top:12px;display:block}.verb-note{background:var(--dr-surface-2);color:var(--dr-ivory);flex-direction:column;justify-content:center;display:flex}.verb-note h3{font:500 26px/1.3 var(--dr-font-display);margin:20px 0}.verb-note p{color:var(--dr-ivory);font-size:11px;line-height:1.7}.verb-note .primary{background:var(--coral);border-color:var(--coral);margin-top:18px}@media (max-width:900px){.lab-grid,.grammar-layout,.verb-grid{grid-template-columns:1fr}.topic-list{grid-template-columns:1fr 1fr;display:grid}.detail-card{min-height:auto}}@media (max-width:620px){.filterbar input{min-width:100%}.topic-list,.conjugation{grid-template-columns:1fr}.mini-actions{flex-direction:column;gap:8px}.exercise>div{flex-direction:column}}.vocab-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.vocab-stats div{background:var(--dr-surface);border:1px solid var(--line);border-radius:13px;padding:14px 17px}.vocab-stats strong,.vocab-stats span{display:block}.vocab-stats strong{font:600 22px var(--dr-font-display);color:var(--ink)}.vocab-stats span{color:var(--muted);margin-top:3px;font-size:9px}.filterbar select{background:var(--dr-surface);color:var(--ink);border:0;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:700}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;display:flex}.pagination button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:700}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination span{color:var(--muted);font-size:9px}.empty-state{text-align:center;color:var(--muted);padding:40px 10px;font-size:11px}.dictionary-source{border-top:1px solid var(--line);margin-top:10px;padding-top:18px}.dictionary-source b{letter-spacing:1px;color:var(--dr-text-body);text-transform:uppercase;font-size:9px}.dictionary-source p{color:var(--muted);font-size:10px;line-height:1.6}@media (max-width:620px){.vocab-stats{grid-template-columns:1fr 1fr}.filterbar select{width:100%}}.level-switch{background:var(--dr-surface-2);border-radius:13px;gap:7px;width:max-content;margin-bottom:18px;padding:6px;display:flex}.level-switch button,.pattern-filters button{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 16px;font-size:10px;font-weight:800}.level-switch button.selected,.pattern-filters button.selected{background:var(--dr-surface);color:var(--ink);box-shadow:0 4px 12px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.level-switch button.selected,.pattern-filters button.selected{box-shadow:0 4px 12px color-mix(in srgb, var(--dr-bg-deep) 8%, transparent)}}.study-overlay{z-index:50;background:var(--dr-bg-deep);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.study-overlay{background:color-mix(in srgb, var(--dr-bg-deep) 60%, transparent)}}.study-overlay{place-items:center;padding:20px;display:grid}.study-modal{background:var(--dr-surface);width:min(540px,100%);box-shadow:0 25px 80px var(--dr-bg-deep);border-radius:22px;padding:25px;position:relative}@supports (color:color-mix(in lab, red, red)){.study-modal{box-shadow:0 25px 80px color-mix(in srgb, var(--dr-bg-deep) 33%, transparent)}}.close-study{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:13px;right:16px}.study-card{border:1px solid var(--dr-line-strong);background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface));width:100%;min-height:300px;color:var(--ink);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:30px;display:flex}.study-card.revealed{background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}.study-card small{letter-spacing:1.4px;color:var(--coral);font-size:9px;font-weight:800}.study-card strong{font:600 38px var(--dr-font-display);margin:22px 0}.study-card span{color:var(--muted);font-size:9px}.study-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.study-actions button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:12px;font-size:10px;font-weight:800}.study-actions button:last-child{background:var(--dr-surface-2);color:var(--dr-ivory);border-color:var(--ink)}.pattern-section{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;margin-top:22px;padding:25px}.pattern-filters{background:var(--dr-surface);border-radius:12px;flex-wrap:wrap;gap:5px;margin-bottom:18px;padding:5px;display:flex}.pattern-filters button{padding:8px 11px;font-size:9px}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pattern-grid article{background:var(--dr-surface);border-radius:12px;padding:15px}.pattern-grid article>span{letter-spacing:1px;color:var(--coral);font-size:7px;font-weight:800}.pattern-grid h3{font:italic 14px/1.4 var(--dr-font-display);margin:10px 0}.pattern-grid p{color:var(--muted);margin:0;font-size:9px}.grammar-examples{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.grammar-examples p{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;line-height:1.45;display:flex;margin:0!important;font-size:12px!important}.grammar-examples b{color:var(--coral);font:800 8px/1.8 var(--dr-font-body);letter-spacing:1px}@media (max-width:900px){.pattern-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.level-switch{width:100%}.level-switch button{flex:1;padding:10px 5px}.pattern-grid,.grammar-examples{grid-template-columns:1fr}.study-card strong{font-size:29px}}body{font-size:16px;line-height:1.55}.eyebrow,.pill{letter-spacing:1.5px;color:var(--dr-gold-bright);font-size:12px;line-height:1.4}.section-heading h2{font-size:25px}.counter{font-size:13px}.nav-item{font-size:15px}.content header p:last-child{font-size:16px}.plan-item strong{font-size:14px}.plan-item small{font-size:12px}.plan-item b,.card-label,.flashcard small,.grammar-tip>span{font-size:11px}.grammar-tip button,.exam-tabs button{font-size:13px}.exam-path button small,.phrase-card>span,.roleplay small,.phrase-bank div small,.language-bank small{font-size:11px}.exam-path button p,.check-card p,.task-box p,.speaking-task>p{font-size:14px}.exam-path button b,.theme-grid button{font-size:12px}.mail-list strong{font-size:14px}.mail-list small,.task-box li,.editor-head small,.editor-head>span,.primary,.outline{font-size:12px}.sample-mail pre{font-size:16px;line-height:1.75}.theme-grid p{font-size:14px}.theme-grid small{font-size:12px}.prompt-points div{font-size:14px}.roleplay p{font-size:18px}.phrase-bank div p{font-size:16px;line-height:1.5}.writing-rubric span,.speaking-rubric span{font-size:11px}.reading-text{font-size:18px;line-height:1.85}.reading-card h3{font-size:19px}.reading-card>button:not(.primary){font-size:14px}.language-bank p{font-size:17px}.mock-intro p,.pass-note strong{font-size:13px}.mock-sections p,.mock-sections small,.mock-sections button,.pass-note p{font-size:11px}.level-switch button,.pattern-filters button{font-size:12px}.topic-list strong{font-size:14px}.topic-list small{font-size:12px}.lesson-card>h3,.detail-card>h3,.verb-main>h3{font-size:20px}.rule-box small,.example-box small,.exercise>small,.pattern-grid article>span{font-size:10px}.rule-box p,.example-box>p,.exercise>p{font-size:16px}.grammar-examples p{font-size:15px!important}.pattern-grid h3{font-size:18px}.pattern-grid p{font-size:13px;line-height:1.55}@media (max-width:620px){.eyebrow,.pill{font-size:11px}.content h1{font-size:34px}.reading-text{font-size:17px}.sample-mail pre{font-size:15px}}.smart-levels{grid-template-columns:repeat(3,1fr);gap:12px;margin:-8px 0 22px;display:grid}.smart-levels button{border:1px solid var(--line);background:var(--dr-surface);text-align:left;color:var(--ink);cursor:pointer;border-radius:16px;padding:16px 18px;transition:all .2s}.smart-levels button:hover{transform:translateY(-2px)}.smart-levels button.active{background:var(--dr-surface-2);color:var(--dr-ivory);border-color:var(--ink);box-shadow:0 10px 25px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.smart-levels button.active{box-shadow:0 10px 25px color-mix(in srgb, var(--dr-bg-deep) 15%, transparent)}}.smart-levels strong,.smart-levels span,.smart-levels small{display:block}.smart-levels strong{font:700 24px var(--dr-font-display)}.smart-levels span{margin:5px 0;font-size:13px;font-weight:800}.smart-levels small{color:var(--dr-text-body);font-size:12px}.smart-levels button.active small{color:var(--dr-ivory)}.deck-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:-4px 0 14px;display:grid}.deck-stats span{background:var(--dr-surface);color:var(--dr-text-body);text-align:center;border-radius:9px;padding:9px;font-size:11px}.deck-stats b{color:var(--ink);font-size:15px;display:block}.level-progress{background:var(--dr-surface);border-radius:12px;margin-bottom:8px;padding:13px;position:relative;overflow:hidden}.level-progress>div{background:var(--coral);border-radius:8px;min-width:2px;height:7px;margin-bottom:8px}.level-progress span{font-size:12px;font-weight:700}@media (max-width:620px){.smart-levels{grid-template-columns:1fr}.smart-levels button{padding:12px 15px}.deck-stats{grid-template-columns:1fr 1fr}}.presentation-lab{grid-template-columns:290px 1fr;gap:20px;display:grid}.presentation-themes,.presentation-work{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:24px}.presentation-themes{max-height:920px;overflow:auto}.presentation-themes h2,.presentation-work h2{font:600 25px var(--dr-font-display);margin:10px 0 18px}.presentation-themes button{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;gap:10px;padding:13px 8px;display:flex}.presentation-themes button.active{background:var(--dr-surface);border-radius:9px}.presentation-themes button span{color:var(--coral);font-size:11px;font-weight:800}.presentation-themes button strong{font-size:13px}.presentation-intro{color:var(--muted);font-size:15px}.presentation-steps{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.presentation-steps article{background:var(--dr-surface);border-radius:12px;gap:12px;padding:14px;display:flex}.presentation-steps article>span{color:var(--coral);font-size:11px;font-weight:800}.presentation-steps h3{font:600 16px var(--dr-font-display);margin:0 0 6px}.presentation-steps p{font:italic 14px/1.5 var(--dr-font-display);color:var(--dr-text-body);margin:0}.presentation-notes{margin:18px 0;display:block}.presentation-notes strong,.presentation-notes span{display:block}.presentation-notes textarea{border:1px solid var(--dr-line-strong);width:100%;min-height:220px;font:16px/1.7 var(--dr-font-display);border-radius:12px;margin:8px 0;padding:16px}.presentation-notes span{color:var(--muted);font-size:12px}.model-presentation{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:14px;margin-top:18px;padding:18px}.model-presentation>p{font:15px/1.65 var(--dr-font-display);gap:12px;display:flex}.model-presentation b{color:var(--coral)}.follow-questions{border-top:1px solid var(--dr-line-strong);gap:7px;padding-top:14px;display:grid}.follow-questions strong{font-size:13px}.follow-questions span{font-size:14px}@media (max-width:900px){.presentation-lab{grid-template-columns:1fr}.presentation-themes{max-height:350px}}@media (max-width:620px){.presentation-steps{grid-template-columns:1fr}}.discussion-lab{grid-template-columns:280px 1fr;gap:20px;display:grid}.discussion-list,.discussion-work{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;padding:24px}.discussion-list{max-height:850px;overflow:auto}.discussion-list h2,.discussion-work h2{font:600 25px var(--dr-font-display);margin:10px 0 18px}.discussion-list button{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;gap:10px;padding:14px 8px;display:flex}.discussion-list button.active{background:var(--dr-surface);border-radius:9px}.discussion-list button span{color:var(--coral);font-size:11px;font-weight:800}.discussion-list button strong{font-size:13px}.opinion-pair{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.opinion-pair article{background:var(--dr-surface);border-radius:14px;padding:18px}.opinion-pair article:last-child{background:var(--dr-surface)}.opinion-pair small{color:var(--coral);letter-spacing:1px;font-size:11px;font-weight:800}.opinion-pair p{font:17px/1.65 var(--dr-font-display)}.discussion-flow{grid-template-columns:1fr 1fr;gap:9px;display:grid}.discussion-flow article{border:1px solid var(--line);border-radius:11px;gap:12px;padding:12px;display:flex}.discussion-flow article>b{color:var(--coral)}.discussion-flow strong{font-size:13px}.discussion-flow p{font:italic 14px var(--dr-font-display);margin:5px 0 0}.model-dialogue{background:var(--dr-surface);border-radius:14px;margin-top:18px;padding:18px}.model-dialogue p{font:16px/1.6 var(--dr-font-display)}.model-dialogue b{color:var(--coral)}@media (max-width:900px){.discussion-lab{grid-template-columns:1fr}.discussion-list{max-height:320px}}@media (max-width:620px){.opinion-pair,.discussion-flow{grid-template-columns:1fr}}.grammar-academy{max-width:1500px;margin:0 auto;padding-bottom:80px}.grammar-roadmap{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;display:grid}.grammar-roadmap button{text-align:left;border:1px solid var(--line,var(--dr-line-strong));background:var(--dr-surface);color:var(--dr-ivory);border-radius:18px;grid-template-columns:auto 1fr;gap:2px 14px;padding:22px;display:grid;position:relative}.grammar-roadmap button b{font:700 30px var(--dr-font-display);grid-row:1/3}.grammar-roadmap button span{font-size:17px;font-weight:800}.grammar-roadmap button small{color:var(--dr-text-body);font-size:13px}.grammar-roadmap button i{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-style:normal;position:absolute;top:14px;right:16px}.grammar-roadmap button.active{background:var(--dr-bg-deep);color:var(--dr-ivory);box-shadow:0 14px 30px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.grammar-roadmap button.active{box-shadow:0 14px 30px color-mix(in srgb, var(--dr-bg-deep) 18%, transparent)}}.grammar-roadmap button.active small{color:var(--dr-ivory)}.grammar-shell{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:26px;display:grid}.grammar-index{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;max-height:calc(100vh - 48px);padding:12px;position:sticky;top:24px;overflow:auto}.index-title{color:var(--dr-text-body);letter-spacing:.08em;justify-content:space-between;padding:14px 12px 18px;font-size:12px;display:flex}.grammar-index>button{text-align:left;width:100%;color:var(--dr-ivory);background:0 0;border:0;border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 10px;display:grid}.grammar-index>button>span{color:var(--dr-gold-bright);font-size:12px;font-weight:800}.grammar-index>button strong{font-size:14px;display:block}.grammar-index>button small{color:var(--dr-text-body);margin-top:3px;display:block}.grammar-index>button i{text-transform:uppercase;letter-spacing:.08em;color:var(--dr-text-body);font-size:9px;font-style:normal}.grammar-index>button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.grammar-index>button.active small,.grammar-index>button.active i{color:var(--dr-ivory)}.grammar-lesson{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:26px;min-width:0;padding:38px}.lesson-hero{border-bottom:1px solid var(--dr-line-strong);justify-content:space-between;gap:24px;padding-bottom:28px;display:flex}.lesson-hero h2{font:700 clamp(38px,5vw,68px)/1.05 var(--dr-font-display);color:var(--dr-ivory);margin:18px 0 8px}.lesson-hero h3{font:400 24px var(--dr-font-display);color:var(--dr-gold-bright);margin:0}.lesson-time{background:var(--dr-surface);width:108px;height:108px;color:var(--dr-ivory);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.lesson-time b{font:700 35px var(--dr-font-display)}.lesson-time small{font-size:11px}.teach-block{border-bottom:1px solid var(--dr-line-strong);padding:32px 0}.teach-block>span{color:var(--dr-gold-bright);letter-spacing:.12em;font-size:12px;font-weight:900;display:block}.teach-block h4{font:700 27px var(--dr-font-display);color:var(--dr-ivory);margin:10px 0 16px}.teach-block>p{color:var(--dr-ivory);font-size:17px;line-height:1.75}.intro-block>p{font-size:19px}.memory-note{border-left:4px solid var(--dr-line-gold);background:var(--dr-surface);border-radius:0 14px 14px 0;margin-top:20px;padding:18px 22px}.memory-note b{color:var(--dr-gold-bright)}.memory-note p{margin:5px 0 0;font-size:16px}.formula-stack{gap:10px;display:grid}.formula-stack p{background:var(--dr-surface);font:italic 18px var(--dr-font-display);color:var(--dr-ivory);border-radius:12px;align-items:center;gap:14px;margin:0;padding:16px 18px;display:flex}.formula-stack b{background:var(--dr-bg-deep);width:28px;height:28px;color:var(--dr-ivory);font:700 12px var(--dr-font-body);border-radius:50%;place-items:center;display:grid}.grammar-table-wrap{border:1px solid var(--dr-line-strong);border-radius:15px;overflow-x:auto}.grammar-table-wrap table{border-collapse:collapse;width:100%;min-width:600px}.grammar-table-wrap th{background:var(--dr-bg-deep);color:var(--dr-ivory);text-align:left;letter-spacing:.05em;padding:15px;font-size:12px}.grammar-table-wrap td{border-top:1px solid var(--dr-line-strong);color:var(--dr-ivory);padding:15px;font-size:15px}.grammar-table-wrap tr:nth-child(2n) td{background:var(--dr-surface)}.translated-examples{gap:12px;display:grid}.translated-examples>div{background:var(--dr-surface);border-radius:13px;grid-template-columns:34px 1fr;gap:12px;padding:16px 18px;display:grid}.translated-examples>div>b{color:var(--dr-gold-bright)}.translated-examples strong,.translated-examples small{display:block}.translated-examples strong{font:italic 18px var(--dr-font-display);color:var(--dr-ivory)}.translated-examples small{color:var(--dr-text-body);margin-top:7px}.danger-block{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:16px;margin:26px -18px 0;padding:26px 18px}.danger-block p{margin:8px 0;font-size:15px}.practice-block{border-bottom:0}.question-line{font:700 24px var(--dr-font-display)!important;color:var(--dr-ivory)!important}.practice-row{grid-template-columns:1fr auto;gap:10px;display:grid}.practice-row input{border:1px solid var(--dr-line-strong);border-radius:12px;min-width:0;padding:15px 17px;font-size:16px}.lesson-nav{border-top:1px solid var(--dr-line-strong);justify-content:space-between;align-items:center;margin-top:28px;padding-top:22px;display:flex}.lesson-nav button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);border-radius:10px;padding:12px 16px;font-weight:700}.lesson-nav button:disabled{opacity:.35}.lesson-nav span{color:var(--dr-text-body);font-size:13px}@media (max-width:1050px){.grammar-shell{grid-template-columns:1fr}.grammar-index{max-height:none;display:flex;position:static;overflow-x:auto}.grammar-index .index-title{display:none}.grammar-index>button{min-width:220px}.grammar-roadmap{grid-template-columns:1fr}.grammar-lesson{padding:28px}}@media (max-width:640px){.grammar-academy{padding-left:14px!important;padding-right:14px!important}.grammar-lesson{border-radius:18px;padding:20px}.lesson-hero{align-items:flex-start}.lesson-time{width:72px;height:72px}.lesson-time b{font-size:25px}.lesson-hero h2{font-size:38px}.lesson-hero h3{font-size:20px}.practice-row{grid-template-columns:1fr}.teach-block{padding:25px 0}.grammar-roadmap button{padding:18px}.lesson-nav button{padding:10px;font-size:12px}}.learning-start,.level-hub{max-width:1480px;margin:0 auto}.start-hero{grid-template-columns:1.5fr .8fr;align-items:center;gap:45px;display:grid!important}.start-hero>div:first-child{max-width:800px}.start-hero .primary{margin-top:24px;padding:16px 22px}.start-rule{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:24px;grid-template-columns:42px 1fr;gap:12px 14px;padding:28px;display:grid}.start-rule>span{letter-spacing:.12em;color:var(--dr-gold-bright);grid-column:1/-1;font-size:12px;font-weight:900}.start-rule b{background:var(--dr-surface);width:38px;height:38px;color:var(--dr-ivory);border-radius:50%;place-items:center;display:grid}.start-rule p{margin:auto 0;font-weight:700}.level-path{grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0;display:grid}.level-path article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;padding:28px;position:relative}.level-path article>span{color:var(--dr-gold-bright);font-weight:900;position:absolute;top:18px;right:20px}.level-path h2{font:700 54px var(--dr-font-display);color:var(--dr-ivory);margin:0}.level-path h3{color:var(--dr-ivory);font-size:20px}.level-path p{min-height:70px;color:var(--dr-text-body);line-height:1.6}.level-path button{color:var(--dr-ivory);background:0 0;border:0;padding:8px 0;font-weight:900}.separate-tools{grid-template-columns:1fr 1fr;gap:16px;display:grid}.separate-tools button{text-align:left;background:var(--dr-surface);border:1px solid var(--dr-line-strong);color:var(--dr-ivory);border-radius:18px;align-items:center;gap:18px;padding:20px;display:flex}.separate-tools b{font:700 28px var(--dr-font-display)}.separate-tools strong,.separate-tools small{display:block}.separate-tools small{color:var(--dr-text-body);margin-top:4px}.level-hero{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:26px;justify-content:space-between;align-items:center;gap:30px;padding:36px 40px!important;display:flex!important}.level-hero h1{color:var(--dr-ivory)!important;margin:15px 0!important;font-size:clamp(38px,5vw,66px)!important}.level-hero p{max-width:760px;color:var(--dr-ivory)!important}.level-hero>div:last-child{background:var(--dr-surface);grid-template-columns:auto auto;gap:8px 12px;min-width:210px;display:grid}@supports (color:color-mix(in lab, red, red)){.level-hero>div:last-child{background:color-mix(in srgb, var(--dr-surface) 10%, transparent)}}.level-hero>div:last-child{border-radius:18px;padding:22px}.level-hero>div:last-child strong{font:700 30px var(--dr-font-display)}.level-hero>div:last-child span{margin:auto 0;font-size:13px}.level-a1,.level-a2,.level-b1{background:var(--dr-bg-deep)}.level-tabs{background:var(--dr-surface);border-radius:15px;gap:8px;margin:24px 0;padding:7px;display:flex;overflow-x:auto}.level-tabs button{color:var(--dr-text-body);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:13px 20px;font-weight:800}.level-tabs button.active{background:var(--dr-surface);color:var(--dr-ivory);box-shadow:0 5px 14px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.level-tabs button.active{box-shadow:0 5px 14px color-mix(in srgb, var(--dr-bg-deep) 10%, transparent)}}.level-overview{grid-template-columns:1.3fr .7fr;gap:22px;display:grid}.level-overview>section,.level-overview>aside,.level-words,.level-practice{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;padding:30px}.level-overview>section>article{border-top:1px solid var(--dr-line-strong);grid-template-columns:48px 1fr;gap:14px;padding:18px 0;display:grid}.level-overview>section>article>b{background:var(--dr-surface);width:42px;height:42px;color:var(--dr-gold-bright);border-radius:50%;place-items:center;display:grid}.level-overview h2{font:700 32px var(--dr-font-display);color:var(--dr-ivory)}.level-overview h3{color:var(--dr-ivory);margin:0}.level-overview p{color:var(--dr-text-body)}.level-overview aside .primary{margin-top:16px}.level-lessons{grid-template-columns:300px 1fr;align-items:start;gap:22px;display:grid}.level-lessons>aside{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:20px;padding:10px;position:sticky;top:20px}.level-lessons>aside button{text-align:left;width:100%;color:var(--dr-ivory);background:0 0;border:0;border-radius:11px;grid-template-columns:34px 1fr;gap:9px;padding:13px;display:grid}.level-lessons>aside button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.level-lessons>aside span{color:var(--dr-gold-bright);font-size:11px;font-weight:900}.level-lessons>aside strong,.level-lessons>aside small{display:block}.level-lessons>aside small{opacity:.7;margin-top:3px}.compact-lesson{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;min-width:0;padding:34px}.compact-lesson h2{font:700 clamp(38px,5vw,60px) var(--dr-font-display);color:var(--dr-ivory);margin:18px 0 4px}.compact-lesson h3{font:400 22px var(--dr-font-display);color:var(--dr-gold-bright);margin:0 0 26px}.simple-intro{background:var(--dr-surface);border-radius:15px;margin-bottom:20px;padding:22px}.simple-intro b{letter-spacing:.08em;color:var(--dr-gold-bright);font-size:12px}.simple-intro p{margin-bottom:0;font-size:18px;line-height:1.65}.compact-lesson .grammar-table-wrap,.compact-lesson .translated-examples,.compact-lesson .memory-note{margin-top:22px}.lesson-next{margin-top:26px}.level-word-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.level-word-grid article{border:1px solid var(--dr-line-strong);border-radius:12px;flex-direction:column;gap:5px;padding:15px;display:flex}.level-word-grid span{text-transform:uppercase;letter-spacing:.08em;color:var(--dr-gold-bright);font-size:9px;font-weight:900}.level-word-grid strong{color:var(--dr-ivory)}.level-word-grid small{color:var(--dr-text-body)}.list-note{text-align:center;color:var(--dr-text-body);margin-top:22px}.level-practice>header{text-align:center;max-width:700px;margin:0 auto 26px}.level-practice h2{font:700 36px var(--dr-font-display);color:var(--dr-ivory)}.practice-card{background:var(--dr-surface);border-radius:18px;max-width:800px;margin:auto;padding:30px}.practice-card>small{color:var(--dr-gold-bright);font-weight:900}.practice-card>p{font:700 25px var(--dr-font-display);color:var(--dr-ivory)}.practice-card>div{grid-template-columns:1fr auto;gap:10px;display:grid}.practice-card input{border:1px solid var(--dr-line-strong);border-radius:11px;padding:14px;font-size:16px}.practice-card>b{margin-top:14px;display:block}.practice-nav{justify-content:space-between;max-width:800px;margin:20px auto;display:flex}.practice-nav button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:9px;padding:10px 14px}.practice-nav button:disabled{opacity:.35}@media (max-width:1050px){.start-hero,.level-overview,.level-lessons{grid-template-columns:1fr}.level-lessons>aside{display:flex;position:static;overflow-x:auto}.level-lessons>aside button{min-width:220px}.level-word-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.level-path,.separate-tools{grid-template-columns:1fr}.level-hero{flex-direction:column;align-items:flex-start}.level-hero>div:last-child{width:100%}.level-word-grid{grid-template-columns:1fr}.compact-lesson,.level-words,.level-practice{padding:20px}.practice-card>div{grid-template-columns:1fr}.level-tabs button{padding:11px 14px}}.sentence-center>header{padding:30px 0}.sentence-center>header h1{margin:10px 0;font-size:clamp(42px,6vw,72px)}.sentence-center>header p:last-child{font-size:19px}.sentence-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.sentence-levels button{text-align:left;border:1px solid var(--line);background:var(--dr-surface);cursor:pointer;border-radius:16px;gap:5px;padding:18px;display:grid}.sentence-levels button.active{background:var(--dr-surface-2);color:var(--dr-ivory)}.sentence-levels b{font-size:24px}.sentence-levels span{font-size:13px}.sentence-lab{gap:20px;display:grid}.sentence-lab>header{background:var(--dr-surface);border:1px solid var(--line);border-radius:22px;padding:28px}.sentence-lab>header h2{margin:10px 0;font-size:clamp(28px,4vw,44px)}.sentence-lab>nav{flex-wrap:wrap;gap:8px;display:flex}.sentence-lab>nav button{border:1px solid var(--line);background:var(--dr-surface);cursor:pointer;border-radius:999px;padding:10px 15px;font-weight:700}.sentence-lab>nav button.active{background:var(--dr-surface);border-color:var(--dr-line-strong)}.sentence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sentence-grid>button{text-align:left;border:1px solid var(--line);background:var(--dr-surface);cursor:pointer;border-radius:18px;min-height:170px;padding:22px}.sentence-grid>button.open{background:var(--dr-surface);border-color:var(--dr-line-strong)}.sentence-grid span{text-transform:uppercase;letter-spacing:.08em;color:var(--coral);font-size:11px;font-weight:900}.sentence-grid strong{font-family:var(--dr-font-display);margin:14px 0;font-size:22px;line-height:1.35;display:block}.sentence-grid p{color:var(--dr-text-body)}@media (max-width:760px){.sentence-levels,.sentence-grid{grid-template-columns:1fr}}.guide-page{max-width:1480px;margin:auto}.guide-hero{grid-template-columns:1.4fr .7fr;align-items:center;gap:28px;display:grid!important}.guide-hero h1{font-size:clamp(44px,6vw,78px)!important}.guide-hero aside{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:24px;padding:28px}.guide-hero aside>b{font:700 28px var(--dr-font-display)}.guide-hero ol{padding-left:20px;line-height:2}.guide-hero li strong{color:var(--dr-gold-bright);margin-right:8px}.method-section,.study-rules,.b1-route,.rescue-section,.weekly-plan{margin-top:48px}.method-section>h2,.study-rules h2,.b1-route>h2,.rescue-section>h2,.weekly-plan>h2{font:700 clamp(34px,4vw,52px) var(--dr-font-display);color:var(--dr-ivory)}.method-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.method-grid article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:18px;padding:24px}.method-grid article>b{color:var(--dr-gold-bright)}.method-grid h3{color:var(--dr-ivory);font-size:20px}.method-grid p{color:var(--dr-text-body);line-height:1.65}.study-rules{background:var(--dr-surface);border-radius:24px;grid-template-columns:.65fr 1.35fr;gap:30px;padding:32px;display:grid}.study-rules ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.study-rules li{background:var(--dr-surface);border-radius:13px;grid-template-columns:210px 1fr;gap:15px;padding:16px;display:grid}.study-rules li span{color:var(--dr-text-body)}.b1-route>div{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.b1-route article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:20px;flex-direction:column;padding:24px;display:flex}.b1-route article header{gap:15px;padding:0!important;display:flex!important}.b1-route header>b{font:700 42px var(--dr-font-display);color:var(--dr-gold-bright)}.b1-route h3{color:var(--dr-ivory);margin:3px 0}.b1-route ul{color:var(--dr-text-body);padding-left:18px;line-height:1.9}.b1-route footer{background:var(--dr-surface);border-radius:12px;margin-top:auto;padding:15px}.b1-route footer span,.rescue-grid span{letter-spacing:.1em;color:var(--dr-gold-bright);font-size:11px;font-weight:900}.b1-route footer p{margin:6px 0}.b1-route button{background:var(--dr-bg-deep);color:var(--dr-ivory);border:0;border-radius:10px;margin-top:14px;padding:13px;font-weight:800}.rescue-section>p{color:var(--dr-text-body)}.rescue-section nav{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.rescue-section nav button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:999px;padding:9px 13px}.rescue-section nav button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.rescue-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.rescue-grid article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:15px;padding:19px}.rescue-grid strong{font:700 20px var(--dr-font-display);color:var(--dr-ivory);margin:10px 0;display:block}.rescue-grid p{color:var(--dr-text-body);margin:0}.weekly-plan>div{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.weekly-plan p{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:13px;flex-direction:column;gap:8px;padding:16px;display:flex}.weekly-plan p b{color:var(--dr-ivory)}.weekly-plan p span{color:var(--dr-text-body);font-size:13px}@media (max-width:950px){.guide-hero,.study-rules{grid-template-columns:1fr}.method-grid,.b1-route>div{grid-template-columns:1fr 1fr}.weekly-plan>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.method-grid,.b1-route>div,.rescue-grid,.weekly-plan>div{grid-template-columns:1fr}.study-rules{padding:20px}.study-rules li{grid-template-columns:1fr}}.fc-page{max-width:1540px}.fc-hero{background:linear-gradient(120deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 72%,var(--dr-bg-deep) 100%);color:var(--dr-ivory);box-shadow:0 22px 55px var(--dr-bg-deep);border-radius:28px;align-items:flex-end;padding:38px 42px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.fc-hero{box-shadow:0 22px 55px color-mix(in srgb, var(--dr-bg-deep) 16%, transparent)}}.fc-hero:after{content:"Aa";font:700 190px var(--dr-font-display);color:var(--dr-ivory);position:absolute;bottom:-75px;right:20%}@supports (color:color-mix(in lab, red, red)){.fc-hero:after{color:color-mix(in srgb, var(--dr-ivory) 4%, transparent)}}.fc-hero .eyebrow{color:var(--dr-gold-bright)}.fc-hero h1{margin:10px 0 15px}.fc-hero h1 em{color:var(--dr-gold-bright)}.fc-hero p:last-child{max-width:650px;line-height:1.55;color:var(--dr-ivory)!important;font-size:15px!important}.fc-hero-score{z-index:1;background:var(--dr-surface);min-width:190px;position:relative}@supports (color:color-mix(in lab, red, red)){.fc-hero-score{background:color-mix(in srgb, var(--dr-surface) 10%, transparent)}}.fc-hero-score{border:1px solid var(--dr-line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:20px}.fc-hero-score span,.fc-hero-score strong,.fc-hero-score small{display:block}.fc-hero-score span{letter-spacing:1.5px;color:var(--dr-ivory);font-size:9px;font-weight:800}.fc-hero-score strong{font:600 28px var(--dr-font-display);margin:8px 0}.fc-hero-score small{color:var(--dr-ivory);font-size:10px}.fc-queues{grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0;display:grid}.fc-queues button{border:1px solid var(--line);background:var(--dr-surface);text-align:left;min-width:0;color:var(--ink);cursor:pointer;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:15px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.fc-queues button:hover{border-color:var(--dr-line-strong);transform:translateY(-2px)}.fc-queues button.active{background:var(--dr-bg-deep);color:var(--dr-ivory);border-color:var(--dr-line-strong);box-shadow:0 12px 28px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-queues button.active{box-shadow:0 12px 28px color-mix(in srgb, var(--dr-bg-deep) 18%, transparent)}}.fc-queues button>span{background:var(--dr-surface);width:34px;height:34px;color:var(--dr-text-body);border-radius:10px;place-items:center;font-weight:800;display:grid}.fc-queues button.active>span{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.fc-queues button.active>span{background:color-mix(in srgb, var(--dr-surface) 12%, transparent)}}.fc-queues button.active>span{color:var(--dr-gold-bright)}.fc-queues strong,.fc-queues small{display:block}.fc-queues strong{font-size:11px}.fc-queues small{color:var(--dr-text-body);margin-top:4px;font-size:8px;line-height:1.25}.fc-queues button.active small{color:var(--dr-ivory)}.fc-queues b{font:600 16px var(--dr-font-display)}.fc-toolbar{background:var(--dr-surface-2);border-radius:15px;align-items:center;gap:8px;margin-bottom:18px;padding:7px;display:flex}.fc-levels{gap:4px;display:flex}.fc-levels button,.fc-tool{color:var(--dr-text-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:800}.fc-levels button.active,.fc-tool.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 4px 12px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-levels button.active,.fc-tool.active{box-shadow:0 4px 12px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.fc-toolbar select,.fc-toolbar input{background:var(--dr-surface);color:var(--ink);border:0;border-radius:9px;outline:none;padding:11px 13px;font-size:10px}.fc-toolbar select{max-width:190px}.fc-toolbar input{flex:1;min-width:190px}.fc-workspace{grid-template-columns:minmax(480px,1.25fr) minmax(290px,.55fr);gap:20px;display:grid}.fc-study,.fc-insights>section{background:var(--dr-surface);border:1px solid var(--line);border-radius:22px}.fc-study{box-shadow:0 14px 38px var(--dr-bg-deep);padding:24px}@supports (color:color-mix(in lab, red, red)){.fc-study{box-shadow:0 14px 38px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.fc-study-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fc-study-head>div span,.fc-study-head>div strong{display:block}.fc-study-head>div span{color:var(--coral);letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:800}.fc-study-head>div strong{font:600 18px var(--dr-font-display);margin-top:5px}.fc-star{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);cursor:pointer;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800}.fc-star.active{background:var(--dr-surface);color:var(--dr-gold-bright);border-color:var(--dr-line-strong)}.fc-card{border:1px solid var(--dr-line-strong);background:radial-gradient(circle at 90% 10%,var(--dr-gold-tint),transparent 28%),linear-gradient(145deg,var(--dr-surface),var(--dr-surface));width:100%;min-height:390px;color:var(--ink);text-align:center;cursor:pointer;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:35px;transition:transform .28s,background .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.fc-card:hover{box-shadow:0 16px 34px color-mix(in srgb, var(--dr-bg-deep) 8%, transparent)}}.fc-card-meta{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:18px;left:20px}@supports (color:color-mix(in lab, red, red)){.fc-card-meta span{background:color-mix(in srgb, var(--dr-surface) 68%, transparent)}}.fc-card-meta span{border:1px solid var(--dr-line-strong);color:var(--dr-text-body);text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.fc-language{letter-spacing:2px;color:var(--coral);font-size:9px;font-weight:900}.fc-card>strong{max-width:90%;font:600 clamp(32px,4.4vw,55px)/1.05 var(--dr-font-display);margin:20px 0 18px}.fc-card>p{max-width:680px;font:italic clamp(16px,1.7vw,21px)/1.5 var(--dr-font-display);color:var(--dr-text-body);margin:0}.fc-forms{background:var(--dr-surface);border-radius:9px;margin-top:18px;padding:9px 12px}@supports (color:color-mix(in lab, red, red)){.fc-forms{background:color-mix(in srgb, var(--dr-surface) 65%, transparent)}}.fc-forms{color:var(--dr-text-body);font-size:10px}.fc-flip-hint{color:var(--dr-text-body);font-size:9px;position:absolute;bottom:17px;left:18px;right:18px}.fc-rating{opacity:.38;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;transition:opacity .2s;display:grid}.fc-rating.visible{opacity:1;pointer-events:auto}.fc-rating button{text-align:left;background:var(--dr-surface);cursor:pointer;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;column-gap:8px;padding:11px 12px;display:grid}.fc-rating button>span{border-radius:7px;grid-row:1/3;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.fc-rating small{color:var(--dr-text-body);margin-top:3px;font-size:8px}.grade-again{border:1px solid var(--dr-line-strong);color:var(--dr-gold-bright)}.grade-again>span{background:var(--dr-surface)}.grade-hard{border:1px solid var(--dr-line-strong);color:var(--dr-gold-bright)}.grade-hard>span{background:var(--dr-surface)}.grade-good{border:1px solid var(--dr-line-strong);color:var(--dr-text-body)}.grade-good>span{background:var(--dr-surface)}.grade-easy{border:1px solid var(--dr-line-strong);color:var(--dr-ivory)!important;background:var(--dr-bg-deep)!important}.grade-easy>span{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.grade-easy>span{background:color-mix(in srgb, var(--dr-surface) 12%, transparent)}}.grade-easy small{color:var(--dr-ivory)}.fc-card-footer{color:var(--dr-text-body);align-items:center;gap:16px;margin-top:13px;font-size:9px;display:flex}.fc-card-footer button{color:var(--dr-ivory);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px;font-weight:800}.fc-card-footer span:first-of-type{margin-left:auto}.fc-card-footer b{color:var(--ink)}.fc-notice{background:var(--dr-surface);border-left:3px solid var(--dr-line-strong);color:var(--dr-text-body);border-radius:8px;margin-top:13px;padding:10px 12px;font-size:9px}.fc-empty{text-align:center;background:var(--dr-surface);border:1px dashed var(--dr-line-strong);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:460px;padding:30px;display:flex}.fc-empty>span{background:var(--dr-surface-2);border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.fc-empty h2{font:600 28px var(--dr-font-display);margin:18px 0 8px}.fc-empty p{max-width:450px;color:var(--muted);font-size:11px;line-height:1.6}.fc-empty button{background:var(--dr-surface-2);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:10px;padding:11px 15px;font-size:10px;font-weight:800}.fc-insights{align-content:start;gap:14px;display:grid}.fc-insights>section{padding:22px}.fc-insights h2{font:600 23px/1.15 var(--dr-font-display);margin:9px 0 16px}.fc-progress{background:var(--dr-surface-2);border-radius:10px;height:8px;overflow:hidden}.fc-progress i{background:linear-gradient(90deg,var(--dr-gold-tint),var(--dr-surface-2));border-radius:inherit;height:100%;display:block}.fc-insights section>p{color:var(--muted);font-size:10px}.fc-insights ul{gap:11px;margin:19px 0 0;padding:0;list-style:none;display:grid}.fc-insights li{color:var(--dr-text-body);grid-template-columns:25px 1fr;gap:9px;font-size:10px;line-height:1.45;display:grid}.fc-insights li span{background:var(--dr-surface);width:24px;height:24px;color:var(--dr-text-body);border-radius:8px;place-items:center;font-weight:800;display:grid}.fc-insights .fc-method{background:var(--dr-bg-deep);color:var(--dr-ivory);border-color:var(--dr-line-strong)}.fc-method small{color:var(--dr-gold-bright);letter-spacing:1.3px;font-size:8px;font-weight:900}.fc-method h3{font:500 20px/1.35 var(--dr-font-display);margin:12px 0}.fc-method p{line-height:1.6;color:var(--dr-ivory)!important}.fc-shortcuts{gap:8px;display:grid}.fc-shortcuts strong{font:600 16px var(--dr-font-display);margin-bottom:4px}.fc-shortcuts span{color:var(--dr-text-body);font-size:9px}.fc-shortcuts kbd{border:1px solid var(--dr-line-strong);background:var(--dr-surface);min-width:52px;color:var(--ink);font:800 8px var(--dr-font-body);text-align:center;border-bottom-width:2px;border-radius:6px;margin-right:8px;padding:5px 7px;display:inline-grid}@media (max-width:1120px){.fc-queues{grid-template-columns:repeat(3,1fr)}.fc-workspace{grid-template-columns:1fr}.fc-insights{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.fc-page{padding-left:12px!important;padding-right:12px!important}.fc-hero{border-radius:20px;padding:26px 22px}.fc-hero-score{margin-top:22px}.fc-queues{grid-template-columns:1fr 1fr;gap:7px}.fc-queues button{grid-template-columns:30px 1fr auto;padding:11px}.fc-queues button>span{width:30px;height:30px}.fc-toolbar{grid-template-columns:1fr 1fr;display:grid}.fc-levels{grid-column:1/-1}.fc-levels button{flex:1}.fc-toolbar input{grid-column:1/-1;min-width:0}.fc-toolbar select{max-width:none}.fc-card{min-height:370px;padding:50px 20px 55px}.fc-card>strong{max-width:100%;font-size:34px}.fc-card>p{font-size:16px}.fc-rating{grid-template-columns:1fr 1fr}.fc-card-footer{flex-wrap:wrap}.fc-card-footer span:first-of-type{margin-left:0}.fc-insights{grid-template-columns:1fr}}@media (max-width:430px){.fc-queues,.fc-toolbar{grid-template-columns:1fr}.fc-toolbar select,.fc-tool{width:100%}.fc-card-meta{right:16px}.fc-card{min-height:390px}.fc-rating button{padding:10px}.fc-study{padding:14px}.fc-hero h1{font-size:34px}}:root{--ink:var(--dr-ivory);--ink-2:var(--dr-ivory);--muted:var(--dr-text-body);--cream:var(--dr-ivory);--coral:var(--dr-gold-bright);--coral-2:var(--dr-gold-bright);--teal:var(--dr-text-body);--indigo:var(--dr-text-body);--sun:var(--dr-gold-bright);--line:var(--dr-ivory);--surface:var(--dr-ivory);--surface-soft:var(--dr-ivory);--shadow-sm:0 8px 24px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-sm:0 8px 24px color-mix(in srgb, var(--dr-bg-deep) 8%, transparent)}}:root{--shadow-lg:0 24px 70px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-lg:0 24px 70px color-mix(in srgb, var(--dr-bg-deep) 14%, transparent)}}html,body{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 82% 8%,color-mix(in srgb, var(--dr-bg-deep) 9%, transparent),transparent 26rem), radial-gradient(circle at 18% 82%,color-mix(in srgb, var(--dr-bg-deep) 9%, transparent),transparent 28rem), var(--dr-surface)}}button,a,input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s,color .2s,transform .2s}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:3px solid var(--dr-line-strong);outline-offset:2px}button:not(:disabled):active{transform:translateY(1px)}.app-shell{background:0 0}.sidebar{background:radial-gradient(circle at 20% 0,var(--dr-surface),transparent 15rem), linear-gradient(180deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 100%)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:radial-gradient(circle at 20% 0,color-mix(in srgb, var(--dr-surface) 12%, transparent),transparent 15rem), linear-gradient(180deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 100%)}}.sidebar{box-shadow:14px 0 38px var(--dr-bg-deep);border-right:0}@supports (color:color-mix(in lab, red, red)){.sidebar{box-shadow:14px 0 38px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.brand{color:var(--dr-ivory)}.brand-mark{background:linear-gradient(135deg,var(--dr-surface-2),var(--dr-gold-tint));box-shadow:0 9px 22px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.brand-mark{box-shadow:0 9px 22px color-mix(in srgb, var(--dr-bg-deep) 32%, transparent)}}.brand small,.profile small{color:var(--dr-text-body)}.nav-item{color:var(--dr-ivory);border:1px solid #0000;font-weight:700}.nav-item:hover{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.nav-item:hover{background:color-mix(in srgb, var(--dr-surface) 8%, transparent)}}.nav-item:hover{color:var(--dr-ivory);transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,var(--dr-surface) 0%,var(--dr-surface) 100%);color:var(--dr-ivory);border-color:var(--dr-line-strong);box-shadow:0 13px 30px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.nav-item.active{box-shadow:0 13px 30px color-mix(in srgb, var(--dr-bg-deep) 20%, transparent)}}.level-card{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.level-card{background:color-mix(in srgb, var(--dr-surface) 8%, transparent)}}.level-card{border-color:var(--dr-line-strong);color:var(--dr-ivory)}.level-card small{color:var(--dr-text-body)}.progress{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.progress{background:color-mix(in srgb, var(--dr-surface) 12%, transparent)}}.progress i{background:linear-gradient(90deg,var(--dr-surface-2),var(--dr-surface-2))}.profile{border-color:var(--dr-line-strong);color:var(--dr-ivory)}.profile>span{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-surface-2));color:var(--dr-ivory)}.content h1{letter-spacing:-.035em;color:var(--dr-ivory)}.eyebrow,.pill{color:var(--dr-gold-bright);font-weight:900}.pill{background:var(--dr-gold-tint);border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.pill.coral{color:var(--dr-gold-bright);background:var(--dr-gold-tint)}.primary{box-shadow:0 10px 24px var(--dr-bg-deep);background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep))!important;color:var(--dr-ivory)!important;border:0!important;border-radius:13px!important}@supports (color:color-mix(in lab, red, red)){.primary{box-shadow:0 10px 24px color-mix(in srgb, var(--dr-bg-deep) 20%, transparent)}}.primary{cursor:pointer;font-weight:850!important}.primary:hover{box-shadow:0 15px 32px var(--dr-bg-deep);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.primary:hover{box-shadow:0 15px 32px color-mix(in srgb, var(--dr-bg-deep) 27%, transparent)}}.outline{border:1px solid var(--dr-line-strong)!important;background:var(--dr-surface)!important;color:var(--dr-ivory)!important;border-radius:13px!important;font-weight:800!important}.outline:hover{box-shadow:0 8px 22px var(--dr-bg-deep);border-color:var(--dr-line-strong)!important}@supports (color:color-mix(in lab, red, red)){.outline:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.start-hero{background:radial-gradient(circle at 90% 5%,var(--dr-surface-2),transparent 16rem), linear-gradient(125deg,var(--dr-surface) 0%,var(--dr-surface) 52%,var(--dr-surface) 100%);border-radius:32px;position:relative;overflow:hidden;padding:clamp(30px,4vw,58px)!important}@supports (color:color-mix(in lab, red, red)){.start-hero{background:radial-gradient(circle at 90% 5%,color-mix(in srgb, var(--dr-surface-2) 35%, transparent),transparent 16rem), linear-gradient(125deg,var(--dr-surface) 0%,var(--dr-surface) 52%,var(--dr-surface) 100%)}}.start-hero{border:1px solid var(--dr-line-strong);box-shadow:var(--shadow-lg)}.start-hero:before{content:"";border:36px solid var(--dr-line-strong);border-radius:50%;width:190px;height:190px;position:absolute;top:-74px;right:-54px}.start-hero>div{z-index:1;position:relative}.start-rule{background:linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 18px 40px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.start-rule{box-shadow:0 18px 40px color-mix(in srgb, var(--dr-bg-deep) 25%, transparent)}}.start-rule>span{color:var(--dr-gold-bright)}.start-rule b{box-shadow:0 5px 15px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.start-rule b{box-shadow:0 5px 15px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.start-rule b{color:var(--dr-text-body)}.level-path article,.separate-tools button{box-shadow:var(--shadow-sm);overflow:hidden}.level-path article{border:0;border-top:5px solid var(--dr-line-strong)}.level-path article:nth-child(2){border-top-color:var(--dr-line-strong)}.level-path article:nth-child(3){border-top-color:var(--dr-line-gold)}.level-path article:hover,.separate-tools button:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.level-path article>span{background:var(--dr-surface);color:var(--dr-gold-bright);border-radius:999px;padding:6px 9px}.level-path h2{letter-spacing:-.05em}.separate-tools button{background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface));border-color:var(--dr-line-strong)}.separate-tools button:nth-child(2){background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface))}.separate-tools b{color:var(--dr-text-body)}.level-hero{box-shadow:var(--shadow-lg);border:0;position:relative;overflow:hidden}.level-hero:after{content:"";background:var(--dr-surface);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-190px;right:-120px}@supports (color:color-mix(in lab, red, red)){.level-hero:after{background:color-mix(in srgb, var(--dr-surface) 10%, transparent)}}.level-a1,.level-a2{background:linear-gradient(125deg,var(--dr-bg-deep),var(--dr-bg-deep))}.level-b1{background:linear-gradient(125deg,var(--dr-bg-deep),var(--dr-gold-tint))}.level-b2{background:radial-gradient(circle at 82% 8%,var(--dr-surface-2),transparent 16rem),linear-gradient(125deg,var(--dr-bg-deep),var(--dr-bg-deep) 58%,var(--dr-bg-deep))}@supports (color:color-mix(in lab, red, red)){.level-b2{background:radial-gradient(circle at 82% 8%,color-mix(in srgb, var(--dr-surface-2) 27%, transparent),transparent 16rem),linear-gradient(125deg,var(--dr-bg-deep),var(--dr-bg-deep) 58%,var(--dr-bg-deep))}}.level-hero>div{z-index:1;position:relative}.level-hero>div:last-child{border:1px solid var(--dr-line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.level-tabs,.studio-tabs,.fc-toolbar{background:var(--dr-surface-2)}@supports (color:color-mix(in lab, red, red)){.level-tabs,.studio-tabs,.fc-toolbar{background:color-mix(in srgb, var(--dr-surface-2) 78%, transparent)}}.level-tabs,.studio-tabs,.fc-toolbar{border:1px solid var(--dr-line-strong);box-shadow:inset 0 1px 0 var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.level-tabs,.studio-tabs,.fc-toolbar{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dr-bg-deep) 70%, transparent)}}.level-tabs,.studio-tabs,.fc-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.level-tabs button.active,.studio-tabs button.active,.fc-levels button.active,.fc-tool.active{box-shadow:0 8px 20px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.level-tabs button.active,.studio-tabs button.active,.fc-levels button.active,.fc-tool.active{box-shadow:0 8px 20px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.level-overview>section,.level-overview>aside,.level-words,.level-practice,.level-lessons>aside,.compact-lesson,.studio-form,.backup-box,.studio-stats article,.sentence-lab>header,.sentence-grid>button{border-color:var(--dr-line-strong);box-shadow:var(--shadow-sm)}.level-overview>aside{background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}.level-lessons>aside button.active{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 9px 22px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.level-lessons>aside button.active{box-shadow:0 9px 22px color-mix(in srgb, var(--dr-bg-deep) 20%, transparent)}}.simple-intro,.practice-card{background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface));border:1px solid var(--dr-line-strong)}.level-word-grid article{background:var(--dr-surface);border-color:var(--dr-line-strong)}.level-word-grid article:hover{border-color:var(--dr-line-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.sentence-levels button,.sentence-lab>nav button{box-shadow:0 6px 18px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.sentence-levels button,.sentence-lab>nav button{box-shadow:0 6px 18px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.sentence-levels button.active{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 14px 30px var(--dr-bg-deep);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.sentence-levels button.active{box-shadow:0 14px 30px color-mix(in srgb, var(--dr-bg-deep) 22%, transparent)}}.sentence-grid>button{position:relative;overflow:hidden}.sentence-grid>button:before{content:"";background:var(--dr-bg-deep);width:4px;position:absolute;top:0;bottom:0;left:0}.sentence-grid>button:nth-child(3n+2):before{background:var(--dr-bg-deep)}.sentence-grid>button:nth-child(3n):before{background:var(--dr-gold-tint)}.sentence-grid>button:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.studio-hero{background:linear-gradient(125deg,var(--dr-surface),var(--dr-surface));border:1px solid var(--dr-line-strong);border-radius:26px;padding:30px}.studio-status{background:linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 16px 38px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.studio-status{box-shadow:0 16px 38px color-mix(in srgb, var(--dr-bg-deep) 22%, transparent)}}.studio-stats article:first-child,.studio-stats article:nth-child(2){border-top:4px solid var(--dr-line-strong)}.studio-stats article:nth-child(3),.studio-stats article:nth-child(4){border-top:4px solid var(--dr-line-gold)}.studio-fields input:focus,.studio-fields select:focus,.studio-fields textarea:focus{border-color:var(--dr-line-strong);box-shadow:0 0 0 4px var(--dr-bg-deep);outline:0}@supports (color:color-mix(in lab, red, red)){.studio-fields input:focus,.studio-fields select:focus,.studio-fields textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.studio-fields input:focus,.studio-fields select:focus,.studio-fields textarea:focus{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.account-gate-shell{background:radial-gradient(circle at 15% 20%,color-mix(in srgb, var(--dr-bg-deep) 16%, transparent),transparent 28rem),radial-gradient(circle at 85% 75%,color-mix(in srgb, var(--dr-bg-deep) 14%, transparent),transparent 30rem),var(--dr-surface)}}body:has(.account-gate) .pwa-install{display:none}.account-shell{box-shadow:var(--shadow-lg);border:0}.account-story{background:radial-gradient(circle at 20% 10%,var(--dr-surface-2),transparent 18rem),linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep))}@supports (color:color-mix(in lab, red, red)){.account-story{background:radial-gradient(circle at 20% 10%,color-mix(in srgb, var(--dr-surface-2) 20%, transparent),transparent 18rem),linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep))}}.account-story h1{color:var(--dr-ivory)}.account-story h1 em{color:var(--dr-gold-bright)}.account-avatar{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 14px 32px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.account-avatar{box-shadow:0 14px 32px color-mix(in srgb, var(--dr-bg-deep) 24%, transparent)}}.account-benefits article:first-child,.account-benefits article:nth-child(2),.account-benefits article:nth-child(3){background:var(--dr-surface)}.fc-hero{background:radial-gradient(circle at 82% 8%,var(--dr-surface-2),transparent 18rem),linear-gradient(120deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 52%,var(--dr-bg-deep) 100%)}@supports (color:color-mix(in lab, red, red)){.fc-hero{background:radial-gradient(circle at 82% 8%,color-mix(in srgb, var(--dr-surface-2) 35%, transparent),transparent 18rem),linear-gradient(120deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 52%,var(--dr-bg-deep) 100%)}}.fc-hero{box-shadow:0 26px 64px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-hero{box-shadow:0 26px 64px color-mix(in srgb, var(--dr-bg-deep) 22%, transparent)}}.fc-hero:after{color:var(--dr-ivory)}@supports (color:color-mix(in lab, red, red)){.fc-hero:after{color:color-mix(in srgb, var(--dr-ivory) 6%, transparent)}}.fc-hero-score{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.fc-hero-score{background:color-mix(in srgb, var(--dr-surface) 13%, transparent)}}.fc-hero-score{box-shadow:0 14px 34px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-hero-score{box-shadow:0 14px 34px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.fc-queues button{box-shadow:var(--shadow-sm);border:0}.fc-queues button:nth-child(2)>span,.fc-queues button:nth-child(3)>span{background:var(--dr-surface);color:var(--dr-gold-bright)}.fc-queues button:nth-child(4)>span,.fc-queues button:nth-child(5)>span{background:var(--dr-surface);color:var(--dr-text-body)}.fc-queues button:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.fc-queues button.active{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));box-shadow:0 16px 34px var(--dr-bg-deep);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.fc-queues button.active{box-shadow:0 16px 34px color-mix(in srgb, var(--dr-bg-deep) 24%, transparent)}}.fc-study,.fc-insights>section{border-color:var(--dr-line-strong);box-shadow:var(--shadow-sm)}.fc-card{border:1px solid var(--dr-line-strong);background:radial-gradient(circle at 88% 12%,var(--dr-bg-deep),transparent 13rem), radial-gradient(circle at 12% 88%,var(--dr-bg-deep),transparent 14rem), linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}@supports (color:color-mix(in lab, red, red)){.fc-card{background:radial-gradient(circle at 88% 12%,color-mix(in srgb, var(--dr-bg-deep) 16%, transparent),transparent 13rem), radial-gradient(circle at 12% 88%,color-mix(in srgb, var(--dr-bg-deep) 15%, transparent),transparent 14rem), linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}}.fc-card{box-shadow:inset 0 1px 0 var(--dr-bg-deep),0 20px 44px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-card{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dr-bg-deep) 90%, transparent),0 20px 44px color-mix(in srgb, var(--dr-bg-deep) 10%, transparent)}}.fc-card:hover{box-shadow:0 26px 58px var(--dr-bg-deep);transform:translateY(-5px)rotateX(1deg)}@supports (color:color-mix(in lab, red, red)){.fc-card:hover{box-shadow:0 26px 58px color-mix(in srgb, var(--dr-bg-deep) 16%, transparent)}}.fc-card.revealed{background:radial-gradient(circle at 14% 86%,var(--dr-gold-tint),transparent 14rem),radial-gradient(circle at 88% 12%,var(--dr-surface-2),transparent 12rem),linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}@supports (color:color-mix(in lab, red, red)){.fc-card.revealed{background:radial-gradient(circle at 14% 86%,var(--dr-gold-tint),transparent 14rem),radial-gradient(circle at 88% 12%,color-mix(in srgb, var(--dr-surface-2) 18%, transparent),transparent 12rem),linear-gradient(145deg,var(--dr-surface),var(--dr-surface))}}.fc-card.revealed{border-color:var(--dr-line-gold)}.fc-card-meta span{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.fc-card-meta span{background:color-mix(in srgb, var(--dr-surface) 80%, transparent)}}.fc-card-meta span{box-shadow:0 4px 12px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-card-meta span{box-shadow:0 4px 12px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.fc-language{background:linear-gradient(90deg,var(--dr-gold-tint),var(--dr-bg-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.fc-card>strong{letter-spacing:-.035em;text-wrap:balance}.fc-forms{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.fc-forms{background:color-mix(in srgb, var(--dr-surface) 82%, transparent)}}.fc-forms{border:1px solid var(--dr-line-strong)}.fc-star.active{background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface-2));box-shadow:0 8px 20px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-star.active{box-shadow:0 8px 20px color-mix(in srgb, var(--dr-bg-deep) 14%, transparent)}}.fc-rating button{box-shadow:0 6px 16px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.fc-rating button{box-shadow:0 6px 16px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.grade-easy{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep))!important;border-color:#0000!important}.fc-method{background:linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep))!important;border-color:#0000!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--dr-surface)}::-webkit-scrollbar-thumb{background:var(--dr-surface-2);border:2px solid var(--dr-line-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--dr-bg-deep)}@media (max-width:900px){.sidebar{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb, var(--dr-surface) 94%, transparent)}}.sidebar{border-top:1px solid var(--dr-line-strong);box-shadow:0 -14px 40px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.sidebar{box-shadow:0 -14px 40px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{color:var(--dr-text-body)}.nav-item:hover{background:var(--dr-surface);color:var(--dr-ivory);transform:none}.nav-item.active{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));color:var(--dr-ivory);box-shadow:0 9px 22px var(--dr-bg-deep);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.nav-item.active{box-shadow:0 9px 22px color-mix(in srgb, var(--dr-bg-deep) 25%, transparent)}}.nav-item.active .nav-icon{color:var(--dr-gold-bright)}}@media (max-width:760px){.content{padding-top:calc(18px + env(safe-area-inset-top))}.content h1{letter-spacing:-.045em}.start-hero{border-radius:24px;padding:26px 20px!important}.start-rule{border-radius:18px}.level-hero,.fc-hero,.studio-hero{border-radius:22px}.level-path article,.compact-lesson,.level-overview>section,.level-overview>aside{border-radius:18px}.fc-card{box-shadow:0 15px 34px var(--dr-bg-deep);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.fc-card{box-shadow:0 15px 34px color-mix(in srgb, var(--dr-bg-deep) 11%, transparent)}}.fc-card:hover{transform:none}.account-story{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-bottom-nav{display:none}.b2-entry-card{border:1px solid var(--dr-line-strong);background:linear-gradient(120deg,var(--dr-surface),var(--dr-surface));width:100%;color:var(--dr-ivory);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0 0;padding:22px 24px;display:grid}.b2-entry-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.b2-entry-card>span{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));width:58px;height:58px;color:var(--dr-ivory);font:700 25px var(--dr-font-display);border-radius:18px;place-items:center;display:grid}.b2-entry-card small,.b2-entry-card strong,.b2-entry-card p{display:block}.b2-entry-card small{color:var(--dr-text-body);letter-spacing:1.2px;font-size:10px;font-weight:900}.b2-entry-card strong{margin:5px 0;font-size:18px}.b2-entry-card p{color:var(--dr-text-body);margin:0;font-size:13px}.b2-entry-card>b{white-space:nowrap;font-size:12px}.b2-entry-card.active{border-color:var(--dr-line-strong);background:radial-gradient(circle at 92% 0,var(--dr-surface-2),transparent 13rem),linear-gradient(120deg,var(--dr-surface),var(--dr-surface))}@supports (color:color-mix(in lab, red, red)){.b2-entry-card.active{background:radial-gradient(circle at 92% 0,color-mix(in srgb, var(--dr-surface-2) 22%, transparent),transparent 13rem),linear-gradient(120deg,var(--dr-surface),var(--dr-surface))}}.b2-entry-card.active>b{color:var(--dr-text-body)}.b2-hero{background:radial-gradient(circle at 88% 0,var(--dr-surface-2),transparent 18rem),linear-gradient(125deg,var(--dr-bg-deep),var(--dr-bg-deep));border-radius:30px;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:26px;padding:clamp(28px,4vw,52px);display:grid}@supports (color:color-mix(in lab, red, red)){.b2-hero{background:radial-gradient(circle at 88% 0,color-mix(in srgb, var(--dr-surface-2) 25%, transparent),transparent 18rem),linear-gradient(125deg,var(--dr-bg-deep),var(--dr-bg-deep))}}.b2-hero{color:var(--dr-ivory);box-shadow:var(--shadow-lg)}.b2-hero h1{color:var(--dr-ivory)}.b2-hero h1 em{color:var(--dr-gold-bright)}.b2-hero p{max-width:760px;line-height:1.65;color:var(--dr-ivory)!important}.b2-hero .pill{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.b2-hero .pill{background:color-mix(in srgb, var(--dr-surface) 12%, transparent)}}.b2-hero .pill{color:var(--dr-ivory)}.b2-hero .outline{background:var(--dr-surface)!important}@supports (color:color-mix(in lab, red, red)){.b2-hero .outline{background:color-mix(in srgb, var(--dr-surface) 8%, transparent)!important}}.b2-hero .outline{color:var(--dr-ivory)!important;border-color:var(--dr-line-strong)!important}.b2-hero aside{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:22px;align-self:stretch;padding:24px}@supports (color:color-mix(in lab, red, red)){.b2-hero aside{background:color-mix(in srgb, var(--dr-surface) 10%, transparent)}}.b2-hero aside{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.b2-hero aside span{letter-spacing:1.4px;color:var(--dr-gold-bright);font-size:10px;font-weight:900}.b2-hero aside strong{font:700 28px var(--dr-font-display);margin:14px 0 8px;display:block}.b2-hero aside p{margin:0;font-size:13px}.b2-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px;display:grid}.b2-module-grid article{border:1px solid var(--dr-line-strong);background:var(--dr-surface);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.b2-module-grid article>span{color:var(--dr-text-body);font:700 22px var(--dr-font-display)}.b2-module-grid h2{margin:0 0 5px;font-size:17px}.b2-module-grid p{color:var(--dr-text-body);margin:0;font-size:12px;line-height:1.5}.b2-module-grid b{background:var(--dr-surface);color:var(--dr-gold-bright);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:9px}.b2-release-note{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);border-radius:17px;align-items:flex-start;gap:14px;margin-top:18px;padding:19px 21px;display:flex}.b2-release-note svg{flex:none;width:22px}.b2-release-note strong{font-size:14px}.b2-release-note p{color:var(--dr-text-body);margin:5px 0 0;font-size:12px;line-height:1.55}@media (max-width:900px){.sidebar{display:none!important}.app-shell{display:block!important}.main-content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.content{padding-bottom:calc(34px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{z-index:80;min-height:calc(74px + env(safe-area-inset-bottom));padding:7px max(6px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));border-top:1px solid var(--dr-line-strong);background:var(--dr-surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.mobile-bottom-nav{background:color-mix(in srgb, var(--dr-surface) 97%, transparent)}}.mobile-bottom-nav{box-shadow:0 -12px 34px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.mobile-bottom-nav{box-shadow:0 -12px 34px color-mix(in srgb, var(--dr-bg-deep) 14%, transparent)}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-bottom-item{min-width:0;min-height:58px;color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-weight:800;display:flex}.mobile-bottom-item svg{width:22px;height:22px}.mobile-bottom-item span{white-space:nowrap;max-width:100%;font-size:clamp(9px,2.2vw,11px);line-height:1.05}.mobile-bottom-item.active{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));color:var(--dr-ivory);box-shadow:0 8px 20px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.mobile-bottom-item.active{box-shadow:0 8px 20px color-mix(in srgb, var(--dr-bg-deep) 24%, transparent)}}.mobile-bottom-item.active svg{color:var(--dr-gold-bright)}.b2-hero,.b2-module-grid{grid-template-columns:1fr}}@media (max-width:540px){.b2-entry-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px}.b2-entry-card>b{grid-column:2}.b2-entry-card>span{width:50px;height:50px}.b2-module-grid article{grid-template-columns:auto minmax(0,1fr)}.b2-module-grid b{grid-column:2;justify-self:start}.b2-hero{border-radius:23px;padding:24px 20px}.mobile-bottom-item span{font-size:clamp(8px,2.25vw,10px)}}.mobile-bottom-item span{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.source-exam-note{border:1px solid var(--dr-line-strong);background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface));color:var(--dr-ivory);border-radius:18px;align-items:center;gap:18px;padding:18px 22px;display:flex}.source-exam-note b{color:var(--ink);flex:none;font-size:16px}.source-exam-note span{line-height:1.55}.task-view-tabs{background:var(--dr-surface);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:7px;margin:26px 0;padding:7px;display:grid}.task-view-tabs button{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:13px 10px;font-weight:850}.task-view-tabs button.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 8px 20px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.task-view-tabs button.active{box-shadow:0 8px 20px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.task-points{counter-reset:taskpoint;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.task-points li{background:var(--dr-surface);border-radius:12px;align-items:center;gap:11px;margin:0;padding:15px;font-weight:750;display:flex}.task-points li:before{counter-increment:taskpoint;content:counter(taskpoint);background:var(--dr-surface-2);min-width:28px;height:28px;color:var(--dr-ivory);border-radius:50%;place-items:center;font-size:12px;display:grid}.dialogue-intro{background:var(--dr-surface);border-left:5px solid var(--dr-line-strong);border-radius:12px;gap:6px;margin-bottom:18px;padding:18px 20px;display:grid}.dialogue-intro span{color:var(--dr-text-body);line-height:1.5}.model-dialogue{gap:10px;display:grid}.dialogue-line{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;max-width:92%;display:grid}.dialogue-line>span{background:var(--dr-surface-2);width:36px;height:36px;color:var(--dr-ivory);border-radius:12px;place-items:center;font-weight:900;display:grid}.dialogue-line>div{background:var(--dr-surface);border-radius:4px 16px 16px;padding:13px 16px}.dialogue-line small{color:var(--dr-gold-bright);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;display:block}.dialogue-line p{font:500 18px/1.5 var(--dr-font-display);color:var(--ink);margin:6px 0 0}.dialogue-line.speaker-b{grid-template-columns:minmax(0,1fr) 38px;justify-self:end}.dialogue-line.speaker-b>span{background:var(--dr-bg-deep);grid-column:2}.dialogue-line.speaker-b>div{background:var(--dr-surface);border-radius:16px 4px 16px 16px;grid-area:1/1}.score-card{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));color:var(--dr-ivory);border-radius:17px;gap:8px;padding:22px;display:grid}.score-card>span{letter-spacing:.1em;text-transform:uppercase;color:var(--dr-ivory);font-size:11px;font-weight:900}.score-card strong{font:700 23px/1.35 var(--dr-font-display)}.score-card p{color:var(--dr-ivory);margin:0;line-height:1.5}.score-checklist{gap:9px;margin-top:18px;display:grid}.score-checklist label{cursor:pointer}.score-checklist input{opacity:0;pointer-events:none;position:absolute}.score-checklist label>span{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;line-height:1.45;display:flex}.score-checklist label>span>b{background:var(--dr-surface);min-width:30px;height:30px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.score-checklist input:checked+span{background:var(--dr-surface);border-color:var(--dr-line-strong);color:var(--dr-ivory)}.score-checklist input:checked+span>b{background:var(--dr-bg-deep);color:var(--dr-ivory)}.practice-tip{background:var(--dr-surface);border-radius:12px;padding:18px;line-height:1.6}.sentence-lab>header{justify-content:space-between;align-items:center;gap:25px;display:flex}.sentence-lab>header>div{min-width:0}.sentence-total{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));min-height:112px;color:var(--dr-ivory);text-align:center;border-radius:18px;flex:0 0 142px;place-items:center;padding:15px;display:grid}.sentence-total b{font:750 38px var(--dr-font-display)}.sentence-total span{color:var(--dr-ivory);font-size:11px}.sentence-tools{background:var(--dr-surface);border-radius:16px;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.sentence-tools label{gap:6px;display:grid}.sentence-tools label>span{color:var(--dr-text-body);font-size:11px;font-weight:850}.sentence-tools select,.sentence-tools input{border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;color:var(--ink);border-radius:11px;padding:12px 13px;font-size:14px}.sentence-tools>b{color:var(--dr-text-body);white-space:nowrap;padding:13px}.sentence-empty{background:var(--dr-surface);border:1px dashed var(--dr-line-strong);border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:24px;display:flex}.sentence-empty button{background:var(--dr-surface-2);color:var(--dr-ivory);border:0;border-radius:10px;padding:11px 14px;font-weight:800}@media (max-width:850px){.source-exam-note{flex-direction:column;align-items:flex-start;gap:6px}.task-points{grid-template-columns:1fr}.sentence-tools{grid-template-columns:1fr 1fr}.sentence-tools>b{grid-column:1/-1;padding:3px}}@media (max-width:560px){.task-view-tabs{grid-template-columns:1fr}.dialogue-line{max-width:100%}.dialogue-line p{font-size:16px}.source-task-layout>aside{max-height:330px}.sentence-lab>header{flex-direction:column;align-items:stretch}.sentence-total{flex-basis:auto;min-height:90px}.sentence-tools{grid-template-columns:1fr}.sentence-tools>b{grid-column:1}.sentence-empty{flex-direction:column;align-items:flex-start}}.exam-path,.mail-list,.writer,.speaking-task,.phrase-bank,.check-card,.reading-card,.language-bank,.mock-panel,.presentation-themes,.presentation-work,.discussion-list,.discussion-work,.source-library>header,.source-task-layout>aside,.source-task,.pattern-library article{box-shadow:var(--shadow-sm);border:0}.exam-tabs{background:var(--dr-surface-2)}@supports (color:color-mix(in lab, red, red)){.exam-tabs{background:color-mix(in srgb, var(--dr-surface-2) 78%, transparent)}}.exam-tabs{border:1px solid var(--dr-line-strong);box-shadow:inset 0 1px 0 var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.exam-tabs{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dr-bg-deep) 70%, transparent)}}.exam-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.exam-tabs button.selected{box-shadow:0 8px 20px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.exam-tabs button.selected{box-shadow:0 8px 20px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.exam-content .exam-tabs{width:100%;min-width:0;max-width:100%;overflow-x:auto}.exam-content .exam-tabs button{white-space:nowrap;flex:none}.theme-grid article{border:0;border-top:5px solid var(--teal);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.theme-grid article:nth-child(3n+2){border-top-color:var(--indigo)}.theme-grid article:nth-child(3n){border-top-color:var(--coral)}.theme-grid article:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.exam-path>button{border-radius:14px;transition:transform .2s,background .2s}.exam-path>button:hover{background:var(--dr-surface);transform:translate(2px)}.path-icon{box-shadow:0 6px 16px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.path-icon{box-shadow:0 6px 16px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.mail-list>button,.discussion-list>button,.presentation-themes>button{border-radius:10px;transition:background .15s,transform .15s}.mail-list>button:hover,.discussion-list>button:hover,.presentation-themes>button:hover{background:var(--dr-surface)}.mail-list>button.active,.discussion-list>button.active,.presentation-themes>button.active{box-shadow:inset 3px 0 0 var(--teal)}.reading-card>button:not(.primary){border-radius:12px;transition:transform .15s,box-shadow .15s}.reading-card>button:not(.primary):hover,.reading-card>button.chosen{box-shadow:var(--shadow-sm)}.mock-sections article>span,.discussion-flow article>b,.presentation-steps article>span{box-shadow:0 4px 12px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.mock-sections article>span,.discussion-flow article>b,.presentation-steps article>span{box-shadow:0 4px 12px color-mix(in srgb, var(--dr-bg-deep) 8%, transparent)}}.task-box,.mock-intro,.sample-mail,.model-dialogue,.opinion-pair article{border-radius:18px}.reading-text{border-radius:16px}.opinion-pair article,.model-dialogue{box-shadow:0 6px 18px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.opinion-pair article,.model-dialogue{box-shadow:0 6px 18px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}@media (prefers-reduced-motion:reduce){.theme-grid article,.exam-path>button,.reading-card>button{transition:none}}body{font-family:var(--font-geist-sans),"Inter",var(--dr-font-body)}.content h1,.content h2,.content h3{letter-spacing:-.02em}.sidebar nav{gap:2px}.nav-group{gap:6px;padding-bottom:10px;display:grid}.nav-group-label{letter-spacing:.14em;color:var(--dr-ivory);padding:16px 13px 2px;font-size:10px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.nav-group-label{color:color-mix(in srgb, var(--dr-ivory) 38%, transparent)}}.nav-group-label{text-transform:uppercase}@media (max-width:900px){.nav-group{display:contents}.nav-group-label{display:none}}.theme-grid article,.theme-grid article:nth-child(3n+2),.theme-grid article:nth-child(3n){border-top-color:var(--coral)!important}.sentence-grid>button:before,.sentence-grid>button:nth-child(3n+2):before,.sentence-grid>button:nth-child(3n):before{background:var(--coral)}body{background:radial-gradient(circle at 85% 6%,var(--dr-gold-tint),transparent 30rem), var(--dr-surface)}.account-gate-shell{background:radial-gradient(circle at 20% 15%,var(--dr-gold-tint),transparent 30rem),var(--dr-surface)}.content{padding-top:clamp(34px,4.5vw,64px)}.dashboard-grid,.level-overview,.exam-overview{gap:28px}.study-panel,.daily-plan,.level-overview>section,.level-overview>aside,.exam-path,.mail-list,.writer,.speaking-task,.phrase-bank{padding:30px}.section-heading{margin-bottom:24px}@media (max-width:760px){.content{padding-top:calc(20px + env(safe-area-inset-top))}.study-panel,.daily-plan,.level-overview>section,.level-overview>aside,.exam-path,.mail-list,.writer,.speaking-task,.phrase-bank{padding:20px}}:root{--ds-ink-900:var(--dr-ivory);--ds-ink-700:var(--ink,var(--dr-ivory));--ds-ink-500:var(--dr-text-body);--ds-muted:var(--muted,var(--dr-text-body));--ds-surface:var(--dr-ivory);--ds-surface-sunken:var(--dr-ivory);--ds-cream:var(--cream,var(--dr-ivory));--ds-line:var(--line,var(--dr-ivory));--ds-coral:var(--coral,var(--dr-gold-bright));--ds-coral-soft:var(--dr-ivory);--ds-success:var(--dr-text-body);--font-sans:var(--font-geist-sans,ui-sans-serif,system-ui,sans-serif);--font-serif:var(--font-serif-display,Georgia,serif);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-1:0 2px 8px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-1:0 2px 8px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}:root{--shadow-2:0 10px 28px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-2:0 10px 28px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.sidebar nav .nav-item svg.nav-icon{flex:none;width:20px;height:20px}.sidebar .profile{cursor:pointer}.section-subnav{gap:var(--sp-2);flex-wrap:wrap;width:100%;max-width:1500px;margin:0 auto;padding:26px clamp(30px,5vw,76px) 0;display:flex}.section-subnav+.content{padding-top:24px}.subnav-pill{border:1px solid var(--ds-line);border-radius:var(--radius-pill);background:var(--ds-surface);min-height:38px;color:var(--ds-ink-500);font:600 12px var(--font-sans);letter-spacing:.2px;cursor:pointer;padding:9px 16px;transition:background .15s,color .15s,border-color .15s,transform .15s}.subnav-pill:hover{border-color:var(--ds-ink-500);transform:translateY(-1px)}.subnav-pill.active{background:var(--dr-surface-2);border-color:var(--ds-ink-700);color:var(--dr-ivory)}.subnav-pill:focus-visible{outline:2px solid var(--ds-coral);outline-offset:2px}.dashboard-page{gap:var(--sp-7);flex-direction:column;display:flex}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:var(--sp-6);flex-wrap:wrap;margin-bottom:0;display:flex}.dashboard-hero h1{font:500 clamp(28px,3.4vw,44px)/1.1 var(--font-serif);margin:8px 0 10px}.dashboard-hero h1 em{color:var(--ds-coral);font-style:normal;font-weight:400}.dashboard-hero p{color:var(--ds-muted);margin:0;font-size:14px}.streak-badge{align-items:center;gap:var(--sp-3);background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-5);box-shadow:var(--shadow-1);display:flex}.streak-badge svg{color:var(--ds-coral);flex:none;width:22px;height:22px}.streak-badge strong{font:700 18px var(--font-serif);color:var(--ds-ink-900);display:block}.streak-badge small{color:var(--ds-muted);margin-top:2px;font-size:10px;display:block}.dashboard-top-row{gap:var(--sp-5);grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);display:grid}.continue-card{background:linear-gradient(145deg,var(--dr-surface-2),var(--dr-bg-deep));color:var(--dr-ivory);border-radius:var(--radius-xl);padding:var(--sp-6);gap:var(--sp-2);box-shadow:var(--shadow-2);flex-direction:column;justify-content:center;display:flex}.continue-card h2{font:600 22px var(--font-serif);margin:6px 0 2px}.continue-card p{margin:0 0 var(--sp-2);color:var(--dr-ivory);font-size:13px;line-height:1.5}.continue-card .pill.coral{color:var(--dr-gold-bright)}.continue-card button.primary{background:var(--ds-coral);color:var(--dr-gold-bright);border-radius:var(--radius-md);cursor:pointer;border:0;align-self:flex-start;padding:11px 18px;font-size:13px;font-weight:700}.continue-card button.primary:hover{filter:brightness(1.05)}.dashboard-stats{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-card{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--radius-lg);min-width:0;padding:var(--sp-4);align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-1);display:flex}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--ds-ink-500);transform:translateY(-1px)}.stat-card.clickable:focus-visible{outline:2px solid var(--ds-coral);outline-offset:2px}.stat-card-icon{width:22px;height:22px;color:var(--ds-ink-700);flex:none}.stat-card strong{font:700 20px var(--font-serif);color:var(--ds-ink-900);line-height:1.1;display:block}.stat-card span{color:var(--ds-muted);margin-top:3px;font-size:11px;line-height:1.35;display:block}.level-progress-panel{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-1)}.level-progress-panel .section-heading{margin-bottom:0}.level-progress-panel .section-heading h2{font:600 20px var(--font-serif);margin:6px 0 0}.level-progress-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.level-progress-card{border:1px solid var(--ds-line);border-radius:var(--radius-lg);padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.level-progress-card>div{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.level-progress-card strong{font:700 15px var(--font-serif);color:var(--ds-ink-900)}.level-progress-card span{color:var(--ds-muted);font-size:11px}.level-progress-card button{color:var(--ds-ink-700);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:700}.level-progress-card button:hover{color:var(--ds-coral)}.progress-bar{background:var(--dr-surface-2);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-bar i{background:var(--ds-coral);border-radius:var(--radius-pill);height:100%;transition:width .3s;display:block}.progress-bar span{display:none}@media (min-width:901px){.sidebar nav .nav-item svg.nav-icon{width:22px;height:22px}}@media (max-width:1100px){.dashboard-stats{grid-template-columns:1fr}}@media (max-width:900px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.nav-label{font-size:clamp(8px,2.1vw,10px)}.sidebar nav .nav-item svg.nav-icon{width:18px;height:18px}.dashboard-top-row{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.section-subnav{padding:22px 24px 0}.section-subnav+.content{padding-top:20px}}@media (max-width:700px){.sidebar{height:calc(78px + env(safe-area-inset-bottom))}.sidebar nav{grid-template-rows:1fr;height:56px}.nav-item,.nav-item.active{min-height:48px}.content{padding:calc(22px + env(safe-area-inset-top)) 16px calc(102px + env(safe-area-inset-bottom))}.section-subnav{padding:calc(14px + env(safe-area-inset-top)) 16px 0;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.section-subnav::-webkit-scrollbar{display:none}.section-subnav+.content{padding-top:18px}.subnav-pill{white-space:nowrap}.dashboard-hero{flex-direction:column}.streak-badge{align-self:flex-start}.dashboard-stats,.level-progress-grid{grid-template-columns:1fr}.level-progress-panel,.continue-card{padding:20px}}@media (min-width:701px) and (max-width:900px){.sidebar{height:calc(78px + env(safe-area-inset-bottom))}.sidebar nav{grid-template-rows:1fr;height:56px}.nav-item,.nav-item.active{min-height:48px}.content{padding:30px 24px calc(102px + env(safe-area-inset-bottom))}}.lesson-view{gap:22px;margin-top:26px;display:grid}.lesson-view-hero{border-bottom:1px solid var(--dr-line-strong);justify-content:space-between;gap:28px;padding-bottom:28px;display:flex}.lesson-view-hero h2{font:700 clamp(38px,5vw,64px)/1.04 var(--font-serif-display),var(--dr-font-display);color:var(--dr-ivory);margin:16px 0 6px}.lesson-view-hero h3{font:500 23px var(--font-serif-display),var(--dr-font-display);color:var(--dr-gold-bright);margin:0}.lesson-view-hero p{max-width:760px;color:var(--dr-text-body);line-height:1.7}.lesson-view-time{background:var(--dr-surface);width:112px;height:112px;color:var(--dr-ivory);border-radius:50%;flex:none;align-content:center;place-items:center;display:grid}.lesson-view-time svg{width:20px}.lesson-view-time strong{font:700 30px var(--font-serif-display),var(--dr-font-display)}.lesson-view-time span{font-size:11px}.lesson-outcomes,.lesson-view-section,.lesson-summary{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:20px}.lesson-outcomes{background:var(--dr-surface);padding:26px}.lesson-outcome-title{align-items:center;gap:14px;display:flex}.lesson-outcome-title svg{color:var(--dr-gold-bright)}.lesson-outcome-title span,.lesson-kicker,.lesson-summary>span{letter-spacing:.12em;color:var(--dr-gold-bright);font-size:11px;font-weight:900}.lesson-outcome-title h4,.lesson-view-section h4,.lesson-summary h4{font:700 27px var(--font-serif-display),var(--dr-font-display);color:var(--dr-ivory);margin:6px 0 18px}.outcome-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.outcome-grid article{background:var(--dr-surface);border-radius:14px;gap:12px;padding:16px;display:flex}.outcome-grid b{background:var(--dr-bg-deep);min-width:28px;height:28px;color:var(--dr-ivory);border-radius:50%;place-items:center;display:grid}.outcome-grid p{margin:0;line-height:1.5}.outcome-grid small{color:var(--dr-text-body);margin-top:8px;font-style:italic;display:block}.lesson-view-section>summary{cursor:pointer;color:var(--dr-ivory);align-items:center;gap:12px;padding:20px 22px;display:flex}.lesson-view-section>summary span{color:var(--dr-gold-bright);font-size:10px;font-weight:900}.lesson-view-section>summary strong{font:700 20px var(--font-serif-display),var(--dr-font-display)}.lesson-section-body{padding:26px}.lesson-view-section>summary+.lesson-section-body{padding-top:0}.explanation-card{background:var(--dr-surface);border-radius:15px;margin-top:12px;padding:20px}.explanation-card h5,.lesson-table-block h5,.comparison-card h5,.graded-question-list h5,.free-production h5,.output-task-grid h5{color:var(--dr-ivory);margin:0 0 10px;font-size:17px}.explanation-card p{line-height:1.75}.explanation-card aside{background:var(--dr-surface);border-left:4px solid var(--dr-line-gold);border-radius:0 12px 12px 0;gap:12px;padding:15px;display:flex}.explanation-card aside svg{color:var(--dr-gold-bright);flex:none}.explanation-card aside p{margin:0}.building-list{counter-reset:build;gap:10px;padding:0;display:grid}.building-list li{counter-increment:build;background:var(--dr-surface);border-radius:13px;padding:15px 18px 15px 58px;line-height:1.6;list-style:none;position:relative}.building-list li:before{content:counter(build);background:var(--dr-bg-deep);width:30px;height:30px;color:var(--dr-ivory);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:13px;left:16px}.analyzed-grid,.output-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.analyzed-grid article{border:1px solid var(--dr-line-strong);border-radius:16px;padding:20px}.analyzed-grid span,.lesson-example-grid span,.graded-question-list>article>span{text-transform:uppercase;letter-spacing:.09em;color:var(--dr-gold-bright);font-size:10px;font-weight:900}.analyzed-grid strong{font:italic 19px var(--font-serif-display),var(--dr-font-display);color:var(--dr-ivory);margin:10px 0;display:block}.analyzed-grid div{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.analyzed-grid i{background:var(--dr-surface);border-radius:7px;padding:5px 8px;font-style:normal}.formula-stack span small{font:700 10px var(--font-geist-sans),Arial,sans-serif;color:var(--dr-gold-bright);text-transform:uppercase;display:block}.lesson-table-block{margin-top:22px}.table-note{color:var(--dr-text-body);font-size:13px}.comparison-card{background:var(--dr-surface);border-radius:16px;margin-top:22px;padding:22px}.comparison-card>div{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.comparison-card section{background:var(--dr-surface);border-radius:13px;padding:18px}.comparison-card section b,.comparison-card section em{color:var(--dr-ivory);display:block}.comparison-card section p{line-height:1.6}.comparison-card>small{color:var(--dr-gold-bright);margin-top:13px;display:block}.lesson-example-grid,.lesson-error-grid,.graded-question-list{gap:12px;display:grid}.lesson-example-grid article{background:var(--dr-surface);border-radius:14px;grid-template-columns:36px 1fr;gap:12px;padding:17px;display:grid}.lesson-example-grid article>b{color:var(--dr-gold-bright)}.lesson-example-grid strong{font:italic 18px var(--font-serif-display),var(--dr-font-display);color:var(--dr-ivory);margin:7px 0;display:block}.lesson-example-grid p{color:var(--dr-text-body);margin:0}.lesson-example-grid small{color:var(--dr-text-body);margin-top:8px;display:block}.lesson-error-grid article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:15px;grid-template-columns:28px 1fr;gap:12px;padding:18px;display:grid}.lesson-error-grid svg{color:var(--dr-gold-bright)}.lesson-error-grid del,.lesson-error-grid strong{display:block}.lesson-error-grid del{color:var(--dr-gold-bright)}.lesson-error-grid strong{color:var(--dr-ivory);margin:7px 0}.lesson-error-grid p{line-height:1.55}.lesson-error-grid small{color:var(--dr-text-body)}.practice-stage-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.practice-stage-tabs button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-weight:750;display:flex}.practice-stage-tabs button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.practice-stage-tabs svg{width:16px}.graded-question-list article,.free-production article{background:var(--dr-surface);border-radius:16px;padding:22px}.graded-question-list article>div{grid-template-columns:1fr auto;gap:10px;display:grid}.graded-question-list input,.free-production textarea{border:1px solid var(--dr-line-strong);width:100%;font:inherit;border-radius:11px;padding:14px}.graded-question-list button,.free-production button{background:var(--dr-bg-deep);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.graded-question-list aside{border-radius:11px;margin-top:12px;padding:14px}.graded-question-list aside.correct{background:var(--dr-surface);color:var(--dr-ivory)}.graded-question-list aside.wrong{background:var(--dr-surface);color:var(--dr-gold-bright)}.graded-question-list aside p{margin:5px 0 0}.free-production textarea{resize:vertical;min-height:130px;margin:12px 0}.free-production aside{background:var(--dr-surface);border-radius:12px;margin-top:15px;padding:18px}.output-task-grid article{background:var(--dr-surface);border-radius:16px;padding:22px}.output-task-grid svg{color:var(--dr-gold-bright)}.output-task-grid strong{background:var(--dr-surface);color:var(--dr-ivory);border-radius:10px;margin:12px 0;padding:14px;display:block}.output-task-grid li{margin:7px 0}.lesson-summary{background:var(--dr-bg-deep);color:var(--dr-ivory);padding:28px}.lesson-summary>span{color:var(--dr-gold-bright)}.lesson-summary h4{color:var(--dr-ivory)}.summary-grid{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.summary-grid li{margin:9px 0;line-height:1.5}.summary-grid aside{background:var(--dr-surface);padding:18px}@supports (color:color-mix(in lab, red, red)){.summary-grid aside{background:color-mix(in srgb, var(--dr-surface) 10%, transparent)}}.summary-grid aside{border-radius:14px}.summary-grid aside p{margin:7px 0}.assessment-list{gap:9px;margin-top:22px;display:grid}.assessment-list label{background:var(--dr-surface);align-items:center;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.assessment-list label{background:color-mix(in srgb, var(--dr-surface) 8%, transparent)}}.assessment-list label{border-radius:10px}.assessment-list input{width:18px;height:18px;accent-color:var(--dr-gold-bright)}.lesson-complete{background:var(--dr-surface);color:var(--dr-ivory);border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:15px;display:flex}@media (max-width:900px){.outcome-grid,.analyzed-grid,.output-task-grid,.comparison-card>div,.summary-grid{grid-template-columns:1fr}.lesson-view-hero{align-items:flex-start}.lesson-section-body{padding:20px}}@media (max-width:600px){.lesson-view-hero{display:block}.lesson-view-time{border-radius:12px;gap:8px;width:auto;height:auto;margin-top:16px;padding:12px;display:flex}.lesson-view-hero h2{font-size:38px}.lesson-outcomes,.lesson-section-body,.lesson-summary{padding:18px}.graded-question-list article>div{grid-template-columns:1fr}.practice-stage-tabs{grid-template-columns:repeat(2,1fr);display:grid}.practice-stage-tabs button{justify-content:center}.lesson-example-grid article{grid-template-columns:28px 1fr}}.premium-page{gap:28px;display:grid}.premium-hero{background:radial-gradient(circle at 82% 18%,var(--dr-surface-2),transparent 24rem),linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep));border-radius:28px;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding:clamp(30px,5vw,64px);display:grid}@supports (color:color-mix(in lab, red, red)){.premium-hero{background:radial-gradient(circle at 82% 18%,color-mix(in srgb, var(--dr-surface-2) 28%, transparent),transparent 24rem),linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep))}}.premium-hero{color:var(--dr-ivory);overflow:hidden}.premium-hero .pill{align-items:center;gap:8px;display:inline-flex}.premium-hero .pill svg{width:17px}.premium-hero h1{color:var(--dr-ivory);margin:25px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1}.premium-hero h1 em{color:var(--dr-gold-bright);font-weight:400}.premium-hero p{max-width:680px;color:var(--dr-ivory);font-size:18px;line-height:1.65}.premium-hero aside{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:20px;align-self:center;padding:27px}@supports (color:color-mix(in lab, red, red)){.premium-hero aside{background:color-mix(in srgb, var(--dr-surface) 9%, transparent)}}.premium-hero aside{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:11px;display:grid}.premium-hero aside svg{color:var(--dr-gold-bright)}.premium-hero aside strong{font-size:19px}.premium-hero aside span{color:var(--dr-ivory);line-height:1.55}.premium-active{background:var(--dr-surface);color:var(--dr-ivory);border:1px solid var(--dr-line-strong);border-radius:18px;align-items:center;gap:16px;padding:20px 24px;display:flex}.premium-active div{gap:4px;display:grid}.premium-active svg{width:30px;height:30px;color:var(--dr-gold-bright)}.premium-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.premium-plans article{border:1px solid var(--dr-line-strong);background:var(--dr-surface);box-shadow:0 15px 40px var(--dr-bg-deep);border-radius:24px;gap:20px;padding:30px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.premium-plans article{box-shadow:0 15px 40px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.premium-plans article.selected{border-color:var(--dr-line-strong);box-shadow:0 18px 45px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.premium-plans article.selected{box-shadow:0 18px 45px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.premium-plans article.featured{background:linear-gradient(180deg,var(--dr-surface),var(--dr-surface))}.plan-badge{color:var(--dr-gold-bright);background:var(--dr-surface);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;top:22px;right:22px}.premium-plans label{cursor:pointer;align-items:center;gap:14px;display:flex}.premium-plans label input{width:20px;height:20px;accent-color:var(--dr-ivory)}.premium-plans label span{gap:4px;display:grid}.premium-plans label strong{font-size:20px}.premium-plans label small{color:var(--dr-text-body)}.plan-price{align-items:end;gap:7px;display:flex}.plan-price strong{font:700 clamp(42px,6vw,62px)/1 var(--dr-font-display);color:var(--dr-ivory)}.plan-price span{color:var(--dr-text-body);margin-bottom:8px;font-weight:800}.premium-plans article>p{color:var(--dr-text-body);margin:0;line-height:1.55}.premium-plans button{min-height:52px}.premium-setup{background:var(--dr-surface);border:1px solid var(--dr-line-strong);color:var(--dr-gold-bright);border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;line-height:1.55;display:flex}.premium-setup svg{flex:0 0 22px}.premium-setup span{gap:3px;display:grid}.premium-features{background:var(--dr-surface);border-radius:24px;grid-template-columns:1fr 1fr;gap:44px;padding:38px;display:grid}.premium-features h2{margin:13px 0;font-size:clamp(30px,4vw,46px)}.premium-features p{color:var(--dr-text-body);line-height:1.65}.premium-features ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.premium-features li{background:var(--dr-surface);color:var(--dr-ivory);border-radius:13px;align-items:center;gap:12px;padding:15px;font-weight:750;display:flex}.premium-features li svg{width:20px;color:var(--dr-gold-bright)}.premium-legal{text-align:center;color:var(--dr-text-body);padding:4px 18px;line-height:1.6}.premium-legal a{color:var(--dr-ivory);font-weight:800}.subscription-panel{text-align:left;border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:30px 0;padding:22px;display:grid}.subscription-icon{background:var(--dr-bg-deep);width:52px;height:52px;color:var(--dr-ivory);border-radius:15px;place-items:center;display:grid}.subscription-icon svg{width:25px}.subscription-panel small{color:var(--dr-gold-bright);font-weight:900}.subscription-panel h2{margin:4px 0;font-size:23px}.subscription-panel p{color:var(--dr-text-body);margin:0;font-size:14px!important}.subscription-panel a{white-space:nowrap;padding:13px 17px;text-decoration:none}@media (max-width:800px){.premium-hero,.premium-features,.premium-plans{grid-template-columns:1fr}.premium-hero aside{max-width:none}.subscription-panel{grid-template-columns:auto 1fr}.subscription-panel a{text-align:center;grid-column:1/-1}}@media (max-width:520px){.premium-page{padding:0 0 120px}.premium-hero{border-radius:0;padding:32px 22px}.premium-plans,.premium-features,.premium-setup,.premium-active,.premium-legal{margin-inline:14px}.premium-plans article{padding:25px 20px}.plan-badge{justify-self:start;position:static}.premium-features{padding:28px 20px}.subscription-panel{text-align:center;grid-template-columns:1fr}.subscription-icon{margin:auto}}.premium-plans .plan-choice{align-items:center;gap:14px;display:flex}.premium-plans .plan-choice input{width:20px;height:20px;accent-color:var(--dr-ivory)}.premium-plans .plan-choice span{gap:4px;display:grid}.premium-plans .plan-choice strong{font-size:20px}.premium-plans .plan-choice small{color:var(--dr-text-body)}.payment-shell{background:var(--dr-surface);min-height:100vh;padding:24px}.payment-shell header{max-width:1000px;color:var(--dr-ivory);justify-content:space-between;align-items:center;gap:18px;margin:0 auto 18px;display:flex}.payment-shell header a{color:var(--dr-ivory);font-weight:800}.payment-shell iframe{background:var(--dr-surface);width:min(100%,1000px);height:780px;box-shadow:0 18px 50px var(--dr-bg-deep);border:0;border-radius:20px;margin:auto;display:block}@supports (color:color-mix(in lab, red, red)){.payment-shell iframe{box-shadow:0 18px 50px color-mix(in srgb, var(--dr-bg-deep) 12%, transparent)}}.payment-shell>section,.payment-result{background:var(--dr-surface);text-align:center;max-width:620px;color:var(--dr-ivory);border-radius:22px;margin:12vh auto;padding:36px}.payment-shell>section a{margin-top:18px;text-decoration:none;display:inline-block}@media (max-width:600px){.payment-shell{padding:12px 0}.payment-shell header{padding:4px 14px}.payment-shell header strong{font-size:13px}.payment-shell iframe{border-radius:0;height:820px}}.premium-billing-fields .premium-consent{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:12px;grid-template-columns:none;align-items:flex-start;gap:11px;padding:13px 14px;font-weight:600;line-height:1.55;display:flex}.premium-consent input{height:19px;accent-color:var(--dr-ivory);flex:0 0 19px;margin-top:2px;width:19px!important;padding:0!important}.premium-consent a{color:var(--dr-ivory);font-weight:850}.premium-billing{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;padding:30px;display:grid}.premium-billing h2{color:var(--dr-ivory);margin:10px 0 8px;font-size:clamp(28px,4vw,40px)}.premium-billing p{color:var(--dr-text-body);margin:0;line-height:1.6}.premium-billing-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.premium-billing-fields label{color:var(--dr-ivory);gap:7px;font-weight:800;display:grid}.premium-billing-fields input,.premium-billing-fields textarea{box-sizing:border-box;border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;color:var(--dr-ivory);font:inherit;border-radius:12px;padding:13px 14px}.premium-billing-fields input:focus,.premium-billing-fields textarea:focus{outline:3px solid var(--dr-line-gold);border-color:var(--dr-line-gold)}.premium-billing-fields .wide{grid-column:1/-1}.premium-billing-fields button{min-height:52px}@media (max-width:800px){.premium-billing{grid-template-columns:1fr}}@media (max-width:520px){.premium-billing{margin-inline:14px;padding:24px 18px}.premium-billing-fields{grid-template-columns:1fr}.premium-billing-fields .wide{grid-column:auto}}.premium-gate{place-items:center;min-height:calc(100vh - 72px);padding-block:clamp(32px,7vw,96px);display:grid}.premium-gate-card{border:1px solid var(--dr-line-strong);background:radial-gradient(circle at 90% 5%,var(--dr-gold-tint),transparent 34%),linear-gradient(145deg,var(--dr-surface),var(--dr-surface));width:min(820px,100%);box-shadow:0 28px 80px var(--dr-bg-deep);border-radius:32px;padding:clamp(32px,6vw,72px)}@supports (color:color-mix(in lab, red, red)){.premium-gate-card{box-shadow:0 28px 80px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.premium-gate-card{text-align:center}.premium-gate-icon{width:72px;height:72px;color:var(--dr-ivory);background:var(--dr-bg-deep);box-shadow:0 14px 30px var(--dr-bg-deep);border-radius:24px;place-items:center;margin:0 auto 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.premium-gate-icon{box-shadow:0 14px 30px color-mix(in srgb, var(--dr-bg-deep) 22%, transparent)}}.premium-gate-icon svg{width:30px;height:30px}.premium-gate h1{color:var(--dr-ivory);letter-spacing:-.045em;margin:10px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.03}.premium-gate h1 em{color:var(--dr-gold-bright);font-family:var(--font-serif-display),serif;font-weight:500}.premium-gate-card>p:not(.eyebrow){max-width:650px;color:var(--dr-text-body);margin:0 auto;font-size:17px;line-height:1.7}.premium-gate-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0;display:grid}.premium-gate-benefits span{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:16px;align-items:center;gap:10px;padding:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.premium-gate-benefits span{background:color-mix(in srgb, var(--dr-surface) 78%, transparent)}}.premium-gate-benefits span{color:var(--dr-ivory);text-align:left}.premium-gate-benefits svg{width:21px;color:var(--dr-gold-bright);flex:0 0 21px}.premium-gate .primary{min-width:230px}.premium-gate-card>small{color:var(--dr-text-body);margin-top:18px;line-height:1.5;display:block}.free-access-banner{border:1px solid var(--dr-line-gold);background:var(--dr-surface);color:var(--dr-ivory);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:20px clamp(18px,4vw,54px) 0;padding:16px 20px;display:flex}.free-access-banner>div{align-items:center;gap:13px;display:flex}.free-access-banner svg{width:24px;color:var(--dr-gold-bright)}.free-access-banner span{gap:3px;display:grid}.free-access-banner small{color:var(--dr-text-body)}.free-access-banner button{background:var(--dr-bg-deep);color:var(--dr-ivory);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:11px 17px;font-weight:750}.level-lessons button.locked{opacity:.64}.level-lessons button.locked>span{background:var(--dr-bg-deep);color:var(--dr-ivory)}.level-lessons button.locked small:after{content:" · PREMIUM";color:var(--dr-gold-bright);letter-spacing:.04em;font-weight:800}.free-limit-note{border:1px solid var(--dr-line-gold);background:var(--dr-surface);color:var(--dr-ivory);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:15px 18px;display:flex}.free-limit-note button{color:var(--dr-gold-bright);cursor:pointer;background:0 0;border:0;font-weight:800}@media (max-width:700px){.premium-gate-benefits{grid-template-columns:1fr}.premium-gate-card{border-radius:24px}.free-access-banner{flex-direction:column;align-items:flex-start}.free-access-banner button{width:100%}.premium-gate h1{font-size:38px}}.account-page{min-height:100vh;padding:clamp(22px,4vw,62px)}.auth-help{color:var(--dr-text-body);margin-top:20px;font-size:.875rem;line-height:1.6;display:block}.auth-help a{color:var(--dr-ivory);text-decoration:underline}.account-form-card .password-toggle{justify-self:end;min-height:32px;margin:0}.auth-tabs button:disabled{opacity:.6;cursor:wait}.google-signin .google-button{width:100%}.google-signin>p{color:var(--dr-text-body);margin:10px 0 0;font-size:.875rem;line-height:1.5}.google-signin .auth-divider{color:var(--dr-text-body);font-size:.875rem}.google-button:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.auth-gate-shell{background:linear-gradient(135deg,var(--dr-surface) 0%,var(--dr-surface) 100%);min-height:100vh}.account-gate{scroll-behavior:smooth;display:block}.auth-loading{background:var(--dr-surface);min-height:100vh;color:var(--dr-ivory);place-content:center;justify-items:center;gap:12px;display:grid}.auth-loading .brand-mark{width:58px;height:58px;font-size:31px}.auth-loading strong{font-family:var(--dr-font-display);font-size:30px}.auth-loading span{color:var(--dr-text-body)}.account-shell{border:1px solid var(--line,var(--dr-line-strong));background:var(--dr-surface);max-width:1180px;min-height:720px;box-shadow:0 22px 60px var(--dr-bg-deep);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);margin:0 auto;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.account-shell{box-shadow:0 22px 60px color-mix(in srgb, var(--dr-bg-deep) 8%, transparent)}}.account-story{background:var(--dr-bg-deep);color:var(--dr-ivory);flex-direction:column;justify-content:center;padding:clamp(38px,6vw,82px);display:flex}.account-story .pill{color:var(--dr-ivory);background:var(--dr-surface);align-self:flex-start}.account-story h1{margin:28px 0 24px;font-size:clamp(44px,6vw,76px);line-height:.98}.account-story h1 em{color:var(--dr-gold-bright);font-weight:400}.account-story>p{color:var(--dr-ivory);max-width:630px;font-size:19px;line-height:1.7}.account-story ul{gap:15px;margin:35px 0 0;padding:0;list-style:none;display:grid}.account-story li{align-items:center;gap:12px;font-size:16px;display:flex}.account-story li:before{content:"✓";background:var(--dr-surface-2);width:27px;height:27px;color:var(--dr-ivory);border-radius:50%;place-items:center;font-weight:900;display:grid}.account-form-card{flex-direction:column;justify-content:center;padding:clamp(30px,5vw,66px);display:flex}.auth-tabs{background:var(--dr-surface);border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:5px;display:grid}.auth-tabs button{color:var(--dr-text-body);background:0 0;border:0;border-radius:10px;padding:14px;font-size:15px;font-weight:800}.auth-tabs button.active{background:var(--dr-surface);color:var(--dr-ivory);box-shadow:0 5px 16px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.auth-tabs button.active{box-shadow:0 5px 16px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.auth-channel-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.auth-channel-tabs button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);border-radius:12px;padding:12px;font-weight:800}.auth-channel-tabs button.active{border-color:var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory)}.google-button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);height:54px;color:var(--dr-ivory);cursor:pointer;border-radius:13px;font-size:16px;font-weight:800}.google-button span{font:800 20px var(--dr-font-body);color:var(--dr-text-body);margin-right:12px}.google-button:disabled,.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:var(--dr-text-body);align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.auth-divider span{background:var(--dr-surface-2);flex:1;height:1px}.account-form-card form{gap:17px;display:grid}.account-form-card label{color:var(--dr-ivory);gap:8px;font-size:14px;font-weight:800;display:grid}.account-form-card input{border:1px solid var(--dr-line-strong);width:100%;height:54px;font:inherit;color:var(--dr-ivory);background:var(--dr-surface);border-radius:12px;padding:0 15px;font-weight:500}.account-form-card input:focus-visible{outline:3px solid var(--dr-line-gold);border-color:var(--dr-line-gold)}.auth-submit{height:54px;margin-top:5px}.forgot-button{color:var(--dr-ivory);cursor:pointer;background:0 0;border:0;margin:19px auto 0;font-weight:800}.auth-legal{text-align:center;color:var(--dr-text-body);margin-top:24px;line-height:1.55;display:block}.auth-message{border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.auth-message.error{background:var(--dr-surface);color:var(--dr-gold-bright)}.auth-message.success{background:var(--dr-surface);color:var(--dr-ivory)}.auth-setup{background:var(--dr-surface);border:1px solid var(--dr-line-strong);color:var(--dr-gold-bright);border-radius:12px;margin-bottom:18px;padding:15px}.auth-setup p{margin:5px 0 0;font-size:14px;line-height:1.5}.account-profile{background:var(--dr-surface);border:1px solid var(--dr-line-strong);text-align:center;border-radius:28px;max-width:900px;margin:30px auto;padding:clamp(35px,6vw,76px)}.account-avatar{background:var(--dr-bg-deep);width:84px;height:84px;color:var(--dr-ivory);font:700 38px var(--dr-font-display);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.account-profile h1{margin:22px 0 8px;font-size:clamp(38px,5vw,62px)}.account-profile>p{color:var(--dr-text-body);font-size:18px}.account-benefits{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0;display:grid}.account-benefits article{background:var(--dr-surface);border-radius:17px;gap:9px;padding:23px;display:grid}.account-benefits b{color:var(--dr-gold-bright)}.account-benefits strong{font-size:17px}.account-benefits span{color:var(--dr-text-body);font-size:14px;line-height:1.55}@media (max-width:850px){.account-page{padding:14px}.account-shell{grid-template-columns:1fr;min-height:0}.account-story{padding:34px 25px}.account-story h1{font-size:44px}.account-story>p{font-size:16px}.account-story ul{display:none}.account-form-card{padding:28px 22px 36px}.account-benefits{grid-template-columns:1fr}}@media (max-width:520px){.account-page{padding:0 0 calc(136px + env(safe-area-inset-bottom))}.account-gate{padding-bottom:max(18px,env(safe-area-inset-bottom))}.account-gate .account-shell{min-height:100vh}.account-shell{border-left:0;border-right:0;border-radius:0}.account-story h1{font-size:39px}.account-profile{border-left:0;border-right:0;border-radius:0;margin:0}.auth-tabs button{font-size:14px}}.public-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;display:flex}.public-brand{color:var(--dr-ivory);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.public-brand span{background:var(--dr-surface);border:2px solid var(--dr-line-strong);width:38px;height:38px;font:700 23px var(--dr-font-display);border-radius:50%;place-items:center;display:grid}.public-brand strong{font:700 20px var(--dr-font-display)}.public-nav nav,.public-footer nav{align-items:center;gap:24px;display:flex}.public-nav nav a,.public-footer nav a{color:var(--dr-text-body);font-size:14px;font-weight:750;text-decoration:none}.public-nav nav a:last-child{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:10px;padding:11px 17px}.auth-legal a{color:var(--dr-ivory);font-weight:750}.public-proof{background:var(--dr-surface-2);border:1px solid var(--dr-line-strong);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1180px;margin:24px auto 0;display:grid;overflow:hidden}.public-proof article{background:var(--dr-surface);gap:6px;padding:26px;display:grid}.public-proof strong{font:700 clamp(27px,4vw,43px) var(--dr-font-display);color:var(--dr-ivory)}.public-proof span{color:var(--dr-text-body);font-size:13px}.public-program,.public-sample{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:24px;max-width:1180px;margin:24px auto 0;padding:clamp(30px,5vw,64px)}.public-program{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:center;gap:clamp(34px,7vw,90px);display:grid}.public-program h2,.public-sample h2{font:700 clamp(34px,5vw,55px)/1.05 var(--dr-font-display);color:var(--dr-ivory);margin:14px 0}.public-program>div>p{color:var(--dr-text-body);font-size:17px;line-height:1.75}.public-program ol{margin:0;padding:0;list-style:none;display:grid}.public-program li{border-bottom:1px solid var(--dr-line-strong);gap:18px;padding:22px 0;display:flex}.public-program li:last-child{border:0}.public-program li>b{color:var(--dr-gold-bright);font:700 20px var(--dr-font-display)}.public-program li span{gap:6px;display:grid}.public-program li strong{color:var(--dr-ivory);font-size:18px}.public-program li small{color:var(--dr-text-body);line-height:1.5}.public-sample{background:var(--dr-bg-deep);color:var(--dr-ivory);grid-template-columns:.85fr 1.15fr;gap:clamp(30px,7vw,90px);display:grid}.public-sample h2{color:var(--dr-ivory)}.public-sample>div>p{color:var(--dr-ivory);line-height:1.7}.public-sample code{background:var(--dr-bg-deep);color:var(--dr-gold-bright);border-radius:10px;padding:15px;line-height:1.5;display:block}.public-sample article{background:var(--dr-surface);color:var(--dr-ivory);border-radius:18px;align-content:center;gap:13px;padding:clamp(24px,4vw,42px);display:grid}.public-sample article>span{letter-spacing:.12em;color:var(--dr-gold-bright);font-size:11px;font-weight:850}.public-sample article>strong{font:700 25px/1.35 var(--dr-font-display)}.public-sample article p{color:var(--dr-text-body);margin:0}.public-sample article small{border-top:1px solid var(--dr-line-strong);color:var(--dr-text-body);padding-top:15px;line-height:1.55}.public-footer{border-top:1px solid var(--dr-line-strong);grid-template-columns:1fr auto auto;align-items:center;gap:30px;max-width:1180px;margin:42px auto 0;padding:24px 0 4px;display:grid}.public-footer p{color:var(--dr-text-body);font-size:13px}.public-footer nav a{font-weight:700}@media (max-width:850px){.public-proof{grid-template-columns:1fr 1fr}.public-program,.public-sample{grid-template-columns:1fr}.public-program ol{min-width:0}.public-footer{text-align:center;grid-template-columns:1fr;justify-items:center}.public-footer p{margin:0}.public-nav nav a:not(:last-child){display:none}}@media (max-width:520px){.account-gate.account-page{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.public-nav{margin:0;padding:12px 16px}.public-proof,.public-program,.public-sample{border-left:0;border-right:0;border-radius:0}.public-proof article{padding:20px 17px}.public-sample,.public-program{padding:34px 22px}.public-sample article>strong{font-size:21px}.public-footer{padding-inline:18px}}.account-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.account-actions .outline{padding:14px 22px;text-decoration:none}.account-delete-link{color:var(--dr-gold-bright);font-weight:800}.account-signout{padding:14px 28px}.app-update{z-index:120;top:max(14px,env(safe-area-inset-top));border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:min(680px,100vw - 28px);box-shadow:0 16px 45px var(--dr-bg-deep);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:grid;position:fixed;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.app-update{box-shadow:0 16px 45px color-mix(in srgb, var(--dr-bg-deep) 19%, transparent)}}.app-update{color:var(--dr-ivory)}.app-update-summary{text-align:left;min-width:0;color:inherit;background:0 0;border:0;align-items:center;gap:11px;display:flex}.app-update-summary>span{background:var(--dr-surface);border-radius:12px;flex:0 0 38px;place-items:center;height:38px;font-size:21px;font-weight:900;display:grid}.app-update-summary div{min-width:0}.app-update-summary strong,.app-update-summary small{display:block}.app-update-summary strong{font-size:15px}.app-update-summary small{text-overflow:ellipsis;white-space:nowrap;color:var(--dr-text-body);margin-top:3px;font-size:12px;overflow:hidden}.app-update-action{background:var(--dr-bg-deep);color:var(--dr-ivory);white-space:nowrap;border:0;border-radius:12px;padding:12px 17px;font-weight:900}.app-update-action:disabled{opacity:.65}.app-update ul{border-top:1px solid var(--dr-line-strong);color:var(--dr-text-body);grid-column:1/-1;margin:0;padding:10px 16px 4px 34px;font-size:13px;line-height:1.55}@media (max-width:560px){.app-update{top:max(8px,env(safe-area-inset-top));border-radius:15px;width:calc(100vw - 16px)}.app-update-summary>span{flex-basis:34px;height:34px}.app-update-summary strong{font-size:13px}.app-update-action{padding:11px 13px}.app-update ul{font-size:12px}}.dr-assistant{--chat-ink:var(--dr-ivory);--chat-line:var(--dr-ivory);max-width:1120px;color:var(--chat-ink);min-width:0;margin-inline:auto;padding-bottom:32px}.dr-assistant button,.dr-assistant select,.dr-assistant textarea{font:inherit}.dr-assistant button{cursor:pointer}.dr-assistant button:disabled{opacity:.5;cursor:not-allowed}.dr-assistant button:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.dr-assistant select:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.dr-assistant textarea:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.dr-thread:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.dr-detail summary:focus-visible{outline:3px solid var(--dr-line-gold);outline-offset:3px}.dr-chat-header{justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.dr-assistant-identity{align-items:center;gap:13px;display:flex}.dr-assistant-mark{background:var(--dr-bg-deep);width:46px;height:46px;color:var(--dr-ivory);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.dr-chat-header h1{letter-spacing:-.6px;margin:0 0 4px;font-family:inherit;font-size:24px;font-weight:750}.dr-chat-header p{color:var(--dr-text-body);margin:0;font-size:14px}.dr-new-chat{color:var(--dr-ivory);border:1px solid var(--dr-line-strong);white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;display:flex;font-size:14px!important}.dr-chat-surface{background:var(--dr-surface);border:1px solid var(--chat-line);box-shadow:0 10px 35px var(--dr-bg-deep);border-radius:22px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dr-chat-surface{box-shadow:0 10px 35px color-mix(in srgb, var(--dr-bg-deep) 3%, transparent)}}.dr-chat-surface{flex-direction:column;min-width:0;display:flex}.dr-chat-toolbar{border-bottom:1px solid var(--chat-line);background:var(--dr-surface);align-items:center;gap:16px;padding:14px 18px;display:flex}.dr-mode-list{flex:1;gap:4px;min-width:0;padding:3px;display:flex;overflow-x:auto}.dr-mode-list button{color:var(--dr-text-body);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex-shrink:0;padding:10px 12px;font-size:14px}.dr-mode-list button[aria-pressed=true]{background:var(--dr-surface-2);color:var(--dr-ivory);font-weight:700}.dr-level{white-space:nowrap;color:var(--dr-text-body);align-items:center;gap:8px;font-size:14px;display:flex}.dr-level select{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);border-radius:9px;min-height:40px;padding:8px}.dr-thread{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-wrap:anywhere;height:clamp(320px,49dvh,580px);padding:24px clamp(16px,4vw,52px);overflow-y:auto}.dr-welcome{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:12px auto;display:flex}.dr-welcome-symbol{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:15px;display:grid}.dr-welcome h2{letter-spacing:-.8px;margin:0 0 12px;font-family:inherit;font-size:clamp(23px,3vw,31px);line-height:1.25}.dr-welcome>p{color:var(--dr-text-body);margin:0 0 22px;font-size:16px;line-height:1.7}.dr-starters{gap:8px;width:100%;max-width:530px;display:grid}.dr-starters button{text-align:left;border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);border-radius:12px;justify-content:space-between;gap:16px;padding:14px 16px;font-size:14px;display:flex}.dr-starters button:hover{background:var(--dr-surface);border-color:var(--dr-line-strong)}.dr-welcome>small{color:var(--dr-text-body);margin-top:18px;font-size:12px}.dr-turn+.dr-turn{border-top:1px solid var(--dr-line-strong);margin-top:32px;padding-top:24px}.dr-user-message{background:var(--dr-surface);border-radius:17px 17px 4px;width:fit-content;max-width:85%;margin-left:auto;padding:14px 18px}.dr-user-message>span{color:var(--dr-text-body);font-size:12px}.dr-user-message p{white-space:pre-wrap;margin:5px 0 0;font-size:16px;line-height:1.65}.dr-assistant-message{margin-top:24px}.dr-speaker{letter-spacing:.03em;margin-bottom:13px;font-size:13px;font-weight:750;display:block}.dr-answer{font-size:16px;line-height:1.75}.dr-german,.dr-turkish{align-items:flex-start;gap:13px;display:flex}.dr-german>span,.dr-turkish>span{letter-spacing:.05em;border:1px solid var(--dr-line-strong);color:var(--dr-text-body);border-radius:5px;flex-shrink:0;margin-top:6px;padding:0 5px;font-size:11px}.dr-german p{font-size:21px;font-weight:650;line-height:1.6}.dr-answer p{white-space:pre-wrap;margin:0 0 14px}.dr-turkish{color:var(--dr-text-body)}.dr-clarify,.dr-exercise{background:var(--dr-surface);border-left:3px solid var(--dr-line-gold);border-radius:0 10px 10px 0;margin:16px 0;padding:16px 18px}.dr-exercise p{margin:5px 0}.dr-exercise small{color:var(--dr-text-body);font-size:13px}.dr-corrections h3{margin:16px 0 8px;font-size:16px}.dr-corrections>div{padding:10px 0}.dr-corrections del{color:var(--dr-gold-bright);background:var(--dr-surface)}.dr-corrections ins{color:var(--dr-ivory);background:var(--dr-surface);text-decoration:none}.dr-corrections p{color:var(--dr-text-body);margin:6px 0 0;font-size:15px}.dr-detail{border-top:1px solid var(--dr-line-strong);margin-top:6px}.dr-detail summary{cursor:pointer;align-items:center;gap:8px;padding:13px 0;font-size:14px;font-weight:650;display:flex}.dr-detail summary:before{content:"+";color:var(--dr-text-body);font-size:18px;font-weight:400}.dr-detail[open] summary:before{content:"−"}.dr-detail summary>span{color:var(--dr-text-body);margin-left:auto;font-size:12px;font-weight:400}.dr-detail>div{padding:4px 0 14px}.dr-detail p{margin-bottom:8px}.dr-detail code{background:var(--dr-surface);white-space:normal;overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:14px;display:block}.dr-detail small{color:var(--dr-text-body);font-size:13px}.dr-detail dl{margin:0 0 12px}.dr-detail dl>div{border-bottom:1px solid var(--dr-line-strong);grid-template-columns:1fr 2fr;gap:12px;padding:8px 0;display:grid}.dr-detail dt{font-weight:650}.dr-detail dd{color:var(--dr-text-body);margin:0}.dr-lesson-links{flex-wrap:wrap;gap:8px;display:flex}.dr-lesson-links button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);border-radius:7px;padding:8px;font-size:13px}.dr-answer-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:15px;display:flex}.dr-answer-actions button{color:var(--dr-text-body);background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font-size:13px;display:flex}.dr-answer-actions>span{color:var(--dr-text-body);margin-left:auto;font-size:12px}.dr-answer-note{color:var(--dr-text-body);font-size:13px}.dr-thinking{color:var(--dr-text-body);align-items:center;gap:10px;margin-top:20px;font-size:14px;display:flex}.assistant-spinner{animation:1s linear infinite assistant-spin}@keyframes assistant-spin{to{transform:rotate(360deg)}}.dr-chat-error{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-gold-bright);border-radius:12px;margin:20px 0 0;padding:16px;font-size:14px}.dr-chat-error p{margin:6px 0;line-height:1.6}.dr-chat-error small{font-size:13px}.dr-composer{border:1px solid var(--dr-line-strong);background:var(--dr-surface);box-shadow:0 4px 16px var(--dr-bg-deep);border-radius:16px;margin:8px 20px 20px;padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.dr-composer{box-shadow:0 4px 16px color-mix(in srgb, var(--dr-bg-deep) 2%, transparent)}}.dr-composer:focus-within{border-color:var(--dr-line-strong);box-shadow:0 0 0 3px var(--dr-bg-deep)}.dr-input-label{color:var(--dr-text-body);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.dr-composer textarea{resize:vertical;width:100%;min-height:70px;max-height:180px;color:var(--dr-ivory);background:0 0;border:0;padding:4px 0;font-size:16px;line-height:1.6;display:block}.dr-composer textarea:focus-visible{outline:0}.dr-composer-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.dr-composer-bottom>span{color:var(--dr-text-body);font-size:12px}.dr-send{background:var(--dr-bg-deep);color:var(--dr-ivory);border:0;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;display:flex;font-size:14px!important}.dr-chat-footnote{color:var(--dr-text-body);text-align:center;max-width:820px;margin:12px auto 0;font-size:12px;line-height:1.6}@media (max-width:760px){.dr-assistant{padding-bottom:24px}.dr-chat-header{gap:8px;margin-bottom:14px}.dr-chat-header h1{font-size:20px}.dr-chat-header p{display:none}.dr-assistant-mark{border-radius:11px;width:37px;height:37px}.dr-new-chat{padding:10px;font-size:12px!important}.dr-chat-toolbar{flex-wrap:wrap;gap:8px;padding:8px 10px}.dr-mode-list{flex-basis:100%;order:2}.dr-level{margin-left:auto;font-size:13px}.dr-level select{min-height:34px;padding:5px 8px}.dr-thread{height:44dvh;min-height:260px;padding:18px 14px}.dr-welcome{margin:0}.dr-welcome-symbol{display:none}.dr-welcome h2{font-size:22px}.dr-welcome>p{margin-bottom:15px;font-size:14px}.dr-starters button{padding:12px}.dr-welcome>small{margin-top:12px}.dr-chat-surface{border-radius:16px}.dr-composer{margin:6px 10px 12px;padding:10px 12px}.dr-context-note{display:none}.dr-user-message{max-width:94%}.dr-german p{font-size:19px}.dr-chat-footnote{padding-inline:8px}.dr-assistant-identity{gap:8px}}@media (prefers-reduced-motion:reduce){.assistant-spinner{animation:none}}.dr-allowance{background:var(--dr-surface);border-bottom:1px solid var(--dr-line-strong);color:var(--dr-ivory);padding:12px 18px;font-size:14px;line-height:1.6}.dr-allowance small{color:var(--dr-text-body);margin-top:3px;font-size:12px;display:block}.studio-hero{align-items:stretch}.studio-status{background:var(--dr-surface-2);min-width:180px;color:var(--dr-ivory);border-radius:20px;flex-direction:column;justify-content:center;padding:22px;display:flex}.studio-status span{color:var(--dr-ivory);font-size:11px}.studio-status strong{font:700 42px var(--dr-font-display);margin:12px 0 2px}.studio-status small{color:var(--dr-ivory)}.studio-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.studio-stats article{background:var(--dr-surface);border:1px solid var(--line);border-radius:16px;padding:20px}.studio-stats strong,.studio-stats span{display:block}.studio-stats strong{font:700 26px var(--dr-font-display)}.studio-stats span{color:var(--muted);margin-top:5px;font-size:12px}.studio-tabs{background:var(--dr-surface);border-radius:16px;gap:8px;margin-bottom:22px;padding:7px;display:flex;overflow-x:auto}.studio-tabs button{min-width:130px;color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;padding:13px 15px;font-weight:800}.studio-tabs button.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 7px 18px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.studio-tabs button.active{box-shadow:0 7px 18px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.studio-form{background:var(--dr-surface);border:1px solid var(--line);border-radius:22px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:30px;padding:30px;display:grid}.studio-form-head{padding-right:10px}.studio-form-head h2{font:700 32px var(--dr-font-display);margin:10px 0}.studio-form-head p{color:var(--muted);line-height:1.65}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.studio-fields label{letter-spacing:.4px;color:var(--dr-text-body);gap:7px;font-size:11px;font-weight:800;display:grid}.studio-fields label.wide,.studio-submit{grid-column:1/-1}.studio-fields input,.studio-fields select,.studio-fields textarea{border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;color:var(--ink);font:500 14px var(--dr-font-body);border-radius:11px;padding:13px}.studio-fields textarea{resize:vertical;min-height:110px}.studio-submit{justify-self:start}.studio-library{gap:20px;display:grid}.backup-box{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:26px;display:flex}.backup-box h2{font:700 25px var(--dr-font-display);margin:8px 0}.backup-box p{max-width:620px;color:var(--muted);margin:0;line-height:1.55}.backup-box>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.import-button{border:1px solid var(--ink);cursor:pointer;border-radius:10px;align-items:center;padding:11px 15px;font-size:12px;font-weight:800;display:inline-flex}.import-button input{display:none}.studio-items{gap:10px;display:grid}.studio-items article{background:var(--dr-surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.studio-items article>span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.studio-items strong{font:700 17px var(--dr-font-display)}.studio-items p{color:var(--muted);margin:5px 0 0;font-size:12px}.studio-items button{background:var(--dr-surface);color:var(--dr-gold-bright);cursor:pointer;border:0;border-radius:9px;padding:9px 12px;font-weight:800}.studio-empty{background:var(--dr-surface);border:1px dashed var(--dr-line-strong);text-align:center;border-radius:18px;padding:38px}.studio-empty p{color:var(--muted)}.custom-learning-list{gap:10px;margin-top:18px;display:grid}.custom-learning-list article{background:var(--dr-surface);border:1px solid var(--line);border-radius:14px;padding:18px}.custom-learning-list span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.custom-learning-list h3{font:700 20px var(--dr-font-display);margin:8px 0}.custom-learning-list p{color:var(--dr-text-body);line-height:1.6}.custom-learning-list em{color:var(--ink);font:italic 16px var(--dr-font-display);margin-top:10px;display:block}.custom-sentence-section{margin-top:26px}.custom-sentence-section>h2{font:700 24px var(--dr-font-display)}.custom-sentence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.custom-sentence-grid article{background:var(--dr-surface);border:1px solid var(--line);border-radius:16px;padding:19px}.custom-sentence-grid span{color:var(--coral);letter-spacing:1px;font-size:10px;font-weight:900}.custom-sentence-grid strong{font:700 18px var(--dr-font-display);margin:10px 0;display:block}.custom-sentence-grid p{color:var(--muted);margin:0}.nav-item[title=Panel] .nav-icon{font-size:13px}@media (max-width:900px){.studio-form{grid-template-columns:1fr}.backup-box{flex-direction:column;align-items:flex-start}.studio-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.studio-hero{display:grid}.studio-status{min-width:0}.studio-stats{gap:8px}.studio-stats article{padding:15px}.studio-form{gap:14px;padding:20px}.studio-fields{grid-template-columns:1fr}.studio-fields label,.studio-fields label.wide,.studio-submit{grid-column:1}.custom-sentence-grid{grid-template-columns:1fr}.studio-items article{grid-template-columns:1fr auto}.studio-items article>span{grid-column:1/-1}.backup-box{padding:20px}}.mock-home{gap:22px;display:grid}.mock-home>header{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));color:var(--dr-ivory);border-radius:24px;justify-content:space-between;gap:24px;padding:32px;display:flex}.mock-home h2{font:750 clamp(34px,5vw,58px) var(--dr-font-display);margin:13px 0}.mock-home header p{max-width:760px;color:var(--dr-ivory);font-size:17px;line-height:1.65}.mock-home-stats{grid-template-columns:auto auto;align-content:center;gap:4px 12px;min-width:180px;display:grid}.mock-home-stats strong{font:750 38px var(--dr-font-display)}.mock-home-stats span{color:var(--dr-ivory);align-self:center;font-size:12px}.mock-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mock-set-grid>button{text-align:left;border:1px solid var(--line);background:var(--dr-surface);color:var(--ink);cursor:pointer;box-shadow:0 8px 24px var(--dr-bg-deep);border-radius:18px;padding:21px}@supports (color:color-mix(in lab, red, red)){.mock-set-grid>button{box-shadow:0 8px 24px color-mix(in srgb, var(--dr-bg-deep) 6%, transparent)}}.mock-set-grid>button{transition:all .2s}.mock-set-grid>button:hover{border-color:var(--dr-line-strong);box-shadow:0 16px 35px var(--dr-bg-deep);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.mock-set-grid>button:hover{box-shadow:0 16px 35px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.mock-set-grid>button>span{color:var(--coral);letter-spacing:.1em;font-size:10px;font-weight:900}.mock-set-grid h3{font:750 22px var(--dr-font-display);margin:12px 0 7px}.mock-set-grid p{min-height:38px;color:var(--dr-text-body);font-size:12px;line-height:1.5}.mock-set-grid>button>div{border-top:1px solid var(--line);gap:5px;margin-top:17px;padding-top:13px;display:grid}.mock-set-grid b{color:var(--dr-ivory)}.mock-set-grid i{color:var(--dr-text-body);font-size:10px;font-style:normal}.mock-workspace{gap:18px;display:grid}.mock-runner-head{background:var(--dr-surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 26px;display:grid}.mock-runner-head>button{background:var(--dr-surface);color:var(--ink);cursor:pointer;border:0;border-radius:11px;padding:12px 14px;font-weight:850}.mock-runner-head>div>span{color:var(--coral);letter-spacing:.08em;font-size:10px;font-weight:900}.mock-runner-head h2{font:750 28px var(--dr-font-display);margin:5px 0}.mock-timer{justify-items:end;display:grid}.mock-timer small{color:var(--dr-text-body);font-size:9px}.mock-timer strong{font:750 26px var(--dr-font-display)}.mock-timer span{color:var(--dr-text-body);font-size:10px}.mock-stage-nav{background:var(--dr-surface);border-radius:16px;grid-template-columns:repeat(6,1fr);gap:7px;padding:7px;display:grid}.mock-stage-nav button{color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-weight:800;display:flex}.mock-stage-nav button>b{background:var(--dr-surface-2);border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.mock-stage-nav button.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 7px 18px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.mock-stage-nav button.active{box-shadow:0 7px 18px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.mock-stage-nav button.active>b{background:var(--dr-surface-2);color:var(--dr-ivory)}.mock-stage-nav button.done{color:var(--dr-text-body)}.mock-stage{gap:18px;display:grid}.mock-instruction{background:var(--dr-surface);border:1px solid var(--line);border-radius:21px;padding:28px}.mock-instruction>span{color:var(--coral);letter-spacing:.1em;font-size:10px;font-weight:900}.mock-instruction h2{font:750 clamp(28px,4vw,44px) var(--dr-font-display);margin:11px 0}.mock-instruction p{max-width:850px;color:var(--dr-text-body);line-height:1.6}.mock-reading-text{background:var(--dr-surface);border-left:6px solid var(--dr-line-gold);font:500 20px/1.8 var(--dr-font-display);color:var(--dr-ivory);border-radius:17px;padding:30px}.mock-question-list{gap:12px;display:grid}.mock-question{background:var(--dr-surface);border:1px solid var(--line);border-radius:17px;padding:23px}.mock-question>span{color:var(--coral);font-size:10px;font-weight:900}.mock-question h3{font:700 20px/1.45 var(--dr-font-display);margin:9px 0 15px}.mock-question>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mock-question button{text-align:left;border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.mock-question button>b{background:var(--dr-surface-2);min-width:26px;height:26px;color:var(--dr-text-body);border-radius:8px;place-items:center;display:grid}.mock-question button.chosen{background:var(--dr-surface);border-color:var(--dr-line-strong)}.mock-question button.chosen>b{background:var(--dr-bg-deep);color:var(--dr-ivory)}.listening-player{background:linear-gradient(135deg,var(--dr-bg-deep),var(--dr-bg-deep));border-radius:18px;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:22px;display:grid}.listening-player button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);cursor:pointer;border-radius:11px;padding:12px 15px;font-weight:850}.listening-player button+button{color:var(--dr-ivory);background:0 0}.listening-player p{background:var(--dr-surface);grid-column:1/-1;margin:8px 0 0;padding:18px}@supports (color:color-mix(in lab, red, red)){.listening-player p{background:color-mix(in srgb, var(--dr-surface) 7%, transparent)}}.listening-player p{color:var(--dr-ivory);font:17px/1.7 var(--dr-font-display);border-radius:12px}.writing-task-v2{grid-template-columns:.7fr 1.3fr;gap:16px;display:grid}.writing-task-v2>aside,.writing-task-v2>div{background:var(--dr-surface);border:1px solid var(--line);border-radius:18px;padding:24px}.writing-task-v2 aside h3{font:750 22px var(--dr-font-display)}.writing-task-v2 aside p{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 0;line-height:1.45;display:flex}.writing-task-v2 aside p>b{background:var(--dr-surface);min-width:27px;height:27px;color:var(--dr-gold-bright);border-radius:8px;place-items:center;display:grid}.writing-task-v2>div>div:first-child{justify-content:space-between;display:flex}.writing-task-v2>div>div>span{color:var(--dr-gold-bright)}.writing-task-v2>div>div>span.ok{color:var(--dr-text-body);font-weight:900}.writing-task-v2 textarea{border:1px solid var(--dr-line-strong);resize:vertical;width:100%;min-height:340px;font:16px/1.7 var(--dr-font-display);color:var(--ink);border-radius:13px;margin-top:14px;padding:18px}.writing-checks{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.writing-checks span{background:var(--dr-surface);color:var(--dr-text-body);border-radius:999px;padding:7px 10px;font-size:10px}.writing-checks span.done{background:var(--dr-surface-2);color:var(--dr-ivory)}.speaking-exam-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.speaking-exam-grid article{background:var(--dr-surface);border:1px solid var(--line);border-radius:18px;padding:24px}.speaking-exam-grid span{color:var(--coral);font-size:10px;font-weight:900}.speaking-exam-grid h3{font:750 22px/1.35 var(--dr-font-display);margin:13px 0}.speaking-exam-grid p{color:var(--dr-text-body);line-height:1.55}.speaking-exam-grid small{color:var(--dr-text-body)}.speaking-self-check{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.speaking-self-check label{cursor:pointer}.speaking-self-check input{opacity:0;position:absolute}.speaking-self-check span{background:var(--dr-surface);border:1px solid var(--line);border-radius:11px;padding:15px;font-weight:700;display:block}.speaking-self-check input:checked+span{background:var(--dr-surface);border-color:var(--dr-line-strong);color:var(--dr-ivory)}.mock-results{grid-template-columns:280px 1fr;gap:18px;display:grid}.result-score{background:var(--dr-gold-tint);min-height:340px;color:var(--dr-ivory);text-align:center;border-radius:21px;align-content:center;place-items:center;padding:26px;display:grid}.result-score.pass{background:linear-gradient(145deg,var(--dr-bg-deep),var(--dr-bg-deep))}.result-score>span{letter-spacing:.1em;font-size:10px}.result-score>strong{font:800 68px var(--dr-font-display);margin:17px}.result-score p{color:var(--dr-ivory);margin:0}.result-score b{background:var(--dr-surface);margin-top:15px;padding:9px 13px}@supports (color:color-mix(in lab, red, red)){.result-score b{background:color-mix(in srgb, var(--dr-surface) 9%, transparent)}}.result-score b{border-radius:999px}.result-details{background:var(--dr-surface);border:1px solid var(--line);border-radius:21px;padding:25px}.result-details h2{font:750 28px var(--dr-font-display)}.result-details article{border-top:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.result-details article>span{border-radius:9px;place-items:center;min-width:30px;height:30px;display:grid}.result-details article.correct>span{background:var(--dr-surface-2);color:var(--dr-text-body)}.result-details article.wrong>span{background:var(--dr-surface);color:var(--dr-gold-bright)}.result-details article p{color:var(--dr-text-body);margin:4px 0 0;font-size:12px}.manual-result{background:var(--dr-surface);border-radius:13px;grid-template-columns:auto 1fr;gap:10px;margin-top:17px;padding:16px;display:grid}.mock-runner-actions{background:var(--dr-surface);justify-content:space-between;gap:10px;padding:12px;display:flex;position:sticky;bottom:10px}@supports (color:color-mix(in lab, red, red)){.mock-runner-actions{background:color-mix(in srgb, var(--dr-surface) 93%, transparent)}}.mock-runner-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);z-index:3;border-radius:15px}.mock-runner-actions>button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:12px 16px;font-weight:850}.mock-runner-actions>button.primary{background:var(--dr-surface-2);color:var(--dr-ivory);border-color:var(--ink)}@media (max-width:950px){.mock-set-grid{grid-template-columns:repeat(2,1fr)}.mock-stage-nav{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto}.speaking-exam-grid,.writing-task-v2,.mock-results{grid-template-columns:1fr}.result-score{min-height:230px}.mock-question>div{grid-template-columns:1fr}}@media (max-width:620px){.mock-home>header{flex-direction:column;padding:24px}.mock-set-grid{grid-template-columns:1fr}.mock-runner-head{grid-template-columns:auto 1fr;padding:16px}.mock-timer{grid-column:1/-1;justify-items:start}.mock-reading-text{padding:22px;font-size:18px}.listening-player,.speaking-self-check{grid-template-columns:1fr}.mock-runner-actions{flex-direction:column;bottom:70px}.mock-runner-actions button{width:100%}}.mock-stage-nav{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto}.mock-stage-nav button{white-space:nowrap;min-width:0}.koko-page{gap:18px;display:grid}.koko-hero{background:linear-gradient(135deg,var(--dr-bg-deep) 0%,var(--dr-bg-deep) 53%,var(--dr-bg-deep) 100%);color:var(--dr-ivory);border-radius:25px;grid-template-columns:1fr 260px;align-items:stretch;gap:30px;margin:0;padding:34px;display:grid;position:relative;overflow:hidden}.koko-hero:after{content:"KO";font:900 150px/1 var(--dr-font-display);color:var(--dr-ivory);position:absolute;bottom:-42px;right:235px}@supports (color:color-mix(in lab, red, red)){.koko-hero:after{color:color-mix(in srgb, var(--dr-ivory) 3%, transparent)}}.koko-hero:after{pointer-events:none}.koko-hero h1{color:var(--dr-ivory);margin:9px 0 16px;font-size:clamp(38px,5vw,68px)}.koko-hero h1 em{color:var(--dr-gold-bright)}.koko-hero>div:first-child>p:last-child{max-width:720px;color:var(--dr-ivory);font-size:16px;line-height:1.65}.koko-today{background:var(--dr-surface);align-content:center;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.koko-today{background:color-mix(in srgb, var(--dr-surface) 7%, transparent)}}.koko-today{border:1px solid var(--dr-line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:19px}.koko-today>span{letter-spacing:.14em;color:var(--dr-ivory);font-size:9px;font-weight:900}.koko-today>strong{font:800 48px var(--dr-font-display);margin:10px 0 0}.koko-today>small{color:var(--dr-ivory)}.koko-today>div{background:var(--dr-surface);height:7px;margin:18px 0 9px}@supports (color:color-mix(in lab, red, red)){.koko-today>div{background:color-mix(in srgb, var(--dr-surface) 9%, transparent)}}.koko-today>div{border-radius:99px;overflow:hidden}.koko-today i{background:var(--dr-surface-2);border-radius:99px;height:100%;display:block}.koko-today>b{color:var(--dr-ivory);font-size:10px}.koko-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.koko-levels button{text-align:left;border:1px solid var(--line);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:17px;grid-template-columns:auto 1fr;column-gap:14px;padding:18px 20px;display:grid}.koko-levels button>strong{font:800 31px var(--dr-font-display);grid-row:1/3;align-self:center}.koko-levels button>span{font-size:12px;font-weight:850}.koko-levels button>small{color:var(--dr-text-body);margin-top:4px}.koko-levels button.active{background:var(--dr-surface);border-color:var(--dr-line-strong);box-shadow:0 8px 25px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.koko-levels button.active{box-shadow:0 8px 25px color-mix(in srgb, var(--dr-bg-deep) 13%, transparent)}}.koko-levels button.active>strong{color:var(--dr-gold-bright)}.koko-view-tabs{background:var(--dr-surface-2);border-radius:15px;gap:8px;padding:7px;display:flex;overflow-x:auto}.koko-view-tabs button{min-width:145px;color:var(--dr-text-body);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:850;display:flex}.koko-view-tabs button span{background:var(--dr-surface-2);border-radius:99px;place-items:center;min-width:25px;height:20px;padding:0 6px;font-size:9px;display:grid}.koko-view-tabs button.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 5px 15px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.koko-view-tabs button.active{box-shadow:0 5px 15px color-mix(in srgb, var(--dr-bg-deep) 7%, transparent)}}.koko-view-tabs button.active span{background:var(--dr-surface-2);color:var(--dr-ivory)}.koko-category-row{gap:7px;padding:1px 1px 6px;display:flex;overflow-x:auto}.koko-category-row button{white-space:nowrap;border:1px solid var(--line);background:var(--dr-surface);color:var(--dr-text-body);cursor:pointer;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:750}.koko-category-row button.active{background:var(--dr-surface-2);border-color:var(--ink);color:var(--dr-ivory)}.koko-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:17px;display:grid}.koko-drill-list{background:var(--dr-surface);border:1px solid var(--line);border-radius:19px;max-height:780px;padding:11px;display:grid;position:sticky;top:18px;overflow:auto}.koko-drill-list>div{justify-content:space-between;padding:10px 9px 14px;display:flex}.koko-drill-list>div span{letter-spacing:.1em;color:var(--coral);font-size:9px;font-weight:900}.koko-drill-list>div b{color:var(--dr-text-body);font-size:9px}.koko-drill-list>button{text-align:left;border:0;border-top:1px solid var(--dr-line-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 10px;display:grid}.koko-drill-list>button:hover{background:var(--dr-surface)}.koko-drill-list>button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.koko-drill-list i{background:var(--dr-surface);width:29px;height:29px;color:var(--dr-text-body);border-radius:8px;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.koko-drill-list .active i{background:var(--dr-surface)}@supports (color:color-mix(in lab, red, red)){.koko-drill-list .active i{background:color-mix(in srgb, var(--dr-surface) 9%, transparent)}}.koko-drill-list .active i{color:var(--dr-ivory)}.koko-drill-list strong,.koko-drill-list small{display:block}.koko-drill-list strong{font-size:12px}.koko-drill-list small{color:var(--dr-text-body);margin-top:4px;font-size:9px;line-height:1.35}.koko-drill-list .active small{color:var(--dr-ivory)}.koko-drill-list em{background:var(--dr-surface-2);width:20px;height:20px;color:var(--dr-gold-bright);border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.koko-coach{background:var(--dr-surface);border:1px solid var(--line);border-radius:21px;min-width:0;overflow:hidden}.koko-coach-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:26px 28px;display:flex}.koko-coach-head>div:first-child>span{color:var(--coral);letter-spacing:.12em;font-size:9px;font-weight:900}.koko-coach-head h2{font:750 clamp(28px,4vw,42px) var(--dr-font-display);margin:8px 0}.koko-coach-head p{max-width:690px;color:var(--dr-text-body);margin:0;line-height:1.55}.koko-coach-head>div:last-child{align-items:flex-start;gap:7px;display:flex}.koko-coach-head>div:last-child button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850}.koko-coach-head>div:last-child button:first-child{padding:6px 11px;font-size:18px}.koko-coach-head>div:last-child button.marked{background:var(--dr-surface-2);border-color:var(--dr-line-strong);color:var(--dr-gold-bright)}.koko-coach-head>div:last-child button.hard{background:var(--dr-surface);border-color:var(--dr-line-gold);color:var(--dr-gold-bright)}.koko-steps{background:var(--dr-surface);grid-template-columns:repeat(5,1fr);gap:5px;padding:9px;display:grid}.koko-steps button{min-width:0;color:var(--dr-text-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.koko-steps button>b{background:var(--dr-surface-2);border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:9px;display:grid}.koko-steps button span{min-width:0}.koko-steps strong,.koko-steps small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.koko-steps strong{font-size:10px}.koko-steps small{margin-top:3px;font-size:8px}.koko-steps button.active{background:var(--dr-surface);color:var(--ink);box-shadow:0 5px 14px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.koko-steps button.active{box-shadow:0 5px 14px color-mix(in srgb, var(--dr-bg-deep) 7%, transparent)}}.koko-steps button.active>b{background:var(--dr-surface-2);color:var(--dr-ivory)}.koko-steps button.done>b{background:var(--dr-surface-2);color:var(--dr-text-body)}.koko-stage{min-height:470px;padding:28px}.koko-instruction{padding-bottom:18px}.koko-instruction>span{color:var(--coral);letter-spacing:.12em;font-size:9px;font-weight:900}.koko-instruction h3{max-width:760px;font:650 20px/1.45 var(--dr-font-display);margin:9px 0 0}.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech{background:linear-gradient(145deg,var(--dr-surface),var(--dr-surface));border:1px solid var(--dr-line-strong);border-radius:18px;padding:25px}.koko-play{background:var(--dr-surface-2);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;display:flex}.koko-play>b{background:var(--dr-surface);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.koko-play>b{background:color-mix(in srgb, var(--dr-surface) 9%, transparent)}}.koko-play span,.koko-play small{text-align:left;display:block}.koko-play span{font-weight:850}.koko-play small{color:var(--dr-ivory);margin-top:2px;font-size:8px}.koko-model blockquote,.shadow-card blockquote{font:italic 600 clamp(24px,4vw,38px)/1.45 var(--dr-font-display);color:var(--dr-ivory);margin:27px 0 20px}.koko-model>p{background:var(--dr-surface);color:var(--dr-text-body);border-radius:11px;padding:14px 16px;line-height:1.55}.text-link{color:var(--dr-gold-bright);cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:850}.shadow-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.shadow-card>div:first-child button,.quick-answer>button:first-child{background:var(--dr-bg-deep);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:9px;padding:10px 13px;font-weight:800}.shadow-card>div:first-child span{color:var(--dr-text-body);font-size:9px;font-weight:850}.quick-answer>span,.transform-card>span,.free-speech>span{letter-spacing:.13em;color:var(--dr-gold-bright);margin-top:18px;font-size:9px;font-weight:900;display:block}.quick-answer>h3,.transform-card>h3,.free-speech>h3{font:750 clamp(24px,4vw,38px)/1.35 var(--dr-font-display);margin:9px 0 20px}.voice-area{gap:10px;display:grid}.voice-area>button{background:var(--dr-gold-tint);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:12px;justify-self:start;padding:13px 17px;font-weight:900}.voice-area>button b{margin-right:9px}.voice-area>button.recording{background:var(--dr-gold-tint);animation:1.1s infinite kokoPulse}.voice-area>span{color:var(--dr-text-body);font-size:9px}.voice-area textarea{border:1px solid var(--dr-line-strong);background:var(--dr-surface);resize:vertical;width:100%;min-height:95px;color:var(--ink);font:16px/1.55 var(--dr-font-display);border-radius:11px;padding:14px}.mic-message{background:var(--dr-surface);color:var(--dr-gold-bright);border-radius:9px;margin:0;padding:10px 12px;font-size:11px}.coverage{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.coverage>div{background:var(--dr-surface-2);border-radius:99px;height:7px;overflow:hidden}.coverage i{background:linear-gradient(90deg,var(--dr-gold-tint),var(--dr-bg-deep));border-radius:99px;height:100%;display:block}.coverage>b{font-size:10px}.coverage>small{color:var(--dr-text-body);grid-column:1/-1;font-size:9px}.answer-model{background:var(--dr-surface);border-left:4px solid var(--dr-line-gold);border-radius:10px;margin-top:13px;padding:15px 17px}.answer-model b{font:650 17px/1.5 var(--dr-font-display)}.answer-model p{color:var(--dr-text-body);margin:7px 0 0}.answer-model button{background:var(--dr-surface);color:var(--dr-ivory);cursor:pointer;border:0;border-radius:8px;margin-top:10px;padding:8px 11px;font-weight:800}.transform-tools{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.transform-tools>button:last-child{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);cursor:pointer;border-radius:9px;padding:9px 12px;font-weight:800}.free-speech>p{background:var(--dr-surface);color:var(--dr-text-body);border-radius:10px;padding:13px 15px}.self-checks{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.self-checks span{background:var(--dr-surface);color:var(--dr-text-body);border-radius:9px;padding:10px 12px;font-size:10px}.koko-actions{border-top:1px solid var(--line);background:var(--dr-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px 28px;display:grid}.koko-actions>button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;border-radius:9px;padding:11px 14px;font-weight:850}.koko-actions>button:disabled{opacity:.35;cursor:not-allowed}.koko-actions>button.primary{background:var(--dr-surface-2);color:var(--dr-ivory);border-color:var(--ink)}.koko-actions>div{text-align:center;justify-content:center;gap:5px;display:grid}.koko-actions>div>span{color:var(--dr-text-body);font-size:9px}.koko-actions>div>div{gap:4px;display:flex}.koko-actions>div i{background:var(--dr-surface-2);border-radius:99px;width:20px;height:4px}.koko-actions>div i.done{background:var(--dr-gold-tint)}.koko-empty{text-align:center;background:var(--dr-surface);border:1px solid var(--line);border-radius:19px;padding:45px}.koko-empty>span{background:var(--dr-surface-2);width:60px;height:60px;color:var(--dr-text-body);border-radius:50%;place-items:center;margin:auto;font-size:25px;display:grid}.koko-empty h2{font:750 27px var(--dr-font-display)}.koko-empty p{color:var(--dr-text-body)}.phrase-bank{gap:15px;display:grid}.phrase-bank>header{background:var(--dr-surface);border:1px solid var(--line);border-radius:19px;justify-content:space-between;align-items:end;gap:25px;margin:0;padding:27px;display:flex}.phrase-bank h2{font:750 32px var(--dr-font-display);margin:10px 0}.phrase-bank header p{color:var(--dr-text-body);margin:0}.phrase-bank header label{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:11px;align-items:center;min-width:330px;padding:0 12px;display:flex}.phrase-bank input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:14px}.phrase-groups{grid-template-columns:1fr 1fr;align-items:start;gap:11px;display:grid}.phrase-groups article{background:var(--dr-surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.phrase-group-head{background:var(--dr-surface);width:100%;color:var(--ink);text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:18px;display:flex}.phrase-group-head span,.phrase-group-head strong,.phrase-group-head small{display:block}.phrase-group-head strong{font:750 18px var(--dr-font-display)}.phrase-group-head small{color:var(--dr-text-body);margin-top:4px}.phrase-group-head>b{color:var(--dr-gold-bright);font-size:9px}.phrase-groups article.open .phrase-group-head{background:var(--dr-surface)}.phrase-groups article>div{padding:8px;display:grid}.phrase-groups article>div>button{text-align:left;border:0;border-top:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:12px;display:flex}.phrase-groups article>div>button:hover{background:var(--dr-surface)}.phrase-groups article>div>button span{background:var(--dr-surface-2);min-width:27px;height:27px;color:var(--dr-ivory);border-radius:8px;place-items:center;font-size:9px;display:grid}.phrase-groups article>div>button p{font:15px/1.4 var(--dr-font-display);margin:0}@keyframes kokoPulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--dr-bg-deep) 15%, transparent)}}@media (max-width:1080px){.koko-workspace{grid-template-columns:240px minmax(0,1fr)}.koko-steps{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto}.koko-steps button{min-width:110px}.koko-coach-head{flex-direction:column}.koko-coach-head>div:last-child{align-self:flex-start}}@media (max-width:850px){.koko-hero{grid-template-columns:1fr}.koko-hero:after{right:-20px}.koko-workspace{grid-template-columns:1fr}.koko-drill-list{max-height:280px;position:static}.phrase-bank>header{flex-direction:column;align-items:stretch}.phrase-bank header label{min-width:0}.phrase-groups{grid-template-columns:1fr}.koko-stage{min-height:auto}}@media (max-width:620px){.koko-page{gap:13px}.koko-hero{padding:24px}.koko-hero h1{font-size:39px}.koko-today{padding:18px}.koko-levels{grid-template-columns:1fr}.koko-levels button{padding:13px 16px}.koko-view-tabs button{min-width:130px}.koko-coach-head{padding:20px}.koko-coach-head>div:last-child{width:100%}.koko-coach-head>div:last-child button:last-child{flex:1}.koko-stage{padding:20px}.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech{padding:19px}.koko-model blockquote,.shadow-card blockquote{font-size:24px}.self-checks{grid-template-columns:1fr}.koko-actions{z-index:4;grid-template-columns:1fr 1fr;padding:12px 18px;position:sticky;bottom:126px}.koko-actions>div{display:none}.koko-actions>button{padding:11px 8px;font-size:10px}.transform-tools{flex-direction:column;align-items:flex-start;gap:8px}.phrase-bank>header{padding:20px}.phrase-bank h2{font-size:27px}}.placement-page{gap:24px;padding-bottom:96px;display:grid}.placement-hero,.placement-result-hero{background:linear-gradient(135deg,var(--dr-surface) 0%,var(--dr-surface) 75%);border:1px solid var(--dr-line-strong);border-radius:28px;padding:clamp(30px,5vw,60px)}.placement-hero{grid-template-columns:minmax(0,1.4fr) minmax(220px,.45fr);align-items:end;gap:32px;display:grid}.placement-hero h1,.placement-result-hero h1{margin:18px 0;font-size:clamp(40px,5.5vw,70px);line-height:1.03}.placement-hero h1 em{color:var(--dr-gold-bright);font-weight:400}.placement-hero p,.placement-result-hero p{color:var(--dr-text-body);max-width:730px;font-size:17px;line-height:1.65}.placement-progress{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:19px;gap:8px;padding:22px;display:grid}.placement-progress svg{color:var(--dr-gold-bright)}.placement-progress strong{font-size:36px}.placement-progress span{color:var(--dr-ivory)}.placement-progress i{background:var(--dr-surface);border-radius:99px;height:7px}@supports (color:color-mix(in lab, red, red)){.placement-progress i{background:color-mix(in srgb, var(--dr-surface) 17%, transparent)}}.placement-progress i{margin-top:8px;overflow:hidden}.placement-progress b{background:var(--dr-surface-2);height:100%;display:block}.placement-sections{gap:22px;display:grid}.placement-sections>section{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:22px;gap:12px;padding:clamp(20px,3vw,34px);display:grid}.placement-section-title{align-items:center;gap:15px;margin-bottom:4px;display:flex}.placement-section-title>span{background:var(--dr-bg-deep);width:54px;height:54px;color:var(--dr-ivory);border-radius:14px;place-items:center;font-size:20px;font-weight:900;display:grid}.placement-section-title h2{margin:0;font-size:27px}.placement-section-title p{color:var(--dr-text-body);margin:3px 0 0}.placement-sections fieldset{border:1px solid var(--dr-line-strong);border-radius:15px;margin:0;padding:17px}.placement-sections legend{color:var(--dr-ivory);align-items:center;gap:9px;padding:0 6px;font-weight:850;display:flex}.placement-sections legend>span{background:var(--dr-surface);width:25px;height:25px;color:var(--dr-ivory);border-radius:50%;place-items:center;font-size:12px;display:grid}.placement-sections fieldset>div{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.placement-sections label{cursor:pointer;position:relative}.placement-sections input{opacity:0;pointer-events:none;position:absolute}.placement-sections label>span{border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);border-radius:10px;padding:10px 14px;font-weight:750;display:block}.placement-sections label.selected>span{background:var(--dr-bg-deep);color:var(--dr-ivory);border-color:var(--dr-line-strong)}.placement-sections fieldset>p{border-radius:9px;align-items:flex-start;gap:7px;margin:13px 0 0;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.placement-sections fieldset>p svg{width:17px;min-width:17px}.placement-sections .correct{background:var(--dr-surface);color:var(--dr-ivory)}.placement-sections .incorrect{background:var(--dr-surface);color:var(--dr-gold-bright)}.placement-finish{background:var(--dr-bg-deep);color:var(--dr-ivory);box-shadow:0 16px 36px var(--dr-bg-deep);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex;position:sticky;bottom:18px}@supports (color:color-mix(in lab, red, red)){.placement-finish{box-shadow:0 16px 36px color-mix(in srgb, var(--dr-bg-deep) 20%, transparent)}}.placement-finish>div{gap:3px;display:grid}.placement-finish span{color:var(--dr-ivory);font-size:13px}.placement-finish button:disabled{opacity:.45;cursor:not-allowed}.placement-result-hero{text-align:center;justify-items:center;display:grid}.placement-level-mark{background:var(--dr-bg-deep);width:118px;height:118px;color:var(--dr-ivory);font:800 48px var(--font-serif-display),var(--dr-font-display);border-radius:50%;place-items:center;margin-top:20px;display:grid}.placement-result-hero>div:last-child{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.placement-result-hero button{align-items:center;gap:7px;display:flex}.placement-result-hero button svg{width:17px}.placement-result-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.placement-result-grid article{border:1px solid var(--dr-line-strong);background:var(--dr-surface);text-align:center;border-radius:16px;gap:5px;padding:23px;display:grid}.placement-result-grid strong{color:var(--dr-ivory);font-size:30px}.placement-result-grid span{color:var(--dr-text-body)}.placement-disclaimer{text-align:center;max-width:850px;color:var(--dr-text-body);margin:0 auto;font-size:13px;line-height:1.65}@media (max-width:760px){.placement-hero{grid-template-columns:1fr}.placement-sections fieldset>div{grid-template-columns:1fr 1fr;display:grid}.placement-finish{flex-direction:column;align-items:stretch;bottom:84px}.placement-finish button{width:100%}.placement-result-grid{grid-template-columns:1fr}.placement-result-hero h1{font-size:42px}}.placement-sections fieldset[data-locked] label{cursor:default}.placement-sections fieldset[data-locked] label:not(.selected){opacity:.58}.placement-sections fieldset[data-locked] input{cursor:not-allowed}.profile-avatar{background:var(--dr-surface-2);color:var(--dr-ivory);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:750;overflow:hidden;letter-spacing:0!important;display:inline-flex!important}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.photo-editor{border:1px solid var(--dr-line-strong);background:var(--dr-surface);text-align:left;border-radius:22px;min-width:0;margin:0 0 32px;padding:24px}.photo-editor header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.photo-editor-icon{background:var(--dr-surface-2);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.photo-editor h2{color:var(--dr-ivory);margin:0;font-size:22px}.photo-editor header p{color:var(--dr-text-body);margin:5px 0 0;font-size:16px}.photo-editor-main{grid-template-columns:132px minmax(0,1fr);gap:24px;display:grid}.photo-preview-column{flex-direction:column;align-items:center;gap:14px;display:flex}.photo-preview{outline:4px solid var(--dr-line-strong);width:112px;height:112px;box-shadow:0 0 0 5px var(--dr-bg-deep);border-radius:50%;flex-shrink:0;overflow:hidden}.photo-preview>img{object-fit:cover;width:100%;height:100%;display:block}.photo-zoom{flex-direction:column;gap:8px;width:100%;font-size:14px;display:flex}.photo-zoom input{width:100%;accent-color:var(--dr-ivory);min-height:32px}.photo-option-label{color:var(--dr-ivory);margin:0 0 12px;font-size:14px;font-weight:700}.photo-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.photo-editor .photo-preset{background:var(--dr-surface);color:var(--dr-ivory);min-width:0;min-height:90px;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex;position:relative}.photo-preset>span:last-child{overflow-wrap:anywhere;font-size:14px;line-height:1.3}.photo-editor .photo-preset[aria-pressed=true]{border-color:var(--dr-line-strong);background:var(--dr-surface)}.photo-check{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:50%;padding:2px;position:absolute;top:4px;right:4px}.photo-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.photo-editor .photo-upload{white-space:normal;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:44px;margin-top:16px;display:inline-flex}.photo-file-help,.photo-privacy{color:var(--dr-text-body);font-size:14px;line-height:1.6}.photo-privacy{border-top:1px solid var(--dr-line-strong);margin:22px 0 18px;padding-top:18px}.photo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-editor .photo-actions button{white-space:normal;min-height:44px}.photo-remove{color:var(--dr-gold-bright);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px;font-size:14px;text-decoration:underline}.photo-editor button:disabled{opacity:.55;cursor:not-allowed}:is(.photo-editor button:focus-visible,.photo-editor input:focus-visible){outline:3px solid var(--dr-line-gold);outline-offset:3px}.arena-person{align-items:center;gap:10px;min-width:0;display:flex}.arena-person>div{overflow-wrap:anywhere;min-width:0}.arena-scoreboard .profile-avatar{margin:12px 0 0}.arena-ranking .profile-avatar{flex-shrink:0;width:40px!important}@media (max-width:600px){.photo-editor{padding:18px}.photo-editor-main{grid-template-columns:1fr;gap:20px}.photo-zoom{max-width:180px}.photo-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-actions .primary,.photo-editor .photo-upload{width:100%}.photo-editor header{align-items:flex-start}.photo-editor h2{font-size:20px}}@media (max-width:360px){.photo-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pwa-install{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;background:var(--dr-gold-tint);color:var(--dr-ivory);box-shadow:0 10px 30px var(--dr-bg-deep);border:0;border-radius:999px;padding:13px 18px;font-weight:900;position:fixed}@supports (color:color-mix(in lab, red, red)){.pwa-install{box-shadow:0 10px 30px color-mix(in srgb, var(--dr-bg-deep) 31%, transparent)}}.pwa-help{z-index:100;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--dr-bg-deep);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.pwa-help{background:color-mix(in srgb, var(--dr-bg-deep) 60%, transparent)}}.pwa-help section{background:var(--dr-surface);border-radius:24px;max-width:560px;max-height:90vh;padding:30px;position:relative;overflow:auto}.pwa-help section>button{background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:16px}.pwa-help h2{font:700 34px var(--dr-font-display);color:var(--dr-ivory)}.pwa-help p{color:var(--dr-text-body);line-height:1.65}.pwa-help small{background:var(--dr-surface);border-radius:12px;padding:14px;line-height:1.5;display:block}@media (max-width:700px){.pwa-install{right:max(12px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom))}}.reading-room{color:var(--dr-ivory)}.reader-intro h1{font:600 clamp(30px,4vw,48px)/1.15 var(--dr-font-display);margin:18px 0}.reader-intro p{max-width:700px;color:var(--dr-text-body);line-height:1.7}.reader-intro .pill{gap:8px}.reader-filters,.reader-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;display:flex}.reader-filters button,.reader-topbar button,.reading-room .outline{border:1px solid var(--dr-line-strong);background:var(--dr-surface);min-height:44px;color:var(--dr-ivory);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.reader-filters button[aria-pressed=true]{background:var(--dr-bg-deep);color:var(--dr-ivory)}.reader-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.reader-book{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:20px;min-width:0;overflow:hidden}.reader-cover{background:var(--dr-bg-deep);color:var(--dr-ivory);flex-direction:column;align-items:flex-start;gap:14px;min-height:230px;padding:26px;display:flex}.reader-cover>span{border:1px solid var(--dr-line-strong);border-radius:8px;padding:4px 10px}.reader-cover h2{font:600 30px/1.2 var(--dr-font-display);color:inherit;margin:0}.reader-cover small{letter-spacing:.12em;font-size:10px}.reader-a2 .reader-cover{background:var(--dr-gold-tint)}.reader-b1 .reader-cover,.reader-b2 .reader-cover{background:var(--dr-bg-deep)}.reader-book-info{padding:24px}.reader-book-info h3{margin:0 0 12px;font-size:20px}.reader-book-info p{font-size:14px;line-height:1.6}.reader-book-info .primary{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px;display:flex}.reader-topbar{justify-content:space-between}.reader-page{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;max-width:850px;margin:auto;padding:clamp(20px,4vw,48px)}.reader-page h2{font:600 32px/1.3 var(--dr-font-display);margin:0;scroll-margin-top:24px}.reader-instruction{color:var(--dr-text-body);font-size:14px;line-height:1.6}.reader-text{font-family:var(--dr-font-display);color:var(--dr-ivory);font-size:clamp(21px,2vw,26px);line-height:2.1}.reading-room .reader-text button{border:0;border-bottom:1px solid var(--dr-line-strong);min-height:0;font:inherit;line-height:inherit;color:inherit;cursor:pointer;overflow-wrap:normal;background:0 0;border-radius:3px;margin:0;padding:3px 1px;display:inline}:is(.reader-text button:hover,.reader-text button:focus-visible){background:var(--dr-surface);color:var(--dr-ivory)}.reader-translation{background:var(--dr-surface);border-radius:12px;padding:20px;line-height:1.8}.reader-note{color:var(--dr-text-body);margin-top:22px;font-size:13px;line-height:1.6;display:block}.reader-message{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:12px;padding:16px;line-height:1.6}.reader-message.error{background:var(--dr-surface);border-color:var(--dr-line-gold)}.reader-message button{margin-left:12px}.reader-word-dialog{border:1px solid var(--dr-line-strong);width:min(440px,100% - 32px);max-height:85dvh;color:var(--dr-ivory);box-shadow:0 24px 80px var(--dr-bg-deep);border-radius:22px;margin:auto;padding:30px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.reader-word-dialog{box-shadow:0 24px 80px color-mix(in srgb, var(--dr-bg-deep) 25%, transparent)}}.reader-word-dialog::backdrop{background:var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.reader-word-dialog::backdrop{background:color-mix(in srgb, var(--dr-bg-deep) 44%, transparent)}}.reader-word-dialog h2{font:600 30px/1.3 var(--dr-font-display);overflow-wrap:anywhere}.reader-word-dialog p{font-size:20px;line-height:1.5}.reader-word-dialog>small{margin-bottom:20px;line-height:1.7;display:block}.reader-word-dialog>button:not(.reader-dialog-close){justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;display:flex}.reader-dialog-close{width:44px;height:44px;color:inherit;background:0 0;border:0;position:absolute;top:12px;right:12px}.reader-cards-link{color:var(--dr-ivory);background:0 0;border:0;margin:24px auto;padding:12px;font-weight:700;text-decoration:underline;display:block}.reader-word-dialog button:disabled{opacity:.65}.reader-cover svg{opacity:.75}@media (max-width:650px){.reader-shelf{grid-template-columns:1fr}.reader-cover{min-height:200px}.reader-topbar button{flex:140px}.reader-topbar>span{order:-1;width:100%}.reader-word-dialog{padding:24px}.reader-page{padding:20px}}.arena{max-width:1120px;margin:auto;padding-bottom:40px}.arena-heading{color:var(--dr-ivory);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 10px;display:flex}.arena-heading h1{letter-spacing:-1.7px;margin:10px 0;font-size:clamp(32px,5vw,52px)}.arena-heading h1 span{color:var(--dr-gold-bright)}.arena p{line-height:1.65}.arena-heading p{color:var(--dr-text-body);margin-top:0}.arena button{cursor:pointer;min-height:44px}.arena button:disabled{cursor:not-allowed;opacity:.55}:is(.arena button:focus-visible,.arena input:focus-visible,.arena select:focus-visible,.arena summary:focus-visible){outline:3px solid var(--dr-line-gold);outline-offset:3px}.arena-tabs{background:var(--dr-surface-2);border-radius:16px;gap:6px;margin:16px 0 24px;padding:6px;display:flex;overflow-x:auto}.arena-tabs button{color:var(--dr-ivory);white-space:nowrap;background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-weight:700;display:flex}.arena-tabs button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.arena-badge{background:var(--dr-gold-tint);color:var(--dr-ivory);border-radius:50%;padding:2px 7px}.arena-panel{border:1px solid var(--dr-line-strong);background:var(--dr-surface);box-shadow:0 5px 25px var(--dr-bg-deep);border-radius:22px;margin:20px 0;padding:26px}@supports (color:color-mix(in lab, red, red)){.arena-panel{box-shadow:0 5px 25px color-mix(in srgb, var(--dr-bg-deep) 2%, transparent)}}.arena-panel h2{color:var(--dr-ivory);margin:0 0 12px;font-size:23px}.arena-panel h2>span{color:var(--dr-text-body);font-size:16px}.arena-panel>p{color:var(--dr-text-body)}.arena-intro{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:24px;grid-template-columns:1.4fr 1fr;gap:24px;padding:30px;display:grid}.arena-intro h2{letter-spacing:-.7px;color:var(--dr-ivory);margin:20px 0;font-size:clamp(24px,3vw,36px)}.arena-intro p{color:var(--dr-ivory)}.arena-intro .pill{background:var(--dr-bg-deep);color:var(--dr-ivory)}.arena-intro .outline{color:var(--dr-ivory);border-color:var(--dr-line-strong);background:0 0;align-items:center;gap:10px;display:inline-flex}.arena-intro aside{background:var(--dr-bg-deep);border:1px solid var(--dr-line-strong);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.arena-intro aside strong{font-size:58px;font-family:var(--dr-font-display);color:var(--dr-gold-bright);font-weight:400}.arena-intro aside>span{letter-spacing:2px;margin-top:12px;font-size:10px}.arena-intro aside p{font-size:13px}.arena-form-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;display:grid}.arena label{color:var(--dr-ivory);flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.arena input:not([type=checkbox]),.arena select{border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;min-height:48px;color:var(--dr-ivory);font:inherit;border-radius:10px;padding:11px}.arena .arena-check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:500}.arena-check input{width:20px;height:20px;accent-color:var(--dr-ivory);flex-shrink:0}.arena-profile{max-width:660px}.arena-profile>small{color:var(--dr-text-body);margin:-6px 0 22px;display:block}.arena-hint{background:var(--dr-surface);border-left:3px solid var(--dr-line-strong);color:var(--dr-ivory);border-radius:4px;padding:14px 16px;font-size:13px;line-height:1.6}.arena-row{border-top:1px solid var(--dr-line-strong);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.arena-row strong{color:var(--dr-ivory);overflow-wrap:anywhere}.arena-row small{color:var(--dr-text-body);margin-top:6px;font-size:12px;display:block}.arena-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.arena .primary{justify-content:center;align-items:center;gap:9px;display:inline-flex}.arena .arena-text-button{color:var(--dr-gold-bright);background:0 0;border:0;padding:8px;text-decoration:underline}.arena-error{border:1px solid var(--dr-line-gold);background:var(--dr-surface);color:var(--dr-gold-bright);border-radius:12px;padding:16px}.arena-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.arena-notice{background:var(--dr-surface-2);color:var(--dr-ivory);border-radius:12px;padding:16px}.arena-messages:empty{display:none}.arena details>summary{cursor:pointer;min-height:36px;color:var(--dr-ivory);padding:6px 0;font-weight:700}.arena details li{margin:12px 0;line-height:1.65}.arena-back{color:var(--dr-ivory);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:20px;display:flex}.arena-match-title{justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.arena-scoreboard{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.arena-scoreboard article{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:18px;min-width:0;padding:22px}.arena-scoreboard article.is-me{background:var(--dr-surface);border-color:var(--dr-line-strong)}.arena-scoreboard article>span{letter-spacing:2px;color:var(--dr-text-body);font-size:10px}.arena-scoreboard h2{overflow-wrap:anywhere;color:var(--dr-ivory);margin:12px 0;font-size:clamp(16px,2vw,22px)}.arena-scoreboard strong{color:var(--dr-ivory);font-size:32px}.arena-scoreboard small{font-size:13px;font-weight:400}.arena-scoreboard p{color:var(--dr-text-body);margin-bottom:0;font-size:12px}.arena-question{border:1px solid var(--dr-line-strong);background:var(--dr-surface);text-align:center;border-radius:24px;padding:32px}.arena-question-meta{color:var(--dr-text-body);justify-content:space-between;gap:10px;font-size:14px;display:flex}.arena-question-meta span:last-child{align-items:center;gap:6px;display:flex}.arena-question progress{width:100%;height:6px;accent-color:var(--dr-text-body);margin-top:20px}.arena-question>h2{color:var(--dr-ivory);overflow-wrap:anywhere;margin:26px 0;font-size:clamp(30px,6vw,48px)}.arena-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.arena-choices button{text-align:left;border:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-ivory);overflow-wrap:anywhere;border-radius:12px;align-items:center;gap:12px;min-height:76px;padding:18px;font-size:16px;display:flex}.arena-choices button>span{background:var(--dr-surface-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.arena-choices button.selected{border:2px solid var(--dr-line-strong);background:var(--dr-surface-2);opacity:1}.arena-choices button:disabled:not(.selected){opacity:.7}.arena-question>small{color:var(--dr-text-body);margin-top:24px;line-height:1.6;display:block}.arena-question details{text-align:left;background:var(--dr-surface);border-radius:10px;padding:12px}.arena-result>svg{color:var(--dr-gold-bright);margin-bottom:20px}.arena-review{padding:0;list-style:none}.arena-review li{border-bottom:1px solid var(--dr-line-strong);grid-template-columns:22px 1fr 1fr;gap:12px;padding:10px;font-size:14px;display:grid}.arena-ranking-heading{align-items:center;gap:18px;margin-bottom:22px;display:flex}.arena-ranking-heading>svg{color:var(--dr-gold-bright);flex-shrink:0}.arena-ranking-heading h2{margin:0}.arena-ranking-heading p{color:var(--dr-text-body);margin:5px 0;font-size:14px}.arena-ranking{padding:0;list-style:none}.arena-ranking li{border-top:1px solid var(--dr-line-strong);color:var(--dr-ivory);align-items:center;gap:18px;padding:18px 12px;display:flex}.arena-ranking li.is-me{background:var(--dr-surface);border-radius:10px}.arena-ranking li>span{text-align:center;flex-shrink:0;width:28px;font-weight:700}.arena-ranking li>div{overflow-wrap:anywhere;flex:1;min-width:0}.arena-ranking small{color:var(--dr-text-body);margin-top:5px;font-size:12px;display:block}.arena-first{color:var(--dr-gold-bright)}.arena-empty{text-align:center;color:var(--dr-text-body);padding:35px}.arena-panel>small{color:var(--dr-text-body);line-height:1.6;display:block}.arena-panel a{color:var(--dr-ivory);text-decoration:underline}@media (max-width:650px){.arena-heading>svg{display:none}.arena-intro{grid-template-columns:1fr;padding:22px}.arena-intro aside{padding:18px}.arena-intro aside strong{font-size:40px}.arena-panel{padding:20px}.arena-tabs button{flex-direction:column;gap:5px;padding:10px 8px;font-size:12px}.arena-row{flex-direction:column;align-items:flex-start}.arena-row .arena-actions{width:100%}.arena-scoreboard article{padding:16px}.arena-question{padding:20px}.arena-choices{grid-template-columns:1fr}.arena-choices button{min-height:58px;padding:13px}.arena-match-title{align-items:flex-start}.arena-review li{grid-template-columns:20px 1fr}.arena-review li>span:last-child{grid-column:2}.arena-ranking li{gap:10px;padding:16px 6px}.arena-ranking li b{font-size:15px}.arena-form-grid{grid-template-columns:1fr}}.arena-matchmaking{border:2px solid var(--dr-line-strong);background:linear-gradient(120deg,var(--dr-surface),var(--dr-surface))}.arena-matchmaking h2{margin-top:18px}.arena-search-status{background:var(--dr-surface-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:18px;padding:22px;display:flex}.arena-search-status>div{flex:1;min-width:200px}.arena-search-status strong{font-size:20px}.arena-search-status small{color:var(--dr-ivory);font-size:14px;line-height:1.6;display:block}.arena-matchmaking .primary{min-width:180px}@media (max-width:650px){.arena-search-status{padding:16px}.arena-search-status button{width:100%}}.welcome-launch{border-bottom:1px solid var(--dr-line-strong);background:var(--dr-surface);color:var(--dr-text-body);justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;font-size:14px;display:flex}.welcome-launch button{color:var(--dr-ivory);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:8px;font-weight:750;display:flex}.welcome-dialog{box-sizing:border-box;border:1px solid var(--dr-line-strong);width:min(1080px,100% - 32px);max-height:90dvh;color:var(--dr-ivory);background:var(--dr-surface);box-shadow:0 24px 100px var(--dr-bg-deep);border-radius:24px;padding:0}@supports (color:color-mix(in lab, red, red)){.welcome-dialog{box-shadow:0 24px 100px color-mix(in srgb, var(--dr-bg-deep) 40%, transparent)}}.welcome-dialog{overflow:auto}.welcome-dialog::backdrop{background:var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.welcome-dialog::backdrop{background:color-mix(in srgb, var(--dr-bg-deep) 72%, transparent)}}.welcome-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome-dialog>header{align-items:flex-start;gap:20px;padding:28px 30px 20px;display:flex}.welcome-kicker{letter-spacing:.12em;color:var(--dr-gold-bright);font-size:12px;font-weight:800}.welcome-dialog h2{font-size:clamp(24px,3vw,36px);line-height:1.15;font-family:var(--font-serif-display),var(--dr-font-display);margin:10px 0}.welcome-dialog header p{max-width:740px;color:var(--dr-text-body);margin:0;font-size:16px;line-height:1.65}.welcome-close{border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:44px;height:44px;color:var(--dr-ivory);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.welcome-player{padding:0 30px 24px}.welcome-video-wrap{background:var(--dr-bg-deep);aspect-ratio:16/9;border-radius:16px;overflow:hidden}.welcome-player video{object-fit:contain;width:100%;height:100%;display:block}.welcome-chapter-heading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;display:flex}.welcome-chapter-heading h3{margin:0;font-size:19px}.welcome-chapter-heading>span{color:var(--dr-text-body);font-size:13px}.welcome-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.welcome-chapters button{text-align:left;background:var(--dr-surface);color:var(--dr-ivory);border:1px solid var(--dr-line-strong);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:12px;display:flex}.welcome-chapters button[aria-current=true]{background:var(--dr-bg-deep);color:var(--dr-ivory);border-color:var(--dr-line-strong)}.welcome-chapters span{opacity:.7;font-size:13px}.welcome-chapters strong{font-size:14px}.welcome-chapters small{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.welcome-today{background:var(--dr-surface-2);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:24px 0;padding:22px;display:flex}.welcome-today span{letter-spacing:.12em;font-size:12px;font-weight:800}.welcome-today h3{margin:7px 0;font-size:22px}.welcome-today p{margin:0;font-size:15px;line-height:1.6}.welcome-today .primary{flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:48px;text-decoration:none;display:flex}.welcome-transcript{border-top:1px solid var(--dr-line-strong);padding-top:16px}.welcome-transcript summary{cursor:pointer;min-height:44px;font-weight:700}.welcome-transcript p{font-size:16px;line-height:1.8}.welcome-dialog>footer{border-top:1px solid var(--dr-line-strong);justify-content:space-between;align-items:center;gap:20px;padding:16px 30px 24px;display:flex}.welcome-dialog footer p{color:var(--dr-text-body);margin:0;font-size:13px}.welcome-dialog footer button{color:var(--dr-ivory);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px;font-size:14px;text-decoration:underline}:is(.welcome-launch button:focus-visible,.welcome-dialog button:focus-visible,.welcome-player button:focus-visible){outline:3px solid var(--dr-line-gold);outline-offset:3px}.guide-watch-page{max-width:1120px;margin:auto;padding:40px 16px}.guide-watch-page>header{padding:20px 30px 28px}.guide-watch-page h1{margin:16px 0;font-size:clamp(30px,5vw,48px);line-height:1.15}.guide-watch-page>header p{line-height:1.7}.guide-watch-page>a{color:var(--dr-ivory);padding:10px 30px;display:inline-block}.guide-video-entry{background:var(--dr-bg-deep);color:var(--dr-ivory);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:24px;display:flex}.guide-video-entry h2{margin:0 0 8px;font-size:24px}.guide-video-entry p{margin:0;line-height:1.6}.guide-video-entry a{color:var(--dr-ivory);background:var(--dr-surface-2);white-space:nowrap;border-radius:12px;padding:14px 20px;font-weight:700;text-decoration:none}@media (max-width:640px){.welcome-launch{justify-content:flex-end;padding:8px 12px}.welcome-launch>span{display:none}.welcome-dialog{border-radius:18px;width:calc(100% - 16px);max-height:94dvh}.welcome-dialog>header{padding:20px 16px 16px}.welcome-player{padding:0 12px 16px}.welcome-dialog h2{font-size:26px}.welcome-chapter-heading{flex-direction:column;align-items:flex-start;gap:6px}.welcome-chapters{grid-template-columns:1fr}.welcome-today{flex-direction:column;align-items:stretch;padding:18px}.welcome-dialog>footer{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.guide-watch-page>header{padding:12px}.guide-video-entry{flex-direction:column;align-items:flex-start}.welcome-video-wrap{border-radius:10px}.welcome-player video::cue{font-size:16px}}@media (prefers-reduced-motion:reduce){.welcome-dialog *{scroll-behavior:auto!important}}.sentence-modes{background:var(--dr-surface);border-radius:14px;gap:8px;margin-bottom:16px;padding:7px;display:flex}.sentence-modes button{color:var(--dr-text-body);background:0 0;border:0;border-radius:10px;flex:1;padding:14px;font-weight:800}.sentence-modes button.active{background:var(--dr-surface);color:var(--dr-ivory);box-shadow:0 4px 12px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.sentence-modes button.active{box-shadow:0 4px 12px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent)}}.phrase-lab>header{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:22px;padding:28px}.phrase-lab h2{font:700 clamp(30px,4vw,48px) var(--dr-font-display);color:var(--dr-ivory);margin:12px 0}.phrase-lab>nav{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.phrase-lab>nav button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:999px;padding:9px 13px;font-weight:700}.phrase-lab>nav button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.phrase-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.phrase-grid article{background:var(--dr-surface);border:1px solid var(--dr-line-strong);border-radius:17px;padding:21px}.phrase-grid article>span{letter-spacing:.1em;color:var(--dr-gold-bright);font-size:10px;font-weight:900}.phrase-grid h3{font:700 22px var(--dr-font-display);color:var(--dr-ivory);margin:12px 0}.phrase-grid article>p{color:var(--dr-text-body)}.phrase-grid article>button{background:var(--dr-surface);color:var(--dr-ivory);border:0;border-radius:9px;padding:9px 12px;font-weight:800}.phrase-grid article>div{background:var(--dr-surface);border-radius:11px;gap:7px;margin-top:14px;padding:15px;display:grid}.phrase-grid article>div b{color:var(--dr-gold-bright);font-size:10px}.phrase-grid article>div strong{font-family:var(--dr-font-display);line-height:1.45}.phrase-grid article>div small{color:var(--dr-text-body)}@media (max-width:760px){.phrase-grid{grid-template-columns:1fr}.sentence-modes{flex-direction:column}}.legal-page{background:var(--dr-surface);min-height:100vh;color:var(--dr-ivory);padding:clamp(24px,6vw,78px)}.legal-shell{background:var(--dr-surface);border:1px solid var(--dr-line-strong);max-width:860px;box-shadow:0 18px 55px var(--dr-bg-deep);border-radius:26px;margin:0 auto;padding:clamp(28px,6vw,70px)}@supports (color:color-mix(in lab, red, red)){.legal-shell{box-shadow:0 18px 55px color-mix(in srgb, var(--dr-bg-deep) 7%, transparent)}}.legal-back{color:var(--dr-gold-bright);font-weight:800;text-decoration:none}.legal-page h1{font:700 clamp(40px,7vw,68px)/1.04 var(--dr-font-display);margin:26px 0 10px}.legal-updated{color:var(--dr-text-body);margin-bottom:38px}.legal-page section{border-top:1px solid var(--dr-line-strong);padding:25px 0}.legal-page h2{font:700 25px var(--dr-font-display);margin:0 0 12px}.legal-page p,.legal-page li{color:var(--dr-text-body);font-size:16px;line-height:1.75}.legal-page ul{padding-left:22px}.legal-page a{color:var(--dr-ivory)}.legal-note{background:var(--dr-surface);border-radius:14px;border:0!important;padding:18px 20px!important}@media (max-width:600px){.legal-page{padding:0}.legal-shell{border-left:0;border-right:0;border-radius:0;padding:30px 22px}.legal-page h1{font-size:42px}}.legal-action{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:16px;padding:22px}.legal-action h2{margin-top:0}.legal-action.warning{background:var(--dr-surface);border-color:var(--dr-line-strong)}.legal-action.danger{background:var(--dr-surface);border-color:var(--dr-line-gold)}.legal-button{background:var(--dr-bg-deep);cursor:pointer;border:0;border-radius:11px;padding:13px 18px;font-weight:800;text-decoration:none;display:inline-flex;color:var(--dr-ivory)!important}.legal-button.secondary{background:var(--dr-surface);border:1px solid var(--dr-line-strong);color:var(--dr-ivory)!important}.legal-button.danger-button{background:var(--dr-gold-tint)}.legal-button:disabled{opacity:.55;cursor:not-allowed}.legal-details{gap:0;margin:0;display:grid}.legal-details div{border-bottom:1px solid var(--dr-line-strong);grid-template-columns:minmax(130px,180px) 1fr;gap:18px;padding:13px 0;display:grid}.legal-details dt{color:var(--dr-ivory);font-weight:800}.legal-details dd{color:var(--dr-text-body);overflow-wrap:anywhere;margin:0;line-height:1.6}.site-legal-footer{background:var(--dr-bg-deep);color:var(--dr-ivory);padding:28px clamp(20px,5vw,64px);font-size:14px}.site-legal-footer-inner{grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:start;gap:18px 32px;max-width:1180px;margin:0 auto;display:grid}.site-legal-footer strong{font:700 21px var(--dr-font-display);display:block}.site-legal-footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}.site-legal-footer a{color:var(--dr-gold-bright);text-decoration:none}.site-legal-footer a:hover{text-decoration:underline}.site-legal-footer p{border-top:1px solid var(--dr-line-strong);color:var(--dr-ivory);grid-column:1/-1;margin:0;padding-top:14px;line-height:1.6}@media (max-width:760px){.site-legal-footer-inner{grid-template-columns:1fr}.site-legal-footer p{grid-column:auto}.legal-details div{grid-template-columns:1fr;gap:3px}}.site-legal-footer a{overflow-wrap:anywhere;min-height:28px;padding-block:4px;display:inline-block}@media (max-width:1100px){.site-legal-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}.sites-skeleton-preview{--sites-skeleton-background:var(--dr-surface);--sites-skeleton-foreground:var(--dr-ivory);--sites-skeleton-border:var(--dr-line-strong);isolation:isolate;color:var(--sites-skeleton-foreground);background:radial-gradient(circle at 50% 16%, var(--dr-surface) 0, transparent 34%), var(--sites-skeleton-background);font-family:var(--font-geist-sans), var(--dr-font-body);position:fixed;inset:0;overflow:hidden}.sites-skeleton-preview:before{z-index:3;background:linear-gradient(to bottom, var(--dr-surface), var(--dr-surface));height:220px;position:absolute;top:76px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-preview:before{background:linear-gradient(to bottom, color-mix(in srgb, var(--dr-surface) 92%, transparent), color-mix(in srgb, var(--dr-surface) 0%, transparent))}}.sites-skeleton-preview:before{pointer-events:none;content:""}.sites-skeleton-header{z-index:4;border-bottom:1px solid var(--sites-skeleton-border);background:var(--dr-surface);grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(24px,4vw,64px);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-header{background:color-mix(in srgb, var(--dr-surface) 94%, transparent)}}.sites-skeleton-brand,.sites-skeleton-search,.sites-skeleton-actions{opacity:.52;align-items:center;display:flex}.sites-skeleton-brand{gap:12px}.sites-skeleton-search{width:clamp(220px,30vw,420px)}.sites-skeleton-search-placeholder{width:100%;line-height:0;display:block}.sites-skeleton-search-placeholder>.react-loading-skeleton{display:block}.sites-skeleton-actions{justify-content:flex-end;gap:12px}.sites-skeleton-shell{z-index:1;opacity:.52;grid-template-columns:minmax(160px,.68fr) minmax(420px,2.35fr) minmax(200px,.88fr);gap:clamp(26px,3.2vw,50px);height:calc(100% - 76px);padding:clamp(28px,4dvh,44px) clamp(24px,4vw,64px) 116px;display:grid;position:relative}.sites-skeleton-sidebar{border-right:1px solid var(--dr-line-strong);min-width:0;padding:4px clamp(18px,2vw,30px) 0 0}.sites-skeleton-sidebar-heading{margin-bottom:24px}.sites-skeleton-sidebar-heading-secondary{margin-top:34px}.sites-skeleton-sidebar-list{flex-direction:column;gap:18px;display:flex}.sites-skeleton-sidebar-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:11px;display:grid}.sites-skeleton-article{grid-template-rows:auto minmax(210px,1fr) auto auto;width:100%;min-width:0;max-width:820px;margin-inline:auto;display:grid}.sites-skeleton-article-heading{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.sites-skeleton-article-media{min-height:0;display:block}.sites-skeleton-article-media>.react-loading-skeleton{height:100%;display:block}.sites-skeleton-article-meta{align-items:center;gap:12px;margin:22px 0;display:flex}.sites-skeleton-article-author{flex-direction:column;gap:4px;display:flex}.sites-skeleton-article-date{margin-left:auto}.sites-skeleton-article-copy{flex-direction:column;gap:8px;display:flex}.sites-skeleton-rail{flex-direction:column;gap:22px;min-width:0;display:flex}.sites-skeleton-rail-card{border:1px solid var(--sites-skeleton-border);background:var(--dr-surface);border-radius:16px;flex-direction:column;gap:14px;padding:clamp(20px,2vw,28px);display:flex}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-rail-card{background:color-mix(in srgb, var(--dr-surface) 72%, transparent)}}.sites-skeleton-rail-card{box-shadow:0 1px 2px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-rail-card{box-shadow:0 1px 2px color-mix(in srgb, var(--dr-bg-deep) 3%, transparent)}}.sites-skeleton-rail-card-compact{gap:12px}.sites-skeleton-status{z-index:20;border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:18px;width:auto;max-width:620px;margin-inline:auto;padding:20px 22px;position:absolute;top:clamp(96px,13dvh,122px);left:20px;right:20px}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-status{background:color-mix(in srgb, var(--dr-surface) 97%, transparent)}}.sites-skeleton-status{box-shadow:0 18px 50px var(--dr-bg-deep), 0 2px 8px var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.sites-skeleton-status{box-shadow:0 18px 50px color-mix(in srgb, var(--dr-bg-deep) 9%, transparent), 0 2px 8px color-mix(in srgb, var(--dr-bg-deep) 4%, transparent)}}.sites-skeleton-status{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sites-skeleton-status-kicker{color:var(--dr-text-body);letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:650;line-height:1.2;display:block}.sites-skeleton-status h1{color:var(--dr-ivory);letter-spacing:-.028em;margin:0;font-size:21px;font-weight:680;line-height:1.2}.sites-skeleton-status p{max-width:470px;color:var(--dr-text-body);margin:6px 0 0;font-size:14px;line-height:1.42}@media (max-width:1000px){.sites-skeleton-shell{grid-template-columns:minmax(150px,.58fr) minmax(0,2fr)}.sites-skeleton-rail{display:none}}@media (max-width:720px){.sites-skeleton-header{grid-template-columns:1fr auto;height:68px;padding:0 20px}.sites-skeleton-search,.sites-skeleton-actions>:first-child{display:none}.sites-skeleton-shell{grid-template-columns:minmax(0,1fr);height:calc(100% - 68px);padding:22px 20px 108px}.sites-skeleton-sidebar{display:none}.sites-skeleton-article{grid-template-rows:auto minmax(180px,1fr) auto auto;max-width:none}.sites-skeleton-article-heading{margin-bottom:18px}.sites-skeleton-status{border-radius:16px;padding:17px 18px;top:88px;left:16px;right:16px}.sites-skeleton-status h1{font-size:18px}.sites-skeleton-status p{font-size:13px}}@media (max-height:660px){.sites-skeleton-shell{padding-top:18px}.sites-skeleton-article-heading{margin-bottom:14px}.sites-skeleton-article-heading>:first-child{display:none}.sites-skeleton-article-meta{margin:14px 0}.sites-skeleton-article-copy{gap:5px}.sites-skeleton-status{top:80px}}@media (prefers-reduced-motion:reduce){.sites-skeleton-preview .react-loading-skeleton{animation:none!important}}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(var(--mobile-nav-height,80px) + 24px)}.content :is(button,input,select,textarea){min-width:0;max-width:100%}.content :is(button,a,h1,h2,h3,p,strong,label){overflow-wrap:anywhere}.content button{white-space:normal;min-height:44px;line-height:1.4}.content button svg{flex-shrink:0}.content :is(section,article,aside,main,header,footer,form){min-width:0}.content :is(.exam-tabs,.level-tabs,.studio-tabs){flex-wrap:wrap;overflow:visible}.content :is(.exam-tabs,.level-tabs,.studio-tabs)>button{white-space:normal;min-width:0}.pwa-install-entry{justify-content:center;padding:24px 16px;display:flex}.pwa-install-entry .pwa-install{white-space:normal;max-width:100%;min-height:48px;position:static}body .app-update{margin:16px auto;position:relative;inset:auto;transform:none}.koko-page .koko-hero h1{color:var(--dr-ivory)}.koko-page .koko-levels button{grid-template-columns:auto minmax(0,1fr)}.koko-page .koko-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.koko-page .koko-view-tabs button{flex-wrap:wrap;justify-content:space-between;gap:6px;min-width:0;min-height:48px;font-size:14px}.koko-page .koko-view-tabs button span{flex-shrink:0}.koko-page .koko-category-row{flex-wrap:wrap;overflow:visible}.koko-page .koko-category-row button{white-space:normal;min-height:44px;font-size:14px}.koko-page .koko-drill-list>button{grid-template-columns:32px minmax(0,1fr) auto}.koko-page .koko-drill-list strong{font-size:14px}.koko-page .koko-drill-list small{font-size:12px}.koko-page .koko-steps{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.koko-page .koko-steps button{min-width:0;min-height:72px}.koko-page .koko-steps button>b{flex-shrink:0}.koko-page .koko-steps strong,.koko-page .koko-steps small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4;overflow:visible}.koko-page .koko-steps strong{font-size:14px}.koko-page .koko-steps small{font-size:12px}.koko-page .koko-coach-head>div:last-child{flex-wrap:wrap}.koko-page .koko-coach-head>div:last-child button{min-height:44px;font-size:14px}.koko-page .koko-play{text-align:left;width:100%;min-height:52px}.koko-page .koko-play>b{flex-shrink:0}.koko-page .koko-play small{font-size:12px}.koko-page .shadow-card>div:first-child{flex-wrap:wrap;gap:12px}.koko-page .shadow-card>div:first-child span,.koko-page .voice-area>span{font-size:12px}.koko-page .coverage{grid-template-columns:minmax(0,1fr)}.koko-page .coverage>b,.koko-page .coverage>small{font-size:12px}.koko-page .koko-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);position:static}.koko-page .koko-actions>button{min-height:48px;font-size:14px}.koko-page .phrase-group-head{gap:12px}.koko-page .phrase-group-head>span{min-width:0}.koko-page .phrase-group-head>b{flex-shrink:0;font-size:12px}.koko-page .phrase-groups article>div>button{min-height:44px}.koko-page .phrase-groups article>div>button span{flex-shrink:0}.koko-page .phrase-groups article>div>button p{overflow-wrap:anywhere;min-width:0}@media (max-width:1100px){.koko-page .koko-workspace{grid-template-columns:minmax(0,1fr)}.koko-page .koko-drill-list{max-height:280px;position:static}.koko-page .koko-hero{grid-template-columns:minmax(0,1fr)}.koko-page .koko-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.content :is(button,summary){min-height:44px}.content :is(input,select,textarea){font-size:16px}.content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%}.main-content .section-subnav{flex-wrap:wrap;gap:8px;display:flex;overflow:visible}.main-content .subnav-pill{white-space:normal;overflow-wrap:anywhere;flex:130px;min-width:0;min-height:44px;line-height:1.4}.mobile-bottom-nav .mobile-bottom-item span{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-size:12px;line-height:1.3;overflow:visible}.mobile-bottom-nav .mobile-bottom-item{min-height:62px}body .main-content,.pwa-install-entry{padding-bottom:calc(var(--mobile-nav-height,80px) + 24px)}.content .fc-toolbar,.content .fc-levels{flex-wrap:wrap}.content .fc-card-meta{justify-content:center;margin-bottom:16px;position:static}.content .fc-flip-hint{margin-top:20px;position:static}.content .fc-card{height:auto;padding:24px 16px}.content .fc-card>strong{overflow-wrap:anywhere;line-height:1.2}.content .fc-study-head{flex-wrap:wrap;gap:12px}.content .arena-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:visible}.content .arena-tabs button{white-space:normal;flex-wrap:wrap;min-width:0}.content .arena-row,.content .arena-ranking-heading,.content .arena-match-title{flex-wrap:wrap}.content .arena-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.content .arena-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.content :is(.sentence-levels,.sentence-modes,.level-tabs,.exam-tabs,.studio-tabs){flex-wrap:wrap;overflow:visible}.content :is(.sentence-levels,.sentence-modes,.level-tabs,.exam-tabs,.studio-tabs)>button{white-space:normal;min-width:0}}@media (max-width:620px){.koko-page .koko-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.koko-page .koko-levels button{grid-template-columns:minmax(0,1fr);gap:5px;padding:14px}.koko-page .koko-levels button>strong{grid-row:auto;font-size:26px}.koko-page .koko-levels button>span{font-size:14px}.koko-page .koko-levels button>small{font-size:12px}.koko-page .koko-view-tabs{grid-template-columns:minmax(0,1fr)}.koko-page .koko-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.koko-page .koko-steps button:last-child{grid-column:1/-1}.koko-page .koko-stage,.koko-page .koko-coach-head,.koko-page :is(.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech){padding:16px}.koko-page .koko-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.koko-page .koko-actions>div{display:none}.koko-page .transform-tools{align-items:stretch}.content .fc-rating{grid-template-columns:repeat(2,minmax(0,1fr))}.content .fc-rating button{grid-template-columns:24px minmax(0,1fr)}.content .arena-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.content .arena-choices{grid-template-columns:minmax(0,1fr)}.content .arena-review li{grid-template-columns:22px minmax(0,1fr)}.content .arena-review li>:last-child{grid-column:2}.pwa-help section{width:100%;min-width:0;max-height:calc(100dvh - 40px);padding:24px 18px}.pwa-help h2{overflow-wrap:anywhere;padding-right:30px;font-size:28px}}@media (max-width:380px){.koko-page .koko-actions,.content .fc-rating{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.content *{transition:none!important;animation:none!important}}.study-rules>*{overflow-wrap:anywhere;min-width:0}.lesson-view{grid-template-columns:minmax(0,1fr);min-width:0}.lesson-view>*,.lesson-view :is(article,section,aside,details,.lesson-section-body){min-width:0}.lesson-view .grammar-table-wrap{max-width:100%;overflow-x:auto}.lesson-view :is(p,strong,small,h2,h3,h4,h5,span,li){overflow-wrap:anywhere}.lesson-view .lesson-view-section>summary{flex-wrap:wrap}.lesson-view :is(.outcome-grid article>p,.explanation-card aside>p,.formula-stack span){min-width:0}.learning-journey{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:20px;margin:0 0 28px;padding:24px}.learning-journey header,.journey-resume,.lesson-result-strip,.lesson-sync{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.learning-journey header>div,.journey-resume>div{flex:240px;min-width:0}.learning-journey h2{margin:12px 0 8px;font-size:clamp(24px,3vw,34px)}.learning-journey h3{margin:8px 0;font-size:20px;line-height:1.4}.learning-journey p{font-size:16px;line-height:1.6}.learning-journey small,.lesson-sync,.lesson-list-status{font-size:14px;line-height:1.5}.journey-resume{background:var(--dr-surface);border-radius:14px;margin:18px 0;padding:20px}.journey-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.journey-levels article{border:1px solid var(--dr-line-strong);border-radius:12px;min-width:0;padding:16px}.journey-levels article span{font-size:14px;display:block}.journey-levels progress{width:100%;height:12px;accent-color:var(--dr-ivory);margin:16px 0;display:block}.journey-levels button,.journey-review button{white-space:normal;overflow-wrap:anywhere;text-align:left;height:auto;min-height:44px}.journey-review{margin-top:22px}.journey-review button{border:1px solid var(--dr-line-strong);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;margin:8px 0;padding:14px;display:flex}.journey-review button span{font-size:14px}.lesson-result-strip{background:var(--dr-surface);border-radius:12px;margin:12px 0;padding:14px 18px;font-size:15px}.lesson-sync{padding:10px 0;font-size:14px}.lesson-sync.has-error{color:var(--dr-gold-bright)}.lesson-sync button{border:1px solid;border-radius:8px;min-height:44px;padding:10px}.lesson-completion-checklist{text-align:left;margin:18px 0;line-height:1.6}.lesson-completion-checklist small{font-size:14px;display:block}.lesson-list-status{color:var(--dr-ivory);margin-top:6px;display:block}.level-lessons>aside button.active .lesson-list-status{color:inherit;opacity:1}.lesson-view .graded-question-list article>div{flex-wrap:wrap;gap:10px;display:flex}.lesson-view .graded-question-list input{flex:200px;min-width:0}.lesson-view .graded-question-list button{flex:0 auto}.lesson-view button,.learning-journey button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:44px}.lesson-view .assessment-list label{align-items:flex-start;gap:12px;min-height:44px;display:flex}.lesson-view .assessment-list input{flex:0 0 20px;width:20px;height:20px;margin-top:3px}.lesson-view .assessment-list span{min-width:0}@media (max-width:1100px){.journey-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.level-lessons{grid-template-columns:minmax(0,1fr)!important}.level-lessons>aside{grid-template-columns:minmax(0,1fr);max-height:260px;display:grid;overflow:auto;position:static!important}.level-lessons>aside button{white-space:normal;overflow-wrap:anywhere;min-width:0}}@media (max-width:600px){.learning-journey,.journey-resume{padding:16px}.journey-resume .primary{width:100%}.journey-levels{grid-template-columns:minmax(0,1fr)}.lesson-view .practice-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.lesson-view .practice-stage-tabs button{min-width:0;padding:12px 8px}.lesson-view .practice-stage-tabs button:last-child{grid-column:1/-1}.lesson-view :is(.lesson-view-hero,.output-task-grid,.summary-grid,.outcome-grid,.analyzed-grid,.lesson-example-grid,.lesson-error-grid),.lesson-view .comparison-card>div{grid-template-columns:minmax(0,1fr)}.lesson-view .graded-question-list button{width:100%}.lesson-view .lesson-summary{padding:18px}}.app-shell>.main-content{width:100%;min-width:0}.main-content>.content{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,3vw,48px)}.main-content>.section-subnav{max-width:1440px;padding-inline:clamp(20px,3vw,48px)}.level-lessons{grid-template-columns:minmax(220px,260px) minmax(0,1fr);grid-auto-rows:auto;align-content:start}.level-lessons>.compact-lesson{align-self:start;padding:24px}.level-lessons>aside{grid-auto-rows:max-content;align-content:start;max-height:65vh;overflow:auto}.lesson-view .lesson-view-hero h2{font-size:clamp(27px,2.5vw,40px);line-height:1.18}.lesson-view-hero{flex-wrap:wrap;gap:16px}.lesson-view-hero>div:first-child{flex:300px;min-width:0}.lesson-view-time{width:76px;height:76px}.lesson-stepper{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:16px;padding:18px;scroll-margin-top:20px}.lesson-stepper>div,.lesson-step-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-stepper span{color:var(--dr-text-body);font-size:13px}.lesson-stepper progress{width:100%;height:8px;accent-color:var(--dr-ivory);margin:14px 0;display:block}.lesson-stepper label{align-items:center;gap:12px;font-size:14px;display:flex}.lesson-stepper select{border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:8px;min-width:0;padding:10px}.lesson-view [hidden],.lesson-view:not([data-step="7"])>.lesson-summary{display:none!important}.lesson-view:not([data-step="0"])>.lesson-outcomes{display:none}.lesson-step-actions{padding-block:18px}.lesson-step-actions button{padding:12px 18px}.compact-lesson:has(.lesson-view:not([data-step="7"]))>.lesson-next{display:none}.fc-page .fc-queues{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:901px){.main-content .section-subnav{flex-wrap:wrap}.main-content .subnav-pill{font-size:14px}}@media (max-width:900px){.main-content .section-subnav .subnav-pill:last-child:nth-child(odd){grid-column:1/-1}}.exam-group-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-block:24px 12px;display:grid}.exam-group-tabs button{background:var(--dr-surface);border:1px solid var(--dr-line-strong);color:var(--dr-ivory);border-radius:12px;padding:14px 8px;font-weight:700}.exam-group-tabs button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.fc-page .fc-hero{align-items:center;padding:22px 28px}.fc-page .fc-hero h1{margin:8px 0;font-size:clamp(26px,3vw,38px)}.fc-page .fc-hero h1 br{display:none}.fc-page .fc-queues{gap:8px;margin-block:16px}.fc-page .fc-queues button{grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:12px}.fc-page .fc-queues button>div{min-width:0}.fc-page .fc-queues strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.fc-page .fc-queues b{white-space:nowrap;justify-self:end}.fc-page .fc-queues small,.fc-page .fc-queues button>span{display:none}.fc-filter-disclosure{margin:12px 0}.fc-quick-controls{align-items:end;gap:12px;margin:16px 0;display:flex}.fc-quick-controls input,.fc-quick-controls select{border:1px solid var(--dr-line-strong);font:inherit;background:var(--dr-surface);border-radius:10px;width:100%;min-width:0;padding:12px}.fc-quick-controls input{flex:1}.fc-mode-select{flex:1;min-width:0;font-size:13px;display:none}@media (max-width:900px){.fc-page .fc-queues{display:none!important}.fc-mode-select{display:block}.fc-quick-controls{flex-wrap:wrap}.fc-quick-controls>*{flex:180px}.fc-page .fc-hero h1{font-size:28px}}.fc-filter-disclosure summary{cursor:pointer;border:1px solid var(--dr-line-strong);background:var(--dr-surface);border-radius:12px;padding:12px 16px;font-weight:700}.source-task-layout aside details>summary{cursor:pointer;background:var(--dr-surface);border-radius:10px;margin-top:8px;padding:14px;font-weight:700}.source-task-layout aside details button{text-align:left;border:0;border-bottom:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;color:var(--dr-ivory);gap:12px;padding:14px;display:flex}.source-task-layout aside details button.active{background:var(--dr-bg-deep);color:var(--dr-ivory)}.source-task-layout aside details button small{margin-top:6px;font-size:12px;display:block}.auth-loading{gap:18px}.auth-loading:has(.brand-mark):after{content:"";border:3px solid var(--dr-line-strong);border-top-color:var(--dr-line-strong);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (min-width:901px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar .nav-item{min-height:48px;font-size:15px}.sidebar .nav-label{font-size:15px}}@media (max-width:1100px){.level-lessons{row-gap:18px;grid-template-columns:minmax(0,1fr)!important}.level-lessons>aside{height:auto;min-height:0;max-height:220px;display:block;position:static;overflow:auto}.level-lessons>aside button{min-width:0}.level-lessons>.compact-lesson{min-height:0;margin:0}.level-hero{flex-wrap:wrap}.level-hero>div:first-child{min-width:0}}@media (max-width:900px){.main-content .section-subnav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.main-content .subnav-pill{width:100%}.exam-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-group-tabs button:last-child{grid-column:1/-1}.fc-page .fc-queues{flex-wrap:wrap;display:flex}.fc-page .fc-queues button{flex:130px}.fc-page .fc-hero-score,.fc-page .fc-hero p:last-child{display:none}.lesson-view .outcome-grid{grid-template-columns:1fr}}.fc-shortcuts{display:none}@media (hover:hover) and (pointer:fine){.fc-shortcuts{display:block}}@media (max-width:600px){.main-content>.content,.main-content>.section-subnav{padding-inline:16px}.level-lessons>.compact-lesson{padding:16px}.lesson-stepper label{display:block}.lesson-stepper select{width:100%;margin-top:8px;display:block}.lesson-step-actions{grid-template-columns:1fr 1fr;display:grid}.lesson-step-actions>span{display:none}.fc-page .fc-hero{padding:18px}.guide-page :is(.method-section,.study-rules,.b1-route,.rescue-section,.weekly-plan){opacity:1;content-visibility:visible;animation:none;transform:none}}@media (prefers-reduced-motion:reduce){.auth-loading:after{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:var(--dr-ivory);--ink-2:var(--dr-text-body);--muted:var(--dr-text-body);--cream:var(--dr-bg);--coral:var(--dr-gold-bright);--coral-2:var(--dr-orange-bright);--teal:var(--dr-gold);--indigo:var(--dr-gold);--sun:var(--dr-gold-bright);--line:var(--dr-line);--surface:var(--dr-surface);--surface-soft:var(--dr-surface-2);--ds-ink-900:var(--dr-ivory);--ds-ink-700:var(--dr-ivory);--ds-ink-500:var(--dr-text-body);--ds-muted:var(--dr-text-body);--ds-surface:var(--dr-surface);--ds-surface-sunken:var(--dr-surface-2);--ds-cream:var(--dr-bg);--ds-line:var(--dr-line);--ds-coral:var(--dr-gold-bright);--ds-coral-soft:var(--dr-gold-tint);--ds-success:var(--dr-success);--font-sans:var(--dr-font-body);--font-serif:var(--dr-font-display);--font-geist-sans:var(--dr-font-body);--font-geist-mono:var(--dr-font-mono);--font-serif-display:var(--dr-font-display);--shadow-sm:var(--dr-shadow);--shadow-lg:var(--dr-shadow);--shadow-1:var(--dr-shadow);--shadow-2:var(--dr-shadow)}html,body{background:var(--dr-bg);min-width:0;color:var(--dr-ivory);font-family:var(--dr-font-body)}body{line-height:1.6}button,input,textarea,select{font-family:var(--dr-font-body)}button,summary,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}button,a,summary{touch-action:manipulation}button{min-width:44px}.photo-editor{position:relative}.photo-editor .photo-file-input{clip-path:inset(50%);inset:0 auto auto 0;border:0!important;width:1px!important;min-width:0!important;max-width:1px!important;height:1px!important;min-height:0!important;padding:0!important}.dr-mobile-brand{display:none}input,textarea,select{color:var(--dr-ivory);background:var(--dr-surface-2);border-color:var(--dr-line-strong);accent-color:var(--dr-gold)}input::placeholder,textarea::placeholder{color:var(--dr-text-muted);opacity:1}h1,h2,h3,.content h1{font-family:var(--dr-font-display);color:var(--dr-ivory);text-wrap:balance}code,pre,.formula-stack,.rule-box,.fc-forms{font-family:var(--dr-font-mono)}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--dr-gold-bright);outline-offset:4px}::selection{background:var(--dr-gold);color:var(--dr-on-white-heading)}.primary,.continue-card button.primary{box-shadow:0 5px 20px var(--dr-gold-tint);padding:13px 22px;background:var(--dr-metal)!important;color:var(--dr-on-white-heading)!important;border:1px solid var(--dr-gold)!important;border-radius:999px!important;font-weight:700!important}.primary:hover{filter:brightness(1.08);box-shadow:0 8px 30px var(--dr-gold-tint)}.outline{padding:11px 18px;color:var(--dr-ivory)!important;border:1px solid var(--dr-line-strong)!important;background:0 0!important;border-radius:999px!important}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.eyebrow,.pill,.pill.coral{color:var(--dr-gold-bright)}.pill{background:var(--dr-gold-tint);border:1px solid var(--dr-line-gold);border-radius:999px;gap:8px}.pill.coral{background:var(--dr-gold-tint)}.content h1 em,.account-story h1 em{color:var(--dr-gold-bright);font-style:italic}.sidebar{background:var(--dr-bg-deep);border-right:1px solid var(--dr-line);box-shadow:none}.brand-mark,.public-brand>span{background:var(--dr-metal);color:var(--dr-on-white-heading);box-shadow:none;font-family:var(--dr-font-display)}.brand strong,.public-brand strong{font-family:var(--dr-font-display)}.nav-item{color:var(--dr-text-body)}.nav-item.active,.nav-item:hover{background:var(--dr-gold-tint);border-color:var(--dr-line-gold);color:var(--dr-gold-bright);box-shadow:none}.nav-item.active .nav-icon{color:var(--dr-gold-bright)}.mobile-bottom-nav{background:var(--dr-bg-deep)!important;border-top:1px solid var(--dr-line-gold)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-bottom-item{min-height:52px;color:var(--dr-text-body)!important}.mobile-bottom-item.active{color:var(--dr-gold-bright)!important;background:var(--dr-gold-tint)!important}.mobile-bottom-item.active:before{background:var(--dr-gold)}.subnav-pill.active,.exam-group-tabs button.active,.exam-tabs button.selected,.fc-levels button.active,.reader-filters button[aria-pressed=true]{background:var(--dr-gold-tint);border-color:var(--dr-line-gold);color:var(--dr-gold-bright)}.section-subnav,.exam-tabs,.exam-group-tabs{gap:8px}.subnav-pill{min-height:44px;font-size:13px}.account-gate{max-width:1440px!important}.public-nav{padding-block:18px 28px}.public-nav a{color:var(--dr-ivory);align-items:center;min-height:44px;display:inline-flex}.account-shell{isolation:isolate;background:var(--dr-bg-deep);border:1px solid var(--dr-line);border-radius:32px;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,56px);position:relative;overflow:hidden}.account-story,.account-shell>.account-form-card{z-index:1;position:relative}.account-story{box-shadow:none!important;background:0 0!important;border:0!important;padding:24px 0!important}.account-story h1{font-family:var(--dr-font-display);letter-spacing:-.04em;font-size:clamp(35px,4.3vw,62px);line-height:1.14}.account-story p,.account-story li{color:var(--dr-text-body)}.account-story .pill:before{content:"";background:var(--dr-orange);border-radius:50%;flex:none;width:6px;height:6px}.dr-hero-atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.dr-hero-atmosphere:before{content:"";background:radial-gradient(ellipse at 80% 0,var(--dr-gold-tint),transparent 60%);position:absolute;inset:0}.dr-float{color:var(--dr-gold-bright);font:500 19px var(--dr-font-display);opacity:.12;border:1px solid;border-radius:999px;padding:8px 16px;animation:7s ease-in-out infinite dr-float;position:absolute}.dr-float-0{top:3%;left:4%}.dr-float-1{animation-delay:-2s;top:3%;left:29%}.dr-float-2{color:var(--dr-orange);animation-delay:-4s;bottom:3%;left:3%}.dr-float-3{animation-delay:-1s;bottom:3%;left:27%}.dr-float-4{animation-delay:-3s;top:45%;left:46%}.dr-float-5{color:var(--dr-orange);animation-delay:-5s;bottom:2%;right:5%}.dr-hero-atmosphere i{background:var(--dr-gold);border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite dr-twinkle;position:absolute;top:18%;left:45%}.dr-hero-atmosphere i:nth-last-child(2){animation-delay:-1s;top:95%;left:20%}.dr-hero-atmosphere i:last-child{animation-delay:-2s;top:5%;left:95%}@keyframes dr-float{50%{transform:translateY(-9px)}}@keyframes dr-twinkle{0%,to{opacity:.22}50%{opacity:.85}}.account-form-card,.dr-free-plan,.reader-word-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--dr-paper-line);box-shadow:var(--dr-shadow);border-radius:24px;background:var(--dr-white)!important;color:var(--dr-on-white-body)!important}.account-form-card{padding:clamp(20px,3vw,32px)!important}.account-form-card :is(h1,h2,h3,label,strong),.dr-free-plan :is(h2,h3,strong),.reader-word-dialog h2{color:var(--dr-on-white-heading)}.account-form-card :is(p,small,.auth-help,.auth-legal),.reader-word-dialog p,.reader-word-dialog>small{color:var(--dr-on-white-body)}.account-form-card :is(input,textarea,select){background:var(--dr-field);color:var(--dr-on-white-heading);border:1px solid var(--dr-paper-line);border-radius:12px;min-height:48px}.account-form-card input::placeholder{color:var(--dr-on-white-body)}.account-form-card .auth-tabs{background:var(--dr-field);border:1px solid var(--dr-paper-line);border-radius:999px;gap:4px;padding:5px}.account-form-card .auth-tabs button{color:var(--dr-on-white-body);background:0 0;border:0;border-radius:999px;flex:1;padding:10px}.account-form-card .auth-tabs button.active{background:var(--dr-metal);color:var(--dr-on-white-heading)}.account-form-card .google-button{color:var(--dr-on-white-heading);background:var(--dr-white);border:1px solid var(--dr-paper-line);border-radius:999px;min-height:48px}.account-form-card .forgot-button,.account-form-card a{color:var(--dr-on-white-accent)}.account-form-card .auth-message{color:var(--dr-on-white-heading);background:var(--dr-field);border-color:var(--dr-paper-line)}.account-form-card .auth-message.error{color:var(--dr-on-white-accent);background:var(--dr-orange-tint)}.account-form-card .auth-divider{color:var(--dr-on-white-body)}.account-form-card .auth-divider span{background:var(--dr-paper-line)}.public-proof{border-color:var(--dr-line)}.public-proof strong{color:var(--dr-gold-bright);font-family:var(--dr-font-display)}.public-proof span,.public-program p,.public-program small,.public-footer p{color:var(--dr-text-body)}.public-program ol li{background:var(--dr-surface);border:1px solid var(--dr-line)}.public-program li b{color:var(--dr-gold-bright)}.public-sample,.public-sample article{background:var(--dr-surface);border:1px solid var(--dr-line);color:var(--dr-ivory)}.public-sample code,.formula-stack p{background:var(--dr-bg-deep);color:var(--dr-gold-bright);font-family:var(--dr-font-mono);border:1px solid var(--dr-line-gold);overflow-wrap:anywhere}.public-sample mark{color:var(--dr-orange-bright);background:0 0;font-weight:700}.public-sample article p,.public-sample article small{color:var(--dr-text-body)}.streak-badge{background:var(--dr-orange-tint);border-color:var(--dr-orange);box-shadow:none}.streak-badge svg{color:var(--dr-orange);animation:2.4s ease-in-out infinite dr-pulse}@keyframes dr-pulse{50%{transform:scale(1.08)}}.continue-card,.journey-resume{background:var(--dr-surface-2);border:1px solid var(--dr-line-gold)}.progress i,.progress-bar i,.fc-progress i{background:var(--dr-metal)}progress{accent-color:var(--dr-gold)}progress::-webkit-progress-bar{background:var(--dr-surface-2);border-radius:999px}progress::-webkit-progress-value{background:var(--dr-metal);border-radius:999px}progress::-moz-progress-bar{background:var(--dr-metal)}.dr-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dr-quick-grid button{text-align:left;background:var(--dr-surface);border:1px solid var(--dr-line);color:var(--dr-ivory);border-radius:20px;align-items:center;gap:14px;padding:20px;font-weight:700;display:flex}.dr-quick-grid svg{width:24px;height:24px;color:var(--dr-gold);flex:none}.dr-daily-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.dr-daily-steps button{text-align:left;background:var(--dr-surface);border:1px solid var(--dr-line);color:var(--dr-text-body);border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.dr-daily-steps b{color:var(--dr-gold-bright)}.lesson-step-actions{background:var(--dr-surface);border:1px solid var(--dr-line-gold);box-shadow:var(--dr-shadow);z-index:5;border-radius:20px;padding:12px;position:sticky;bottom:12px}.lesson-stepper{background:var(--dr-surface-2);border-color:var(--dr-line-gold)}.lesson-stepper select{background:var(--dr-surface);color:var(--dr-ivory)}.fc-card,.fc-card.revealed{background:var(--dr-surface);border-color:var(--dr-line-gold);justify-content:flex-start;gap:14px;min-height:480px;padding:0 24px 22px}.dr-word-art{background:var(--dr-surface-2);border-bottom:1px solid var(--dr-line-gold);width:calc(100% + 48px);height:180px;color:var(--dr-gold-bright);flex:none;place-items:center;display:grid}.dr-word-art svg{width:180px;height:160px}.dr-art-orbit{stroke:var(--dr-line-gold);stroke-dasharray:3 8;stroke-width:1px}.dr-art-spark{stroke:var(--dr-orange);fill:var(--dr-orange)}.fc-card .fc-card-meta{justify-content:center;position:static}.fc-card .fc-card-meta span{color:var(--dr-gold-bright);background:var(--dr-gold-tint);border-color:var(--dr-line-gold);font-size:10px}.fc-card>strong{font-family:var(--dr-font-display);color:var(--dr-ivory);overflow-wrap:anywhere;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.2}.fc-card.revealed>strong{color:var(--dr-gold-bright)}.fc-card>p{color:var(--dr-text-body);font-size:18px;font-family:var(--dr-font-body);margin:0}.fc-flip-hint{color:var(--dr-text-body);font-size:11px!important;position:static!important}.fc-forms{color:var(--dr-text-body)}.fc-rating button{background:var(--dr-surface-2);min-height:65px;padding:14px 10px}.fc-rating strong{font-size:13px}.fc-rating small{color:inherit;font-size:11px}.fc-rating button>span{background:0 0}.fc-rating .grade-again{background:var(--dr-orange-tint);color:var(--dr-orange-bright);border-color:var(--dr-orange)}.fc-rating .grade-hard{background:var(--dr-gold-tint);color:var(--dr-gold-bright);border-color:var(--dr-line-gold)}.fc-rating .grade-good{background:var(--dr-success-tint);color:var(--dr-success);border-color:var(--dr-success)}.fc-rating .grade-easy{border-color:var(--dr-success-bright);background:var(--dr-success-tint)!important;color:var(--dr-success-bright)!important}.fc-card-footer button{color:var(--dr-gold-bright);border:1px solid var(--dr-line);border-radius:999px;padding:10px;font-size:12px}.fc-hero,.level-hero,.start-hero{border:1px solid var(--dr-line-gold);box-shadow:none;background:var(--dr-bg-deep)!important}.dr-price-toggle{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0;display:flex}.dr-price-toggle button{border:1px solid var(--dr-line);background:var(--dr-surface);color:var(--dr-text-body);border-radius:999px;padding:12px 20px}.dr-price-toggle button[aria-pressed=true]{border-color:var(--dr-gold);color:var(--dr-gold-bright);background:var(--dr-gold-tint)}.dr-price-toggle small,.dr-orange-badge{background:var(--dr-orange-tint);color:var(--dr-orange-bright);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.dr-plan-comparison{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-block:24px;display:grid}.dr-free-plan,.dr-premium-plan{border-radius:24px;min-width:0;padding:clamp(22px,3vw,36px)}.dr-premium-plan{background:var(--dr-surface-2);border:2px solid var(--dr-gold);box-shadow:0 16px 50px var(--dr-gold-tint)}.dr-plan-comparison h2{margin:12px 0;font-size:32px}.dr-plan-comparison ul{gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.dr-plan-comparison li{align-items:start;gap:10px;display:flex}.dr-plan-comparison li svg{flex:none;width:19px;margin-top:3px}.dr-free-plan li{color:var(--dr-on-white-body)}.dr-free-plan .outline{color:var(--dr-on-white-heading)!important;border-color:var(--dr-paper-line)!important}.dr-premium-plan li svg{color:var(--dr-gold)}.dr-plan-price{font:500 clamp(38px,5vw,64px)/1.2 var(--dr-font-display);color:var(--dr-gold-bright)}.dr-plan-price small{font:400 15px var(--dr-font-body);color:var(--dr-text-body)}.dr-trust{color:var(--dr-text-body);flex-wrap:wrap;justify-content:center;gap:20px;margin:24px 0;font-size:13px;display:flex}.premium-billing{scroll-margin-top:24px}.dr-exam-filters{gap:8px;margin:22px 0;padding-block:4px;display:flex;overflow-x:auto}.dr-exam-filters button{border:1px solid var(--dr-line);background:var(--dr-surface);color:var(--dr-text-body);border-radius:999px;flex:none;padding:10px 20px}.dr-exam-filters button[aria-pressed=true]{background:var(--dr-metal);color:var(--dr-on-white-heading);border-color:var(--dr-gold)}.dr-placement-card{background:var(--dr-surface-2);border:1px solid var(--dr-line-gold);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.dr-placement-card h2{margin:10px 0}.dr-placement-card p{color:var(--dr-text-body);margin:0}.dr-mock-list{margin:24px 0}.dr-mock-list>button{background:var(--dr-surface);border:1px solid var(--dr-line);text-align:left;width:100%;color:var(--dr-ivory);border-radius:20px;align-items:center;gap:20px;margin:10px 0;padding:22px;display:flex}.dr-mock-list strong,.dr-mock-list small{display:block}.dr-mock-list small{color:var(--dr-text-body);margin-top:6px}.dr-mock-list>button>span:last-child{color:var(--dr-gold);margin-left:auto}.mock-stage-nav,.source-library>nav{white-space:nowrap;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;min-width:0;max-width:100%;overflow-x:auto}.mock-stage-nav>button,.source-library>nav>button{white-space:nowrap;flex:none;min-height:44px}.source-task-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}.source-task .task-points{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.source-task .task-points li{overflow-wrap:anywhere;min-width:0}@media (max-width:1100px){.source-task-layout{grid-template-columns:minmax(0,1fr)}.source-task-layout>aside{max-height:330px;overflow:auto}}.reader-cover{background:var(--dr-bg-deep);border-bottom:1px solid var(--dr-line-gold);color:var(--dr-gold-bright);position:relative}.reader-cover:after{content:"";border:1px solid var(--dr-line-gold);pointer-events:none;border-radius:12px;position:absolute;inset:12px}.reader-page{color:var(--dr-on-white-body);border-color:var(--dr-paper-line);box-shadow:var(--dr-shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--dr-paper)!important}.reader-page h2{color:var(--dr-on-white-heading);font-family:var(--dr-font-display)}.reader-page :is(.reader-note,.reader-instruction){color:var(--dr-on-white-body)}.reader-page .reader-text{font-family:var(--dr-font-display);color:var(--dr-on-white-heading);font-size:clamp(21px,2vw,26px);line-height:2.15}.reading-room .reader-text button{border-bottom:1px solid var(--dr-orange);min-width:44px;min-height:44px;color:var(--dr-on-white-heading);display:inline-block}.reader-text>button:first-child:first-letter{color:var(--dr-on-paper-accent);font-size:1.8em;line-height:1}:is(.reader-page .reader-text button:hover,.reader-page .reader-text button:focus-visible){color:var(--dr-on-white-heading);background:var(--dr-orange-tint)}.reader-page .outline,.reader-word-dialog .outline{color:var(--dr-on-white-heading)!important;border-color:var(--dr-paper-line)!important}.reader-page .reader-translation{background:var(--dr-white);color:var(--dr-on-white-body)}.dr-reader-kicker,.dr-page-number{color:var(--dr-on-paper-small);letter-spacing:.1em;font-size:13px;font-weight:700;display:block}.dr-reader-kicker{margin-bottom:14px}.dr-page-number{text-align:center;margin-top:32px}.reader-word-dialog .pill{color:var(--dr-on-paper-small)}.reader-word-dialog .primary svg{color:var(--dr-on-white-heading)}.content :is(.correct,.answer-correct,.word-ok,.lesson-complete){color:var(--dr-success);border-color:var(--dr-success);background:var(--dr-success-tint)}.content :is(.wrong,.answer-wrong){color:var(--dr-orange-bright);border-color:var(--dr-orange);background:var(--dr-orange-tint)}.legal-footer,.public-footer{background:var(--dr-bg-deep);border-top:1px solid var(--dr-line)}.legal-footer a,.public-footer a{color:var(--dr-gold-bright)}@media (max-width:1050px){.mock-stage-nav{white-space:nowrap;display:flex;overflow-x:auto}.dr-plan-comparison{grid-template-columns:1fr 1fr}}@media (max-width:900px){.dr-mobile-brand{background:var(--dr-bg-deep);color:var(--dr-ivory);width:100%;font:600 20px var(--dr-font-display);border:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.dr-mobile-brand .brand-mark{width:36px;height:36px}.lesson-step-actions{bottom:calc(var(--mobile-nav-height,76px) + 10px)}.account-shell{padding:24px}.dr-float{font-size:15px}.dr-placement-card{flex-wrap:wrap}.dr-placement-card .outline{width:100%}}@media (max-width:600px){.account-shell{border-radius:24px;gap:24px;padding:20px 16px}.account-story h1{font-size:38px}.dr-plan-comparison{grid-template-columns:1fr}.dr-daily-steps button{flex-direction:column;align-items:flex-start;padding:12px 8px;font-size:12px}.dr-quick-grid button{gap:10px;padding:16px 12px;font-size:13px}.fc-rating{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-word-art{height:160px}.dr-word-art svg{height:140px}.fc-card{padding-inline:18px}.dr-word-art{width:calc(100% + 36px)}.dr-mock-list>button{gap:12px;padding:16px}.dr-mock-list strong{font-size:16px}.public-nav nav{gap:8px}.public-nav nav a{font-size:12px}.dr-hero-atmosphere{opacity:.7}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.compact-welcome.account-page{min-height:0;margin:auto;padding:0 32px 16px;max-width:1600px!important}.compact-welcome .public-nav{gap:20px;max-width:none;min-height:72px;margin:0;padding:10px 0}.public-nav .public-brand{background:0 0;border:0;flex:none;padding:0}.public-nav .public-brand>span{border:0;border-radius:10px;width:34px;height:34px}.public-nav nav button,.welcome-text-button{color:var(--dr-ivory);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 8px;font-size:14px}.public-nav nav button[aria-pressed=true]{color:var(--dr-gold-bright)}.welcome-nav-actions{gap:10px;display:flex}.welcome-nav-actions button{padding:10px 18px;font-size:14px}.compact-welcome .account-shell{max-width:none;min-height:calc(100svh - 153px);box-shadow:none;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(28px,5vw,90px);padding:clamp(28px,4vw,64px)}.compact-welcome .account-story{align-self:center;padding:20px 0!important}.compact-welcome .account-story h1{letter-spacing:-.035em;overflow-wrap:normal;margin:24px 0 18px;font-size:clamp(36px,3.6vw,58px);line-height:1.12}.compact-welcome .account-story>p{max-width:460px;margin:0;font-size:16px;line-height:1.7}.compact-welcome .account-story>.pill{padding:8px 12px;font-size:12px;line-height:1.5}.welcome-hero-actions{align-items:center;gap:12px;margin:22px 0;display:flex}.welcome-hero-actions .primary{padding:12px 24px;font-size:14px}.welcome-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:460px;display:grid}.welcome-stats>div{background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:14px;gap:5px;min-width:0;padding:16px;display:grid}.welcome-stats strong{font:600 26px var(--dr-font-display);color:var(--dr-ivory)}.welcome-stats span{color:var(--dr-text-body);font-size:12px;line-height:1.5}.compact-welcome .account-form-card{place-self:center end;width:100%;max-width:460px;padding:24px!important}.compact-welcome .auth-tabs{margin-bottom:14px;padding:3px}.compact-welcome .auth-tabs button{min-height:44px;padding:8px;font-size:14px}.compact-welcome .google-button{height:44px;min-height:44px;font-size:14px}.compact-welcome .google-signin>p{margin:8px 0;font-size:12px;line-height:1.5}.compact-welcome .auth-divider{margin:12px 0;font-size:12px}.compact-welcome .account-form-card form{gap:12px}.compact-welcome .account-form-card label{gap:6px;font-size:14px}.compact-welcome .account-form-card input{height:44px;min-height:44px;font-size:16px}.auth-password-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.account-form-card .auth-password-heading .password-toggle{min-height:44px;margin:0;padding:0 4px;font-size:12px}.compact-welcome .auth-submit{height:44px;min-height:44px;margin:2px 0 0;font-size:14px}.compact-welcome .account-form-card>.forgot-button{min-height:44px;margin:0 auto;font-size:12px}.auth-support{text-align:center;color:var(--dr-on-white-body);font-size:12px}.auth-support summary{cursor:pointer;justify-content:center;align-items:center;min-height:44px;text-decoration:underline;display:flex}.auth-support .forgot-button{min-height:44px;margin:0}.auth-support .auth-help{text-align:left;margin:8px 0}.compact-welcome .auth-legal{margin:6px 0 0;font-size:12px;line-height:1.5}.compact-welcome #password-help{margin:0;font-size:12px;line-height:1.5}.welcome-mobile-back{display:none}.welcome-info{max-width:1100px;min-height:calc(100svh - 145px);margin:auto;padding:28px 0}.welcome-info h1{margin:20px 0 28px;font-size:clamp(32px,4vw,52px)}.welcome-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.welcome-info-grid article{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:22px;min-width:0;padding:28px}.welcome-info h2{margin:14px 0;font-size:26px}.welcome-info p{color:var(--dr-text-body);font-size:16px;line-height:1.7}.welcome-info small{color:var(--dr-text-body);font-size:14px;line-height:1.6}.welcome-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-plans article:last-child{border-color:var(--dr-gold)}.welcome-plans li{color:var(--dr-text-body);margin:12px 0}.welcome-faq{max-width:800px;margin-bottom:24px}.welcome-faq details,.welcome-example{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:16px;margin:12px 0;padding:16px 22px}.welcome-faq summary,.welcome-example summary{cursor:pointer;align-content:center;min-height:44px;font-size:16px;font-weight:600}.welcome-example{margin-bottom:24px}.welcome-example mark{color:var(--dr-orange-bright);background:0 0}.welcome-example code{background:var(--dr-bg-deep);color:var(--dr-gold-bright);overflow-wrap:anywhere;border-radius:12px;padding:16px;display:block}body:has(.compact-welcome) .site-legal-footer{background:var(--dr-bg);border-top:0;margin:0;padding:10px 32px}body:has(.compact-welcome) .site-legal-footer-inner{flex-wrap:wrap;justify-content:center;gap:6px 20px;max-width:1400px;margin:auto;display:flex}:is(body:has(.compact-welcome) .site-legal-footer-inner>div,body:has(.compact-welcome) .site-legal-footer-inner>p){display:none}body:has(.compact-welcome) .site-legal-footer nav{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}body:has(.compact-welcome) .site-legal-footer a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}body:has(.compact-welcome) .auth-gate-shell{background:var(--dr-bg);min-height:0}body:has(.compact-welcome) .pwa-install-entry{display:none}.compact-disclosure{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:18px;margin:18px 0;padding:0 20px}.compact-disclosure .content{max-width:none;padding:16px 0}.dashboard-page .learning-journey>header h2{font-size:24px}.dashboard-page .learning-journey>header p{display:none}.dashboard-page .learning-journey{margin:18px 0;padding:20px}.dashboard-page .dashboard-hero{margin-bottom:20px;padding:0}.dashboard-page .dashboard-hero h1{font-size:clamp(32px,4vw,46px)}.dashboard-page .dr-daily-steps{margin:16px 0}.dashboard-page .dr-quick-grid button{padding:16px}.content>.hero,.content>.level-hero,.content>.fc-hero,.content>.exam-header,.content>.premium-hero{margin-bottom:20px;padding:24px}.content>.level-hero h1,.content>.fc-hero h1,.content>.exam-header h1,.content>.premium-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.15}@media (min-width:851px) and (max-height:780px){.compact-welcome .account-shell{padding-block:24px}.compact-welcome .account-form-card{padding:20px!important}.compact-welcome .account-story h1{font-size:clamp(34px,3.5vw,50px)}}@media (max-width:1050px){.compact-welcome.account-page{padding-inline:20px}.compact-welcome .account-shell{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:28px;padding:28px}.public-nav nav{gap:4px}.welcome-nav-actions .outline{display:none}.welcome-stats>div{padding:12px}.welcome-stats strong{font-size:23px}}@media (max-width:850px){.compact-welcome.account-page{padding:0 16px 12px}.compact-welcome .public-nav{flex-wrap:wrap;gap:4px 12px;min-height:64px;padding:10px 0}.public-nav .public-brand strong{font-size:20px}.welcome-nav-actions{margin-left:auto}.welcome-nav-actions .outline{display:inline-flex}.welcome-nav-actions .primary{display:none}.compact-welcome .public-nav nav{border-top:1px solid var(--dr-line);order:3;justify-content:center;gap:20px;width:100%}.compact-welcome .account-shell{border-radius:24px;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 185px);padding:28px 24px}.compact-welcome .account-story{justify-self:center;width:100%;max-width:550px}.compact-welcome .account-story h1{font-size:clamp(36px,6.5vw,54px)}.compact-welcome .account-form-card{justify-self:center;max-width:500px;display:none}.compact-welcome.show-mobile-auth .account-story{display:none}.compact-welcome.show-mobile-auth .account-form-card{display:flex}.compact-welcome.show-mobile-auth .account-shell{align-items:start;padding:16px}.welcome-mobile-back{color:var(--dr-on-white-body);text-align:left;background:0 0;border:0;min-height:44px;margin-bottom:8px;font-size:14px;display:block}.welcome-info-grid{grid-template-columns:1fr}.welcome-info{min-height:0;padding:16px 0}.welcome-info-grid article{padding:22px}.welcome-info h1{font-size:34px}.welcome-info-grid{gap:12px}.welcome-plans{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.compact-welcome) .site-legal-footer{padding:4px 16px}.compact-welcome .dr-float{font-size:14px}.compact-disclosure{padding-inline:14px}.dashboard-page .dashboard-hero>div>p{font-size:14px}}@media (max-width:480px){.compact-welcome .account-shell{padding:22px 18px}.compact-welcome .account-story h1{font-size:36px}.compact-welcome .account-story>.pill{font-size:12px}.welcome-stats{gap:7px}.welcome-stats>div{padding:12px 8px}.welcome-stats strong{font-size:22px}.welcome-stats span{font-size:12px}.welcome-hero-actions{gap:6px}.welcome-hero-actions .primary{padding:12px 16px}.welcome-plans{grid-template-columns:1fr}.compact-welcome.show-mobile-auth .account-shell{background:0 0;border:0;padding:0}.compact-welcome .account-form-card{padding:20px!important}.welcome-info h1{font-size:30px}}.fc-card .dr-word-art-semantic{background:var(--dr-bg);border-bottom:1px solid var(--dr-line-gold);height:clamp(150px,26vw,220px);display:block;overflow:hidden}.dr-word-art-semantic img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;display:block}.fc-card:not(:has(.dr-word-art-semantic)){min-height:300px;padding-top:22px}.fc-card .fc-language{color:var(--dr-gold-bright)}.word-photo-credit{color:var(--dr-text-body);text-align:left;overflow-wrap:anywhere;margin-top:6px;font-size:13px}.word-photo-credit summary{cursor:pointer;min-height:44px;color:var(--dr-text-body);align-items:center;font-size:14px;display:flex}.word-photo-credit p{margin:4px 0;line-height:1.5}.word-photo-credit a{color:var(--dr-gold-bright);align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (max-width:600px){.fc-card .dr-word-art-semantic{height:180px}}.fc-swipe-guide{color:var(--dr-text-body);margin:0 0 12px;font-size:14px;line-height:1.6}.fc-swipe-guide b{color:var(--dr-ivory);display:block}.fc-swipe-shell{isolation:isolate;border-radius:22px;min-width:0;position:relative;overflow:clip}.fc-swipe-shell .fc-card{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;transform:translate(var(--swipe-x,0px),var(--swipe-y,0px)) rotate(var(--swipe-rotate,0deg));transition:transform .18s,border-color .18s}.fc-swipe-shell .fc-card img{pointer-events:none;-webkit-user-drag:none}.fc-swipe-shell.is-dragging .fc-card{cursor:grabbing;transition:none}.fc-swipe-feedback{z-index:2;pointer-events:none;text-align:center;background:var(--dr-surface-2);color:var(--dr-ivory);opacity:0;border-radius:999px;padding:12px;font-size:16px;font-weight:800;position:absolute;inset:16px 16px auto}.fc-swipe-shell[data-intent]:not([data-intent=""]) .fc-swipe-feedback{opacity:1}.fc-swipe-shell[data-intent=wrong] .fc-swipe-feedback{color:var(--dr-orange-bright);border:1px solid var(--dr-orange)}.fc-swipe-shell[data-intent=correct] .fc-swipe-feedback{color:var(--dr-success);border:1px solid var(--dr-success)}.fc-swipe-shell[data-intent=park] .fc-swipe-feedback{color:var(--dr-gold-bright);border:1px solid var(--dr-gold)}.fc-swipe-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.fc-swipe-actions button{cursor:pointer;overflow-wrap:anywhere;border:1px solid;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:66px;padding:12px 8px;display:flex}.fc-swipe-actions strong{font-size:16px}.fc-swipe-actions small{font-size:14px}.fc-swipe-actions .swipe-wrong{color:var(--dr-orange-bright);background:var(--dr-orange-tint);border-color:var(--dr-orange)}.fc-swipe-actions .swipe-correct{color:var(--dr-success);background:var(--dr-success-tint);border-color:var(--dr-success)}.fc-swipe-actions button:disabled{opacity:.45;cursor:default}.fc-down-handle,.fc-undo,.fc-parked-banner button{border:1px solid var(--dr-line-gold);background:var(--dr-surface-2);width:100%;min-width:0;min-height:48px;color:var(--dr-gold-bright);font:700 14px var(--dr-font-body);cursor:pointer;overflow-wrap:anywhere;border-radius:14px;margin-top:10px;padding:12px}.fc-down-handle{touch-action:none;-webkit-user-select:none;user-select:none}.fc-down-handle small{color:var(--dr-text-body);margin-top:4px;font-size:12px;font-weight:400;display:block}.fc-undo{text-align:left}.fc-parked-banner p{color:var(--dr-text-body);font-size:14px;line-height:1.5}.fc-page .fc-notice{font-size:14px;line-height:1.55}.fc-swipe-shell .fc-card:focus-visible{outline:3px solid var(--dr-gold-bright);outline-offset:-4px}.fc-swipe-actions button:focus-visible{outline:3px solid var(--dr-gold-bright);outline-offset:-4px}.fc-down-handle:focus-visible{outline:3px solid var(--dr-gold-bright);outline-offset:-4px}.fc-undo:focus-visible{outline:3px solid var(--dr-gold-bright);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.fc-swipe-shell .fc-card{transition:none;transform:none}.fc-swipe-feedback{transition:none}}.content .studio-tabs button{overflow-wrap:normal;word-break:normal;flex:140px}.sentence-center>header,.sentence-lab>header,.phrase-lab>header{display:block}.sentence-center>header h1{font-size:clamp(30px,4vw,56px);line-height:1.16}.photo-editor header{flex-wrap:wrap}.photo-editor header>div{flex:180px;min-width:0}.lesson-view .lesson-view-hero h2{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.mock-set-grid,.speaking-exam-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}@media (max-width:620px){.mock-runner-head{grid-template-columns:minmax(0,1fr)}.mock-runner-head>button{justify-self:start}.mock-runner-head>div{min-width:0}}@media (max-width:380px){.content .start-hero h1{font-size:28px;line-height:1.2}.content .level-overview h2{font-size:26px;line-height:1.25}.lesson-view .lesson-view-hero h2{font-size:24px}.lesson-view .lesson-outcomes h4{font-size:20px}}body{font:400 1rem/1.5 var(--dr-font-body)}body :is(h1,h2,h3,h4){font-family:var(--dr-font-body);letter-spacing:-.02em;text-wrap:pretty;font-weight:650}body :is(button,input,select,textarea){font-family:var(--dr-font-body)}.app-shell .content h1{font-size:var(--dr-type-page);margin:0 0 .5rem;font-weight:700;line-height:1.25}.app-shell .content :is(.guide-hero,.level-hero) h1{font-size:var(--dr-type-page)!important;margin:0 0 .5rem!important}.app-shell .content h2{font-size:var(--dr-type-section);font-weight:650;line-height:1.35}.app-shell .content h3{font-size:1.125rem;font-weight:650;line-height:1.4}.app-shell .content :is(h1,h2,h3) em{font-style:normal;font-weight:inherit}.app-shell .content :is(h1,h2,h3,p,button,strong){word-break:normal}.app-shell .content{padding-block:1.25rem 2rem}.app-shell .content>header{gap:1rem;margin-bottom:1rem}.app-shell .content header p:last-child{font-size:1rem;line-height:1.5}.app-shell .content>:is(.hero,.level-hero,.fc-hero,.exam-header,.premium-hero,.start-hero){min-height:0;margin-bottom:1rem;padding:1.25rem}.app-shell .content :is(.eyebrow,.pill){letter-spacing:.05em;font-size:.75rem;line-height:1.4}.app-shell .content :is(.primary,.outline){min-height:44px;padding:10px 16px;font-size:.875rem;line-height:1.4}.app-shell .content :is(input,select,textarea){font-size:1rem}.app-shell .content :is(blockquote,.reader-text,.sample-mail pre){font-family:var(--dr-font-body);font-style:normal}.app-shell .content .reader-text{font-size:1.125rem;line-height:1.85}.app-shell .content .reader-text button{min-height:0;font-size:inherit;line-height:inherit}.reader-page .reader-text>button:first-child:first-letter{font-size:inherit}.app-shell .content .fc-card>strong{font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:650}.app-shell .content .fc-card>p{font-size:1rem;line-height:1.5}.app-shell .content .fc-card{gap:12px;min-height:220px}.app-shell .content .reader-cover{gap:10px;min-height:150px;padding:20px}.app-shell .content .reader-shelf{gap:16px}.app-shell .content .reader-intro{display:block}.app-shell .content .reader-page{padding:clamp(16px,3vw,28px)}.app-shell .content .reader-filters{margin-block:12px}.app-shell .content :is(.sentence-lab,.phrase-lab)>header{margin:0 0 12px;padding:16px}.app-shell .content .sentence-grid>button{padding:16px}.app-shell .content .sentence-grid>button strong{font-size:1.0625rem;line-height:1.5}.app-shell .content .sentence-grid>button p{font-size:.875rem}.content .list-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.content .list-pagination span{font-size:.875rem}.content .list-pagination button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);min-height:44px;color:var(--dr-ivory);border-radius:10px;padding:8px 14px}.content .list-pagination button:disabled{opacity:.45}.section-mobile-select,.lesson-mobile-select{display:none}.sentence-topic-select{gap:6px;margin-block:12px;font-size:.875rem;display:grid}.sentence-topic-select select,.lesson-mobile-select select{width:100%;min-width:0;min-height:44px;font:1rem var(--dr-font-body);background:var(--dr-surface);color:var(--dr-ivory);border:1px solid var(--dr-line-strong);border-radius:10px;padding:10px}.app-shell .welcome-launch{min-height:44px;margin-block:8px;padding-block:0}.app-shell .welcome-launch>span{font-size:.875rem}.app-shell .main-content>.section-subnav{margin-block:0 8px;padding-block:4px}.app-shell .sidebar .brand{padding-bottom:24px}.app-shell .sidebar .nav-item{min-height:44px}.app-shell .content .lesson-view .lesson-view-hero h2{font-size:clamp(1.25rem,1rem + .9vw,1.75rem);line-height:1.35}.app-shell .content .lesson-view-hero,.app-shell .content .lesson-outcomes{padding:16px}.app-shell .content .lesson-view-time{width:60px;height:60px}.app-shell .content .lesson-stepper{padding:12px}.app-shell .content .lesson-stepper progress{margin:8px 0}.app-shell .content .exam-group-tabs{gap:6px;margin-top:16px}.app-shell .content .exam-group-tabs button{padding:8px;font-size:.875rem}.app-shell .content .dr-placement-card{padding:20px}.app-shell .content .dr-price-toggle{margin-block:16px}.app-shell .content .dr-plan-comparison ul{gap:10px;margin-block:16px}.compact-welcome .account-story h1{font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.18}.compact-welcome .account-story h1 em{font-style:normal;font-weight:700}.welcome-info h1,.guide-watch-page h1{font-size:clamp(1.75rem,3vw,2.25rem)}.welcome-info h2,.legal-page h2{font-size:1.25rem}.legal-page h1{font-size:clamp(1.5rem,3vw,2rem)}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}.guide-page .guide-disclosure{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:14px;min-width:0;margin-block:10px}.guide-page .guide-disclosure>summary{cursor:pointer;min-height:48px;color:var(--dr-ivory);padding:14px 16px;font-size:1rem;font-weight:600}.guide-page .guide-disclosure>section{border:0;border-top:1px solid var(--dr-line);border-radius:0 0 14px 14px;margin:0;padding:16px}.guide-page .guide-hero{gap:20px;margin-bottom:16px;padding:20px}.guide-page .guide-hero aside{padding:16px}.guide-page .guide-hero aside>b{font:600 1rem var(--dr-font-body)}dialog :is(h1,h2),.welcome-dialog h2{font-size:1.375rem;line-height:1.35}.koko-page.content{gap:12px}.koko-page .koko-hero{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;display:flex}.koko-page .koko-hero:after{display:none}.koko-page .koko-hero>div:first-child{min-width:0}.koko-page .koko-hero h1{margin:0 0 4px}.koko-page .koko-hero>div:first-child>p:last-child{margin:0;font-size:.875rem;line-height:1.45}.koko-page .koko-today{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.koko-page .koko-today>span{letter-spacing:0;font-size:.75rem;font-weight:500}.koko-page .koko-today>strong{font:650 1rem var(--dr-font-body);white-space:nowrap;margin:0}.koko-page .koko-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.koko-page .koko-levels button{text-align:center;border-radius:10px;min-height:44px;padding:8px 12px;display:block}.koko-page .koko-levels button strong{font:650 1rem var(--dr-font-body)}.koko-page .koko-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.koko-page .koko-view-tabs button{justify-content:center;gap:4px;min-height:44px;padding:8px 4px;font-size:.875rem;font-weight:600}.koko-page .koko-view-tabs button span{min-width:20px;height:auto;font-size:.75rem}.koko-selectors{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;display:grid}.koko-selectors label{min-width:0;color:var(--dr-text-body);gap:4px;font-size:.75rem;display:grid}.koko-options{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;padding:0 12px}.koko-options>summary{cursor:pointer;min-height:44px;color:var(--dr-gold-bright);padding-block:11px;font-size:.875rem}.koko-options[open]{padding-bottom:12px}.koko-options .koko-selectors{margin-top:12px}.koko-page :is(.koko-selectors select,.koko-step-picker select){border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:100%;min-width:0;min-height:44px;color:var(--dr-ivory);border-radius:10px;padding:8px}.koko-page .koko-workspace{display:block}.koko-page .koko-coach-head{flex-direction:row;align-items:start;gap:12px;padding:14px 16px}.koko-page .koko-coach-head>div:first-child{flex:1;min-width:0}.koko-page .koko-coach-head>div:last-child{flex-shrink:0;align-self:start;width:auto}.koko-page .koko-coach-head h2{margin:4px 0}.koko-page .koko-coach-head>div:first-child>span{letter-spacing:.03em;font-size:.75rem}.koko-page .koko-coach-head>div:last-child button{min-height:44px;padding:8px;font-size:.8125rem}.koko-page .koko-context summary{cursor:pointer;min-height:44px;color:var(--dr-text-body);padding-block:10px;font-size:.8125rem}.koko-page .koko-context p{margin:4px 0;font-size:.875rem}.koko-step-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 16px;display:grid}.koko-step-picker label{color:var(--dr-text-body);font-size:.8125rem}.koko-step-picker progress{width:100%;height:4px;accent-color:var(--dr-gold);grid-column:1/-1}.koko-page .koko-stage{min-height:0;padding:4px 16px 16px}.koko-page .koko-instruction{padding-bottom:12px}.koko-page .koko-instruction>span{display:none}.koko-page .koko-instruction h3{font:400 .9375rem/1.5 var(--dr-font-body);color:var(--dr-text-body);margin:0}.koko-page :is(.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech){border-radius:12px;padding:16px}.koko-page :is(.koko-model,.shadow-card) blockquote{font:600 clamp(1.125rem,1rem + .5vw,1.375rem)/1.5 var(--dr-font-body);margin:16px 0 12px}.koko-page :is(.quick-answer,.transform-card,.free-speech)>h3{margin:8px 0 12px;font-size:1.125rem}.koko-page .koko-play{min-height:44px;padding:8px 10px}.koko-page .koko-play small{display:none}.koko-page .voice-area textarea{min-height:80px;font:1rem/1.5 var(--dr-font-body);padding:10px}.koko-page .koko-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:12px 16px;display:grid;position:static}.koko-page .koko-actions>span{color:var(--dr-text-body);font-size:.75rem}.koko-page .koko-actions>button{min-height:44px;padding:8px;font-size:.875rem}.koko-page .phrase-bank>header{gap:12px;padding:16px}.koko-page .phrase-bank h2{font-size:1.25rem}.koko-page .phrase-group-head{gap:8px;padding:12px}.koko-page .phrase-group-head strong{font-size:1rem}.koko-page .phrase-group-head small{font-size:.8125rem}.koko-page .phrase-group-head>b{white-space:nowrap}.koko-page .self-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.koko-page .self-checks span{padding:8px;font-size:.8125rem}@media (max-width:1100px){.app-shell .content .level-lessons>aside{display:none}.lesson-mobile-select{gap:6px;font-size:.875rem;display:grid}.app-shell .content .dashboard-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.app-shell .main-content{position:relative}.app-shell .dr-mobile-brand{padding-right:130px;min-height:48px;padding-block:8px}.app-shell .main-content>.welcome-launch{background:0 0;border:0;width:auto;margin:0;padding:0;position:absolute;top:4px;right:12px}.app-shell .welcome-launch>span{display:none}.app-shell .welcome-launch button{min-height:44px;padding:8px;font-size:.8125rem}.app-shell .main-content>.section-subnav{display:block}.section-subnav>.subnav-pill{display:none}.section-mobile-select{align-items:center;gap:12px;font-size:.875rem;display:flex}.section-mobile-select>span{color:var(--dr-text-body);flex:none}.section-mobile-select select{width:100%;min-width:0;min-height:44px;font:1rem var(--dr-font-body);background:var(--dr-surface);color:var(--dr-ivory);border:1px solid var(--dr-line-strong);border-radius:10px;flex:1;padding:8px 12px}.app-shell .main-content>.content{padding-block:12px 24px}.app-shell .content :is(.sentence-levels,.smart-levels){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.app-shell .content :is(.sentence-levels,.smart-levels) button{min-height:44px;padding:8px}.app-shell .content :is(.sentence-levels,.smart-levels) button>span,.app-shell .content .smart-levels small{display:none}.app-shell .content .smart-levels strong{font-size:1rem}.app-shell .content .reader-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .content .fc-quick-controls{gap:8px;margin-block:10px}.app-shell .content .fc-card{padding:16px}.app-shell .content .fc-card .dr-word-art-semantic{height:140px}.app-shell .content :is(.study-panel,.daily-plan,.journey-resume){padding:16px}.app-shell .content .journey-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell .content .journey-levels article{padding:12px}.app-shell .content .journey-levels progress{margin-block:8px}.app-shell .content :is(.sentence-tools,.phrase-filters){gap:8px}}@media (max-width:600px){.app-shell .content>:is(.hero,.level-hero,.fc-hero,.exam-header,.premium-hero){padding:16px}.app-shell .content h1{font-size:1.5rem}.app-shell .content>header p:last-child{font-size:.9375rem}.app-shell .content .reader-shelf{grid-template-columns:minmax(0,1fr)}.app-shell .content .reader-book{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.app-shell .content .reader-cover{min-height:0;padding:14px}.app-shell .content .reader-cover svg{width:28px;height:28px}.app-shell .content .reader-cover h2{font-size:1.125rem}.app-shell .content .reader-book-info{padding:14px}.app-shell .content .reader-book-info h3{font-size:.9375rem}.app-shell .content .reader-book-info p{margin-block:8px;font-size:.8125rem}.koko-page .koko-hero{flex-wrap:wrap;gap:8px}.koko-page .koko-today{padding:5px 10px}.koko-page .koko-coach-head{flex-wrap:wrap}.koko-page .koko-coach-head>div:last-child{margin-left:auto}.koko-page .koko-view-tabs button{font-size:.8125rem}.koko-page .koko-view-tabs button span{display:none}.koko-page .koko-selectors{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px}.koko-page .koko-stage{padding-inline:12px}.koko-page :is(.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech),.app-shell .content .level-lessons>.compact-lesson{padding:12px}.app-shell .content .lesson-view-time{display:none}.compact-welcome .account-story h1{font-size:2rem}.compact-welcome .account-shell{padding:20px 16px}}@media (max-width:360px){.koko-page .koko-selectors,.app-shell .content .reader-book,.koko-page .self-checks{grid-template-columns:minmax(0,1fr)}}[hidden]{display:none!important}:root{--dr-safe-left:env(safe-area-inset-left,0px);--dr-safe-right:env(safe-area-inset-right,0px);--dr-safe-top:env(safe-area-inset-top,0px)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{grid-template-columns:200px minmax(0,1fr);align-items:start;max-width:1440px;margin-inline:auto}.app-shell .sidebar{width:200px;padding:24px 14px}.app-shell .sidebar .brand strong{font-size:1.125rem}.app-shell .sidebar .brand small{font-size:.75rem}.app-shell .sidebar .brand>div,.app-shell .sidebar .nav-label{display:block}.app-shell .sidebar .nav-item{border-radius:12px;justify-content:flex-start;gap:12px;margin-block:4px;padding:12px 14px;font-size:1rem}.app-shell .main-content{width:100%;min-width:0;padding:24px clamp(16px,2vw,32px) 36px}.app-shell .main-content>.content{width:100%;max-width:860px;margin-inline:auto;padding:16px 0 32px}.app-shell .content>header.workspace-heading,.workspace-heading{box-shadow:none;background:0 0;border:0;min-height:0;display:block;margin:0 0 24px!important;padding:0!important}.workspace-heading h1{font:600 var(--dr-type-page)/1.25 var(--dr-font-display);margin:0 0 8px}.workspace-heading p{max-width:64ch;color:var(--dr-text-body);margin:6px 0 12px}.workspace-heading .eyebrow{color:var(--dr-gold-bright);font-size:.75rem}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.workspace-choice{text-align:left;border:1px solid var(--dr-line);background:var(--dr-surface);min-width:0;min-height:96px;color:var(--dr-ivory);box-shadow:none;border-radius:16px;align-items:center;gap:16px;padding:22px;line-height:1.5;display:flex}.workspace-choice:hover{border-color:var(--dr-line-gold);background:var(--dr-surface-2)}.workspace-choice>svg{color:var(--dr-gold-bright);flex:none}.workspace-choice>span:first-of-type{flex:1;min-width:0}.workspace-choice strong{overflow-wrap:break-word;font-size:1rem;font-weight:650;display:block}.workspace-choice small{color:var(--dr-text-body);margin-top:4px;font-size:.875rem;font-weight:400;display:block}.workspace-feature{border:1px solid var(--dr-line-gold);background:var(--dr-surface);border-radius:20px;align-items:center;gap:20px;margin-bottom:28px;padding:24px;display:flex}.workspace-feature>svg{width:40px;height:40px;color:var(--dr-gold-bright);flex:none}.workspace-feature>div{flex:1;min-width:0}.workspace-feature h2{margin:0 0 6px}.workspace-feature p{color:var(--dr-text-body);margin:0}.workspace-links{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.workspace-links button,.workspace-breadcrumb button{border:1px solid var(--dr-line);background:var(--dr-surface);color:var(--dr-ivory);text-align:left;font:500 .875rem/1.5 var(--dr-font-body);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.workspace-links button:hover,.workspace-breadcrumb button:hover{border-color:var(--dr-line-gold)}.workspace-breadcrumb{max-width:860px;color:var(--dr-text-body);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto 8px;font-size:.875rem;display:flex}.workspace-breadcrumb span{overflow-wrap:anywhere;min-width:0}.workspace-group{min-width:0}.workspace-group>.workspace-choice{justify-content:space-between;width:100%;min-height:64px;margin-block:8px}.workspace-select{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;font-size:.875rem;display:flex}.workspace-select select{border:1px solid var(--dr-line-strong);border-radius:10px;min-width:0;max-width:100%;padding:8px 12px}.focus-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:18px;display:flex}.focus-toolbar>span{color:var(--dr-text-body);text-align:right;overflow-wrap:break-word;min-width:0;font-size:.875rem}.focus-toolbar>button{flex-shrink:0}.app-shell .content.level-hub.is-focused{max-width:860px}.app-shell .content.koko-page:has(.koko-workspace){max-width:860px}.focus-lesson .compact-lesson{background:0 0;border:0;min-width:0;padding:0}.app-shell .content .level-tabs{background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0;padding:4px;display:grid}.app-shell .content .level-tabs button{min-width:0;color:var(--dr-text-body);background:0 0;border-radius:8px;flex:auto;padding:10px 14px;font-size:.875rem}.app-shell .content .level-tabs button.active{background:var(--dr-gold-tint);color:var(--dr-gold-bright)}.lesson-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.lesson-catalog>button{text-align:left;border:1px solid var(--dr-line);background:var(--dr-surface);width:100%;min-width:0;color:var(--dr-ivory);border-radius:14px;align-items:start;gap:14px;padding:20px;display:flex}.lesson-catalog>button>span{width:36px;height:36px;color:var(--dr-gold-bright);background:var(--dr-gold-tint);border-radius:10px;flex:none;place-items:center;display:grid}.lesson-catalog>button>div{flex:1;min-width:0}.lesson-catalog strong{overflow-wrap:break-word;font-size:1rem;font-weight:650;line-height:1.5;display:block}.lesson-catalog small{color:var(--dr-text-body);margin-top:4px;font-size:.8125rem;line-height:1.5;display:block}.lesson-catalog .lesson-list-status{color:var(--dr-gold-bright)}.lesson-catalog>button.active{border-color:var(--dr-line-gold)}.app-shell .content .lesson-stepper{border-radius:14px;margin-bottom:16px}.app-shell .content .lesson-stepper>div{flex-wrap:wrap}.app-shell .content .lesson-view-hero{background:0 0;border:0;margin-bottom:16px;padding:0}.app-shell .content .lesson-view-hero h2{text-align:left}.app-shell .content .lesson-step-actions{border-radius:12px;bottom:12px}.app-shell .content .lesson-next{margin-top:20px}.app-shell .content .learning-journey{box-shadow:none;background:0 0;border:0;padding:0}.app-shell .content .journey-resume{border-radius:20px;gap:20px;margin:0 0 16px;padding:24px}.app-shell .content .journey-resume h3{margin:8px 0;font-size:1.25rem}.app-shell .content .journey-resume p{margin:8px 0 0;font-size:.9375rem}.app-shell .content .dashboard-hero{background:0 0;border:0;min-height:0;padding:0 0 12px}.app-shell .content .dashboard-hero h1{font-size:var(--dr-type-page)}.dashboard-next{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-next .workspace-choice{flex-wrap:wrap;align-content:start;gap:10px;padding:18px}.dashboard-next .workspace-choice>span{flex-basis:calc(100% - 45px)}.compact-disclosure{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;min-width:0;margin:12px 0;padding:0 16px}.compact-disclosure>summary{cursor:pointer;min-height:44px;color:var(--dr-ivory);padding:12px 0;font-size:.9375rem;font-weight:600}.compact-disclosure[open]{padding-bottom:16px}.app-shell .content .koko-options{margin-bottom:12px;padding:12px}.app-shell .content .koko-options .koko-selectors{margin-top:12px}.app-shell .content .koko-options .koko-selectors>label:last-child{display:none}.app-shell .content .koko-options .koko-selectors{grid-template-columns:minmax(0,1fr)}.app-shell .content .koko-coach{box-shadow:none;border-radius:16px;overflow:clip}.app-shell .content .koko-actions{background:var(--dr-surface);z-index:3;border-top:1px solid var(--dr-line);position:sticky;bottom:12px}.app-shell .content .koko-actions>button.primary{padding:10px 8px!important}.app-shell .content .koko-coach-head{padding:16px}.app-shell .content .koko-coach-head button{min-width:44px;min-height:44px}.app-shell .content .koko-stage{padding:4px 16px 16px}.app-shell .content .fc-workspace{max-width:760px;margin-inline:auto;display:block}.app-shell .content .fc-compact-heading{text-align:left}.app-shell .content .fc-library-options{max-width:760px;margin-inline:auto}.app-shell .content .fc-library-options .fc-queues{display:none}.app-shell .content .fc-quick-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.app-shell .content .fc-mode-select{min-width:0;display:grid}.app-shell .content .fc-hero{display:none}.app-shell .content .fc-card{gap:10px;min-height:260px;padding:16px 20px}.app-shell .content .fc-card .dr-word-art-semantic,.app-shell .content .fc-card .dr-word-art{flex:none;height:140px;max-height:140px}.app-shell .content .fc-card img{object-fit:contain;height:140px;max-height:140px}.app-shell .content .fc-card>strong{font-size:clamp(1.5rem,3vw,2.125rem)}.app-shell .content .fc-study-head{padding-block:8px}.app-shell .content .fc-swipe-guide{margin:8px 0;font-size:.8125rem;line-height:1.5}.app-shell .content .fc-insights{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;margin-top:20px;padding:12px 16px;display:block;position:static}.fc-insights>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.fc-insights>section{margin-top:16px}.appearance{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:16px;margin-block:16px;padding:20px}.appearance h2{margin:0 0 8px}.appearance p{color:var(--dr-text-body);margin:0 0 16px;font-size:.875rem}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-options button{border:1px solid var(--dr-line-strong);background:var(--dr-surface);min-height:48px;color:var(--dr-ivory);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9375rem;display:flex}.appearance-options button[aria-pressed=true]{border-color:var(--dr-gold-bright);background:var(--dr-gold-tint);color:var(--dr-gold-bright)}.appearance-compact{background:0 0;border:0;margin:8px 0;padding:0}.account-gate>.appearance-compact{max-width:320px;margin-left:auto}.app-shell .account-profile{background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:20px;max-width:820px;margin-inline:auto;padding:24px}.app-shell .account-profile h1{font-size:1.5rem}.app-shell .account-profile>.account-benefits{margin:16px 0;display:block}.app-shell .account-profile>.account-benefits>article{background:var(--dr-surface-2);min-height:0;padding:16px}.app-shell .account-profile>.account-benefits>article>b{display:none}.account-destinations{max-width:820px;margin-inline:auto}.app-shell .content .reader-intro h1{font-size:var(--dr-type-page)}.app-shell .content .reader-page{max-width:800px;margin-inline:auto}.app-shell .content .reader-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell :is(.mock-stage-nav,.source-library>nav){flex-wrap:nowrap;max-width:100%;overflow-x:auto}.app-shell :is(.mock-stage-nav,.source-library>nav)>button{white-space:nowrap;flex-shrink:0}.app-shell .content :is(.hero,.level-hero,.fc-hero,.exam-header):before,.app-shell .content :is(.hero,.level-hero,.fc-hero,.exam-header):after{display:none}@media (hover:none),(pointer:coarse){.fc-shortcuts{display:none!important}}@media (max-width:1100px){.dashboard-next,.app-shell .content .reader-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{display:block}.app-shell .sidebar{display:none}.app-shell .main-content{padding:8px 16px calc(var(--mobile-nav-height,72px) + 24px + env(safe-area-inset-bottom));padding-top:max(8px,var(--dr-safe-top));padding-left:max(16px,var(--dr-safe-left));padding-right:max(16px,var(--dr-safe-right))}body .compact-welcome.account-page{padding-left:max(16px,var(--dr-safe-left));padding-right:max(16px,var(--dr-safe-right));padding-top:var(--dr-safe-top)}dialog{max-width:calc(100vw - 24px - var(--dr-safe-left) - var(--dr-safe-right))}.app-shell .dr-mobile-brand{min-height:48px;padding:8px 0}.app-shell .main-content>.content{padding-top:12px}.app-shell .content .lesson-step-actions,.app-shell .content .koko-actions{bottom:calc(var(--mobile-nav-height,72px) + 8px)}.workspace-heading{margin-bottom:18px!important}.workspace-choice{min-height:88px;padding:18px}.app-shell .content .reader-book{display:block}}@media (min-width:901px){.app-shell .sidebar{top:0;flex-direction:column;height:100dvh;display:flex;position:sticky;inset-block-end:auto}.app-shell .sidebar nav{grid-template-rows:none;grid-template-columns:minmax(0,1fr);height:auto;display:grid}.app-shell .sidebar .brand{display:flex}.app-shell .sidebar .brand strong{display:block}}@media (max-width:600px){.workspace-grid,.lesson-catalog,.dashboard-next{grid-template-columns:minmax(0,1fr);gap:10px}.workspace-choice{gap:12px;min-height:76px;padding:16px}.workspace-feature{flex-wrap:wrap;gap:12px;padding:18px}.workspace-feature>svg{width:28px;height:28px}.workspace-feature>div{flex-basis:calc(100% - 45px)}.workspace-feature>button{width:100%}.focus-toolbar{align-items:start;gap:8px}.app-shell .content .journey-resume{padding:20px;display:block}.app-shell .content .journey-resume .primary{width:100%;margin-top:16px}.lesson-catalog>button{padding:16px}.app-shell .content .level-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell .content .fc-quick-controls{grid-template-columns:minmax(0,1fr)}.app-shell .content .fc-card{min-height:240px;padding:14px}.app-shell .content .fc-card .dr-word-art-semantic,.app-shell .content .fc-card .dr-word-art,.app-shell .content .fc-card img{height:100px;max-height:100px}.app-shell .content .fc-card>p{font-size:.9375rem}.app-shell .content .reader-shelf{grid-template-columns:minmax(0,1fr)}.app-shell .content .reader-book{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.appearance{padding:16px}.appearance-options{gap:6px}.appearance-options button{flex-direction:column;gap:4px;padding:8px 4px;font-size:.875rem}.app-shell .account-profile{padding:16px}.app-shell .content .lesson-stepper>div>span{font-size:.75rem}}@media (max-width:360px){.app-shell .main-content{padding-left:max(12px,var(--dr-safe-left));padding-right:max(12px,var(--dr-safe-right))}.app-shell .content .reader-book{display:block}.focus-toolbar{flex-wrap:wrap}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.app-shell .content .lesson-step-actions,.app-shell .content .koko-actions{position:static}.mobile-bottom-nav{min-height:calc(52px + env(safe-area-inset-bottom));padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.mobile-bottom-nav .mobile-bottom-item{flex-direction:row;gap:6px;min-height:44px;padding:6px}.mobile-bottom-nav .mobile-bottom-item svg{flex:none;width:20px;height:20px}}.app-shell .sidebar .shell-brand{width:100%;min-height:44px;color:var(--dr-ivory);text-align:left;background:0 0;border:0;gap:8px;padding:0 0 30px}.app-shell .sidebar .shell-brand strong{font-size:1rem;font-family:var(--dr-font-display)}.app-shell .sidebar .shell-brand .brand-mark{flex:none;width:32px;height:32px}.shell-brand .brand-mark,.dr-mobile-brand .brand-mark{background:var(--dr-brand);color:var(--dr-white);border-radius:10px}.app-shell .sidebar .nav-item{min-height:48px;font-size:.9375rem}.app-shell .sidebar .nav-item svg{flex:none;width:20px;height:20px}.shell-appearance{margin-top:auto;padding-top:32px}.shell-appearance .appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.shell-appearance .appearance-options button{flex-direction:column;padding:8px 2px;font-size:.75rem}.shell-motto{color:var(--dr-text-muted);margin-top:16px;font-size:.75rem;line-height:1.6}.workspace-aside{min-width:0;display:none}.workspace-aside section{border-bottom:1px solid var(--dr-line);padding:24px 0}.workspace-aside h2{font:600 1.125rem/1.4 var(--dr-font-display);color:var(--dr-ivory);align-items:center;gap:8px;margin:0 0 10px;display:flex}.workspace-aside p,.workspace-aside label{color:var(--dr-text-body);font-size:.8125rem;line-height:1.6}.workspace-aside progress{width:100%;height:6px;accent-color:var(--dr-accent);margin-top:12px}.aside-link{min-height:44px;color:var(--dr-accent);text-align:left;font:600 .8125rem/1.5 var(--dr-font-body);background:0 0;border:0;padding:8px 0;display:block}.learn-navigation{max-width:860px;margin:0 auto 24px}.learn-navigation-title{color:var(--dr-text-muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:.8125rem;font-weight:600;display:flex}.learn-navigation-title label{align-items:center;gap:8px;display:flex}.learn-navigation select,.learn-level-picker select{font:600 1rem var(--dr-font-body);background:var(--dr-surface);min-width:70px;max-width:100%;min-height:44px;color:var(--dr-ivory);border:1px solid var(--dr-line-strong);border-radius:10px;padding:8px 12px}.learn-segments{background:var(--dr-surface-2);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.learn-segments button{min-width:0;min-height:44px;color:var(--dr-text-body);font:600 .875rem var(--dr-font-body);background:0 0;border:0;border-radius:9px}.learn-segments button[aria-current=page]{background:var(--dr-surface);color:var(--dr-accent);box-shadow:var(--dr-shadow)}.learn-level-picker{color:var(--dr-text-body);align-items:center;gap:16px;margin:24px 0 16px;font-size:.875rem;display:flex}.learn-entry{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:20px;align-items:center;gap:20px;min-width:0;padding:24px;display:flex}.learn-entry>svg{width:30px;height:30px;color:var(--dr-accent);flex:none}.learn-entry>div{flex:1;min-width:0}.app-shell .learn-entry h2{font:600 1.375rem/1.35 var(--dr-font-display);margin:0 0 8px}.learn-entry p{color:var(--dr-text-body);margin:0;font-size:.875rem;line-height:1.6}.learn-entry .primary{flex:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.practice-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.app-shell .content :is(h1,h2){font-family:var(--dr-font-display);letter-spacing:-.015em;font-weight:600}.app-shell .content :is(h1,h2)[lang=de],.lesson-catalog strong[lang=de]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal}.app-shell .content.level-hub .level-tabs{font-size:.8125rem}.app-shell .content .guide-page,.app-shell .guide-page :is(.method-section,.study-rules,.b1-route,.rescue-section,.weekly-plan){opacity:1;content-visibility:visible;animation:none;transform:none}.app-shell :is(button,a,select,summary):focus-visible{outline:2px solid var(--dr-accent);outline-offset:3px}.main-content:has(.level-hub.is-focused:not([hidden]))>.learn-navigation{display:none}@media (min-width:1280px){.app-shell{grid-template-columns:200px minmax(0,1fr) 220px}.workspace-aside{padding:24px 20px 24px 0;display:block;position:sticky;top:0}.workspace-aside section:first-child{padding-top:8px}}@media (max-width:900px){.app-shell .dr-mobile-brand{background:0 0;font-size:1.125rem}.learn-navigation{margin-bottom:16px}.learn-entry{flex-wrap:wrap;padding:20px}.learn-entry>div{flex-basis:calc(100% - 54px)}.learn-entry .primary{width:100%}.practice-secondary{grid-template-columns:minmax(0,1fr)}.app-shell .content .level-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-navigation-title label{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.german-audio,.voice-recorder{min-width:0;max-width:100%}.app-shell .german-audio button,.app-shell .recorder-actions button,.app-shell .audio-stop{border:1px solid var(--dr-line-strong);background:var(--dr-surface);min-height:44px;color:var(--dr-ivory);font:600 .875rem/1.4 var(--dr-font-body);white-space:normal;overflow-wrap:break-word;border-radius:10px;padding:10px 14px}.app-shell .audio-play[aria-pressed=true],.app-shell .recorder-actions .recording{color:var(--dr-orange-bright);background:var(--dr-orange-tint);border-color:var(--dr-orange)}.voice-recorder{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;margin-block:12px;padding:14px}.recorder-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice-recorder audio{width:100%;min-width:0;max-width:100%;height:44px;margin-top:12px;display:block}.app-shell .audio-message{color:var(--dr-text-body);overflow-wrap:break-word;margin:8px 0 0;font-size:.8125rem;line-height:1.55}.voice-recorder[data-state=error] .audio-message{color:var(--dr-orange-bright)}.transcript-tools{border-top:1px solid var(--dr-line);padding-top:8px}.transcript-tools summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:.875rem;font-weight:600;display:list-item}.transcript-tools p,.transcript-tools>span{color:var(--dr-text-body);font-size:.8125rem;line-height:1.5;display:block}.transcript-tools textarea{width:100%;min-height:88px;margin-top:10px;font-size:1rem}.speech-preferences label{grid-template-columns:minmax(0,1fr);gap:6px;margin:14px 0;font-size:.875rem;font-weight:600;display:grid}.speech-preferences select{background:var(--dr-surface-2);width:100%;min-width:0;min-height:44px;color:var(--dr-ivory);border:1px solid var(--dr-line-strong);border-radius:8px;padding:10px;font-size:1rem}.speech-preferences small{color:var(--dr-text-body);margin-top:12px;line-height:1.5;display:block}.reader-word-dialog .german-audio button{width:100%}.app-shell .content .voice-area{background:0 0;border:0;padding:0}.app-shell .content .fc-card-footer{flex-wrap:wrap;align-items:center;gap:12px}.app-shell .content .fc-card-footer>span{color:var(--dr-text-body);font-size:.75rem}.app-shell .content .listening-player{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.listening-player>p{flex-basis:100%}.app-shell .main-content>.content{max-width:860px}.app-shell .content .workspace-heading{margin-bottom:18px!important}.app-shell .content .workspace-heading .eyebrow{letter-spacing:.08em}.app-shell .content .workspace-heading h1{font-size:clamp(1.375rem,1.15rem + .8vw,1.875rem);line-height:1.3}.workspace-columns{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);align-items:start;gap:24px;display:grid}.workspace-columns>section,.workspace-secondary{min-width:0}.workspace-columns h2,.workspace-hub>h2{color:var(--dr-text-body);margin:0 0 12px;font-size:1rem;font-weight:600}.workspace-hub .workspace-grid{border:1px solid var(--dr-line);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:0;margin:0;overflow:hidden}.workspace-hub .workspace-grid .workspace-choice{border:0;border-radius:0;gap:14px;min-height:76px;padding:16px 18px}.workspace-hub .workspace-grid .workspace-choice+.workspace-choice{border-top:1px solid var(--dr-line)}.workspace-hub .workspace-choice strong{font-size:.9375rem}.workspace-hub .workspace-choice small{margin-top:3px;font-size:.8125rem}.workspace-hub .workspace-feature{box-shadow:none;border-radius:14px;margin:0 0 12px;padding:20px;display:block}.workspace-hub .workspace-feature>svg{width:24px;height:24px;margin-bottom:12px}.workspace-hub .workspace-feature h2{color:var(--dr-ivory);margin:0 0 8px;font-size:1.125rem}.workspace-hub .workspace-feature p{margin-bottom:16px;font-size:.875rem;line-height:1.6}.workspace-hub .workspace-feature>button{width:100%;min-height:44px}.workspace-secondary .workspace-links{gap:4px;margin:0;display:grid}.workspace-secondary .workspace-links button{background:0 0;border-color:#0000;min-height:44px;padding:10px 8px;font-size:.875rem}.workspace-method{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:14px;padding:20px}.workspace-method h2{color:var(--dr-ivory)}.workspace-method ol{color:var(--dr-text-body);margin:0;padding-left:20px;font-size:.875rem;line-height:1.7}.workspace-method li+li{margin-top:8px}.app-shell .content .dashboard-next{border:1px solid var(--dr-line);border-radius:14px;gap:0;overflow:hidden}.dashboard-next .workspace-choice{border:0;border-radius:0;min-height:84px;padding:16px}.dashboard-next .workspace-choice+.workspace-choice{border-left:1px solid var(--dr-line)}.dashboard-next .workspace-choice small{font-size:.8125rem}.app-shell .content .koko-instruction h3{color:var(--dr-text-body);margin:8px 0 12px;font-size:1rem;font-weight:500;line-height:1.5}.app-shell .content .koko-stage{min-height:0}.app-shell .content :is(.koko-model,.shadow-card,.quick-answer,.transform-card,.free-speech){box-shadow:none;background:0 0;border:0;padding:0}.app-shell .content .koko-context summary{font-size:.8125rem}.app-shell .content :is(.koko-model,.shadow-card) blockquote{margin:12px 0;padding:16px;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.6}.app-shell .content :is(.quick-answer,.transform-card,.free-speech)>h3{font-size:1.125rem;line-height:1.5}.app-shell .content .reader-intro{background:0 0;border:0;min-height:0;margin-bottom:20px;padding:0}.app-shell .content .reader-intro h1{font-size:var(--dr-type-page);margin:10px 0}.app-shell .content .reader-cover{min-height:0;padding:20px}.app-shell .content .reader-cover h2{font-size:1.125rem;line-height:1.4}.app-shell .content .reader-book-info{padding:18px}.site-legal-footer.is-workspace{padding:12px max(16px,var(--dr-safe-right)) calc(88px + env(safe-area-inset-bottom));border-top:1px solid var(--dr-line);background:var(--dr-bg);margin:0}.site-legal-footer.is-workspace>details{max-width:1080px;margin-inline:auto}.site-legal-footer.is-workspace summary{min-height:44px;color:var(--dr-text-body);cursor:pointer;padding:12px 0;font-size:.8125rem}.site-legal-footer.is-workspace .site-legal-footer-inner{padding:12px 0;font-size:.8125rem}.site-legal-footer.is-workspace a{align-items:center;min-height:44px;display:inline-flex}.app-shell .content .fc-study{box-shadow:none;border-radius:16px;padding:16px}.app-shell .content .fc-study-head{margin-bottom:6px}.app-shell .content .fc-swipe-guide{margin:4px 0 8px}.app-shell .content .fc-swipe-guide b{display:inline}.app-shell .content .fc-swipe-actions{gap:8px;margin-top:8px}.app-shell .content .fc-swipe-actions button{border-radius:10px;gap:2px;min-height:52px;padding:7px}.app-shell .content .fc-swipe-actions strong{font-size:.875rem}.app-shell .content .fc-swipe-actions small{font-size:.75rem}.app-shell .content .fc-down-handle{border-radius:10px;min-height:44px;margin-top:8px;padding:8px}.app-shell .content .fc-down-handle small{margin-left:8px;font-size:.6875rem;display:inline}.app-shell .content .fc-card-footer{margin-top:10px}.app-shell .content .fc-insights{margin-top:12px}@media (min-width:901px){.site-legal-footer.is-workspace{padding-bottom:24px;padding-left:256px}}@media (min-width:1101px){.app-shell .content .dashboard-next{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.app-shell .content .dashboard-next{grid-template-columns:minmax(0,1fr)}.dashboard-next .workspace-choice+.workspace-choice{border-left:0;border-top:1px solid var(--dr-line)}}@media (max-width:760px){.workspace-columns{grid-template-columns:minmax(0,1fr);gap:20px}.workspace-method{display:none}.workspace-hub .workspace-feature{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid}.workspace-hub .workspace-feature>svg,.workspace-hub .workspace-feature p{margin:0}.workspace-hub .workspace-feature>button{grid-column:1/-1}.workspace-hub .workspace-choice{min-height:72px;padding:14px}.workspace-secondary .workspace-links{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.recorder-actions{grid-template-columns:minmax(0,1fr);display:grid}.app-shell .content .fc-card-footer>span{flex-basis:calc(50% - 12px)}.app-shell .content .fc-card-footer .german-audio{flex-basis:100%}}.welcome-quickstart{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.welcome-quickstart li{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:12px;padding:16px}.welcome-quickstart strong{color:var(--dr-accent);margin-bottom:8px;display:block}.welcome-quickstart span{color:var(--dr-text-body);font-size:.875rem;line-height:1.6}.welcome-start{width:100%;min-height:44px;margin:0 0 16px}@media (max-width:600px){.welcome-quickstart{grid-template-columns:minmax(0,1fr)}}.app-shell .dashboard-page{gap:16px}.app-shell .dashboard-page .dashboard-hero{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0;padding:0;display:grid}.app-shell .dashboard-page .streak-badge{border-radius:12px;gap:4px;min-width:0;padding:8px}.app-shell .dashboard-page .streak-badge svg{width:18px;height:18px}.app-shell .dashboard-page .streak-badge strong{font-size:1rem}.app-shell .dashboard-page .streak-badge small{font-size:.625rem}.app-shell .dashboard-page .learning-journey{margin:0}.app-shell .dashboard-page .learning-journey>.compact-disclosure{margin:12px 0 0}.app-shell .dashboard-page>.compact-disclosure,.app-shell .dashboard-page>.today-plan{margin:0}.app-shell .content>header.fc-compact-heading{justify-content:space-between;align-items:center;gap:12px;display:flex;margin:0 0 12px!important}.app-shell .fc-compact-heading h1{margin:0 0 6px}.app-shell .fc-compact-heading p{margin:0;font-size:.8125rem}.app-shell .fc-compact-heading .fc-filter-open{flex:none;margin:0;padding:8px 12px}.app-shell .content .fc-study{padding:12px}.app-shell .content .fc-swipe-guide{margin:4px 0 8px;font-size:.75rem}.today-plan{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:20px;margin:24px 0;padding:20px}.today-plan-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.today-plan-heading h2{margin:0;font-size:1.25rem}.today-plan-heading>span{color:var(--dr-text-muted);font-size:.875rem}.today-plan ol{margin:12px 0;padding:0;list-style:none}.today-plan li+li{border-top:1px solid var(--dr-line)}.today-plan li button{text-align:left;width:100%;min-height:68px;color:var(--dr-ivory);background:0 0;border:0;align-items:center;gap:14px;padding:14px 0;display:flex}.today-plan li button>span:nth-child(2){flex:1;min-width:0}.today-plan strong,.today-plan small{display:block}.today-plan small{color:var(--dr-text-muted);margin-top:4px;font-size:.8125rem;line-height:1.5}.plan-icon{background:var(--dr-surface-2);width:40px;height:40px;color:var(--dr-accent);border-radius:12px;flex:none;place-items:center;display:grid}.plan-icon.done{background:var(--dr-success-tint);color:var(--dr-success)}.plan-icon svg{width:20px}.today-plan>small{font-size:.75rem}.learning-tools{flex-wrap:wrap;align-items:center;gap:12px;max-width:860px;margin:0 auto 12px;display:flex}.learning-tools label{align-items:center;gap:8px;margin-right:auto;font-size:.8125rem;display:flex}.learning-tools select,.learning-tools button{background:var(--dr-surface);min-height:44px;color:var(--dr-ivory);border:1px solid var(--dr-line);font:inherit;border-radius:10px;padding:8px 12px}.app-shell .level-resources{margin:12px 0}.app-shell .level-resources>summary{font-size:.8125rem}.lesson-path-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin-top:16px;display:grid}.app-shell .content .lesson-catalog{grid-template-columns:minmax(0,1fr);gap:0;margin:0;display:grid}.app-shell .lesson-catalog>button{border:0;border-left:2px solid var(--dr-line);text-align:left;min-height:84px;color:var(--dr-ivory);background:0 0;border-radius:0;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex;position:relative}.app-shell .lesson-catalog>button>span{background:var(--dr-surface-2);width:32px;height:32px;color:var(--dr-accent);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;display:grid}.app-shell .lesson-catalog>button.active{background:var(--dr-gold-tint);border-color:var(--dr-accent);border-radius:0 12px 12px 0}.app-shell .lesson-catalog strong{font:600 .9375rem/1.4 var(--dr-font-body)}.app-shell .lesson-catalog small{margin-top:4px;font-size:.75rem;line-height:1.5}.lesson-preview{border:1px solid var(--dr-line);background:var(--dr-surface);border-radius:20px;min-width:0;padding:24px;position:sticky;top:24px}.app-shell .lesson-preview h2{margin:12px 0;font-size:1.5rem;line-height:1.3}.lesson-preview p,.lesson-preview li{color:var(--dr-text-body);font-size:.875rem;line-height:1.65}.lesson-preview small{color:var(--dr-text-muted)}.lesson-preview ul{padding-left:20px}.lesson-preview li{margin-bottom:8px}.lesson-preview .primary{width:100%;margin-top:12px}.app-shell.lesson-focus-shell{max-width:980px;display:block}body:has(.lesson-focus-shell) :is(.pwa-install-entry,.site-legal-footer){display:none}.lesson-focus-shell>.sidebar,.lesson-focus-shell>.workspace-aside,.lesson-focus-shell>.mobile-bottom-nav,.lesson-focus-shell .main-content>.learn-navigation,.lesson-focus-shell .main-content>.dr-mobile-brand,.lesson-focus-shell .learning-tools{display:none!important}.app-shell.lesson-focus-shell>.main-content{max-width:none;padding:16px 24px 110px}.lesson-focus-shell .focus-toolbar{min-height:44px;margin:0 0 16px}.app-shell.lesson-focus-shell .content .lesson-view{gap:16px;margin:0}.app-shell.lesson-focus-shell .lesson-stepper{border-radius:12px;margin:0;padding:12px 16px}.app-shell.lesson-focus-shell .lesson-stepper label{align-items:center;gap:12px;font-size:.8125rem;display:flex}.app-shell.lesson-focus-shell .lesson-stepper select{flex:1;width:auto;min-width:0;min-height:44px;margin:0;padding:8px}.app-shell.lesson-focus-shell .lesson-stepper progress{height:6px;margin:8px 0}.app-shell.lesson-focus-shell .lesson-sync{padding:0;font-size:.75rem}.app-shell.lesson-focus-shell .lesson-result-strip{gap:8px;margin:0;padding:8px 12px;font-size:.75rem}.app-shell.lesson-focus-shell .lesson-overview{margin:0}.lesson-overview>summary>small{color:var(--dr-text-muted);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.app-shell.lesson-focus-shell .lesson-section-body{padding:18px}.app-shell.lesson-focus-shell .explanation-card{padding:12px}.app-shell.lesson-focus-shell .lesson-view-hero h2{font-size:clamp(1.5rem,3vw,2rem)}.app-shell.lesson-focus-shell .lesson-step-actions{z-index:40;box-sizing:border-box;width:min(860px,100%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));border:1px solid var(--dr-line);background:var(--dr-surface);box-shadow:var(--dr-shadow);border-radius:16px 16px 0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.lesson-focus-shell .lesson-step-actions>button{white-space:normal;min-height:44px;padding:10px 16px}.lesson-focus-shell .lesson-step-actions>span{display:none}.lesson-focus-shell .lesson-step-actions>button:last-child{width:100%}.lesson-focus-shell .lesson-summary[hidden],.lesson-view-section[hidden]{display:none!important}.bottom-sheet{border:1px solid var(--dr-line-strong);background:var(--dr-surface);width:min(560px,100% - 32px);max-width:calc(100vw - 24px);max-height:85dvh;color:var(--dr-ivory);box-shadow:var(--dr-shadow);overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:24px;margin:auto;padding:24px;position:fixed;inset:0;overflow-y:auto}.bottom-sheet::backdrop{background:var(--dr-bg-deep)}@supports (color:color-mix(in lab, red, red)){.bottom-sheet::backdrop{background:color-mix(in srgb,var(--dr-bg-deep) 65%,transparent)}}.sheet-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;display:flex}.sheet-heading h2{font:600 1.375rem/1.3 var(--dr-font-display);margin:0}.sheet-close{background:var(--dr-surface-2);border:1px solid var(--dr-line);width:44px;height:44px;color:var(--dr-ivory);border-radius:50%;flex:none;place-items:center;display:grid}.sheet-actions{background:var(--dr-surface);border-top:1px solid var(--dr-line);align-items:center;gap:12px;margin-top:16px;padding:16px 0;display:flex;position:sticky;bottom:-24px}.sheet-actions>.primary{flex:1}.app-shell .fc-filter-open{min-height:44px;margin:0 0 14px;padding:8px 16px;font-size:.8125rem;display:flex}.fc-filter-sheet .fc-queues{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 20px;display:grid}.fc-filter-sheet .fc-queues button{border:1px solid var(--dr-line);min-width:0;min-height:60px;color:var(--dr-ivory);background:var(--dr-surface);border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.fc-filter-sheet .fc-queues button.active{border-color:var(--dr-accent);background:var(--dr-gold-tint)}.fc-filter-sheet .fc-queues button>span,.fc-filter-sheet .fc-queues small{display:none}.fc-filter-sheet .fc-queues button>div{flex:1;min-width:0}.fc-filter-sheet .fc-queues strong{overflow-wrap:normal;word-break:normal;font-size:.8125rem;font-weight:600}.fc-filter-sheet .fc-queues b{font:600 .875rem var(--dr-font-body);flex:none}.fc-filter-sheet .fc-quick-controls{grid-template-columns:1fr;gap:12px;display:grid}.fc-filter-sheet .fc-mode-select{display:none}.fc-filter-sheet input,.fc-filter-sheet select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid var(--dr-line-strong);background:var(--dr-surface-2);color:var(--dr-ivory);border-radius:10px;padding:12px}.fc-filter-sheet .fc-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.fc-filter-sheet .fc-levels,.fc-filter-sheet .fc-toolbar>select{grid-column:1/-1}.fc-filter-sheet .fc-levels{gap:4px;display:flex}.fc-filter-sheet .fc-levels>button{flex:1;min-width:0;min-height:44px;padding:8px 4px}.fc-filter-sheet .fc-tool{min-height:44px}.app-shell .content .reader-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-shell .content .reader-book{display:block}.app-shell .reader-cover{background:var(--dr-book-a1);color:var(--dr-book-ink);gap:12px;min-height:200px;padding:20px}.app-shell .reader-a2 .reader-cover{background:var(--dr-book-a2)}.app-shell .reader-b1 .reader-cover{background:var(--dr-book-b1)}.app-shell .reader-b2 .reader-cover{background:var(--dr-book-b2)}.app-shell .reader-cover h2{color:inherit;font-size:1.375rem}.app-shell .reader-cover small{color:inherit;font-size:.625rem}.app-shell .reader-book-info{padding:16px}.app-shell .reader-book-info h3{font-size:1rem;line-height:1.4}.app-shell .reader-book-info p{font-size:.8125rem}.app-shell .reader-book-info>button{width:100%;min-height:44px;padding:10px 8px;font-size:.8125rem}.reader-coming{border:1px dashed var(--dr-line-strong);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:20px;padding:18px;display:flex}.reader-coming strong{color:var(--dr-accent)}.reader-coming span{color:var(--dr-text-muted);font-size:.8125rem}.reader-word-sheet h3{font:600 1.75rem/1.3 var(--dr-font-display);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;margin:16px 0 8px}.reader-word-meaning{font-size:1.125rem;line-height:1.6}.reader-word-sheet blockquote{border-left:3px solid var(--dr-accent);background:var(--dr-surface-2);-webkit-hyphens:auto;hyphens:auto;margin:16px 0;padding:16px;font-size:1rem;line-height:1.7}.reader-word-sheet>button{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin:12px 0;padding:12px;display:flex}.reader-word-sheet .german-audio{margin:12px 0}.bottom-sheet :is(button,a,select,input):focus-visible{outline:2px solid var(--dr-accent);outline-offset:3px}.exam-entry-number{color:var(--dr-accent);font:600 1.25rem var(--dr-font-display)}.app-shell .content .mock-stage-nav{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.app-shell .content .mock-stage-nav>button{white-space:nowrap;flex:none;width:auto;min-width:max-content}.app-shell .exam-entry-cards .workspace-choice{min-height:128px}.account-destinations{padding:0 0 16px}@media (max-width:767px){.lesson-path-layout{grid-template-columns:minmax(0,1fr)}.lesson-preview{display:none}.app-shell.lesson-focus-shell>.main-content{padding:12px max(12px,var(--dr-safe-left)) 110px}.app-shell.lesson-focus-shell .lesson-step-actions{padding-left:max(12px,var(--dr-safe-left));padding-right:max(12px,var(--dr-safe-right));gap:8px}.lesson-focus-shell .lesson-step-actions>button{padding:10px 12px;font-size:.8125rem}.bottom-sheet{box-sizing:border-box;width:100%;max-width:100%;max-height:88dvh;padding:20px max(20px,var(--dr-safe-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,var(--dr-safe-left));scrollbar-gutter:auto;border-radius:24px 24px 0 0;margin:0 auto;inset:auto 0 0}.sheet-actions{bottom:calc(-20px - env(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.app-shell .content .reader-shelf{gap:10px}.app-shell .reader-cover{min-height:190px;padding:14px}.app-shell .reader-cover h2{font-size:1.125rem;line-height:1.4}.app-shell .reader-cover svg{width:28px;height:28px}.app-shell .reader-book-info{padding:12px}.app-shell .reader-book-info h3{font-size:.875rem}.app-shell .reader-book-info p{font-size:.75rem}.app-shell .reader-cover small{letter-spacing:0}.today-plan{margin:16px 0;padding:16px}.today-plan li button{gap:10px}.today-plan li strong{font-size:.875rem}}@media (max-width:767px) and (max-height:500px){.app-shell.lesson-focus-shell .lesson-step-actions{width:100%;padding:12px;position:static;transform:none}.bottom-sheet{max-height:95dvh}}@media (prefers-reduced-motion:reduce){.bottom-sheet{scroll-behavior:auto;animation:none}}.reader-shelf-tools{color:var(--dr-text-body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;font-size:.8125rem;display:flex}.reader-shelf-tools label{align-items:center;gap:8px;min-width:0;display:flex}.reader-shelf-tools select{border:1px solid var(--dr-line-strong);background:var(--dr-surface);max-width:100%;min-height:44px;color:var(--dr-ivory);font:inherit;border-radius:10px;padding:8px}.app-shell .content .reader-novella .reader-cover{isolation:isolate;justify-content:space-between;min-height:250px;position:relative;overflow:hidden}.app-shell .content .reader-cover-art{width:100%;height:100px;color:inherit;align-self:center;place-items:center;display:grid;position:relative}.app-shell .content .reader-cover-art svg{stroke-width:1px;opacity:1;z-index:1;width:76px;height:76px}.reader-cover-art i{opacity:.14;border:1px solid;border-radius:50%;width:85px;height:85px;position:absolute}.reader-cover-art i:nth-of-type(2){width:118px;height:118px}.reader-cover-art i:nth-of-type(3){width:150px;height:150px}.app-shell .reader-novella .reader-cover>span{border-color:currentColor;font-size:.6875rem}.reader-position{max-width:800px;margin:0 auto 16px}.reader-position>div{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.reader-position strong{font:600 1rem/1.4 var(--dr-font-body);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-width:0}.reader-position button{flex:none}.reader-position progress{accent-color:var(--dr-accent);width:100%;height:6px;margin:12px 0;display:block}.reader-position small{color:var(--dr-text-muted);font-size:.8125rem}.app-shell .content .reader-text{white-space:pre-line}.app-shell .content .reader-text button{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;max-width:100%;min-height:44px;display:inline-block}.reader-translation{white-space:pre-line}.app-shell .content .reader-page-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:800px;margin:16px auto;display:grid}.reader-page-actions button{white-space:normal;min-width:0;min-height:44px;padding:12px;font-size:.875rem}.reader-contents-title{font:600 1.25rem/1.4 var(--dr-font-display);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.reader-jump{margin:16px 0}.reader-jump label{margin-bottom:8px;font-size:.875rem;display:block}.reader-jump>div{gap:8px;display:flex}.reader-jump input{box-sizing:border-box;background:var(--dr-surface-2);width:100%;min-width:0;min-height:44px;color:var(--dr-ivory);border:1px solid var(--dr-line-strong);font:inherit;border-radius:10px;padding:10px}.reader-jump button{white-space:nowrap;background:var(--dr-surface);min-width:84px;min-height:44px;color:var(--dr-ivory);border:1px solid var(--dr-line-strong);font:inherit;border-radius:10px}.reader-jump [role=alert]{color:var(--dr-orange-bright);font-size:.875rem}.reader-contents-sheet details{border-top:1px solid var(--dr-line);margin:0}.reader-contents-sheet summary{box-sizing:border-box;cursor:pointer;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-height:44px;padding:12px 4px;font-size:.9375rem;line-height:1.5}.reader-contents-sheet summary small{color:var(--dr-text-muted);margin-left:10px;font-size:.75rem}.reader-contents-sheet ol{margin:0 0 12px;padding:0;list-style:none}.reader-contents-sheet li{margin:0}.reader-contents-sheet li button{text-align:left;width:100%;min-height:44px;color:var(--dr-ivory);font:400 .875rem/1.5 var(--dr-font-body);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.reader-contents-sheet li button>span:first-child{min-width:24px;color:var(--dr-accent);flex:none}.reader-contents-sheet li button>span:last-child{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-width:0}.reader-contents-sheet [aria-current=page]{background:var(--dr-surface-2);border-color:var(--dr-line-gold)}.reader-cast dl,.reader-cast dl>div{margin:12px 0}.reader-cast dt{font-weight:600}.reader-cast dd{color:var(--dr-text-body);margin:4px 0;font-size:.875rem;line-height:1.6}.reader-blurb summary{cursor:pointer;min-height:44px;color:var(--dr-accent);align-items:center;margin-top:4px;font-size:.8125rem;display:flex}.reader-blurb summary:after{content:"+";margin-left:auto}.reader-blurb[open] summary:after{content:"−"}.app-shell .content .reader-blurb p{margin:0 0 12px;font-size:.8125rem;line-height:1.65}.app-shell .content .reader-text button{border-bottom-color:#0000}.app-shell .content .reader-text button:focus-visible{outline:2px solid var(--dr-on-paper-accent);outline-offset:1px}@media (max-width:420px){.app-shell .content .reader-novella .reader-cover{min-height:230px;padding:14px}.app-shell .content .reader-cover-art{height:80px}.app-shell .content .reader-cover-art svg{width:60px;height:60px}.reader-position>div{flex-wrap:wrap}.reader-position strong{flex:120px}.reader-position button{padding:8px;font-size:.8125rem}}@media (max-width:1100px){html[data-keyboard-open=true] :is(.mobile-bottom-nav,.pwa-install-entry){display:none!important}html[data-keyboard-open=true] .bottom-sheet[open]{top:var(--dr-visual-top);max-height:calc(var(--dr-visual-height) - 16px);box-sizing:border-box;margin:8px auto 0;bottom:auto}html[data-keyboard-open=true] .sheet-actions{position:static}html[data-keyboard-open=true] .app-shell .content :is(.lesson-step-actions,.koko-actions){width:100%;position:static;transform:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}