@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "IBM Plex Mono", ui-monospace, monospace;--spacing: .25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(49, 52, 62, .06);--shadow-sm: 0 1px 3px rgba(49, 52, 62, .08), 0 1px 2px rgba(49, 52, 62, .05);--shadow-md: 0 4px 8px rgba(49, 52, 62, .09), 0 2px 4px rgba(49, 52, 62, .05);--shadow-lg: 0 12px 24px rgba(49, 52, 62, .12), 0 4px 8px rgba(49, 52, 62, .06);--shadow-xl: 0 24px 48px rgba(49, 52, 62, .16);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--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);--font-display: "Fraunces", Georgia, serif;--font-body: "Public Sans", system-ui, sans-serif;--tracking-display: -.02em}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.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}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.rounded{border-radius:.25rem}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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}.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))}}@layer theme,base,components,utilities;@layer theme;@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities;:root{--primary-50: #f2f6fa;--primary-100: #dfe9f2;--primary-200: #c3d5e6;--primary-300: #a0c0d4;--primary-400: #87a8c7;--primary-500: #7192ba;--primary-600: #5d7ba3;--primary-700: #4d6588;--primary-800: #40536e;--primary-900: #31343e;--neutral-0: #ffffff;--neutral-50: #f7f8fa;--neutral-100: #eef0f3;--neutral-200: #dcdfe5;--neutral-300: #b8bdc7;--neutral-400: #8a8f9c;--neutral-500: #666b78;--neutral-600: #4d5160;--neutral-700: #3d414e;--neutral-800: #31343e;--neutral-900: #22242b;--success-500: #3d9970;--success-100: #e2f3ec;--success-text: #2b6e50;--warning-500: #c9922e;--warning-100: #faf1de;--warning-text: #8a651c;--danger-500: #c04d4d;--danger-100: #f9e7e7;--danger-text: #8f3232;--info-500: #7192ba;--info-100: #dfe9f2;--info-text: #4d6588;--bg: var(--neutral-50);--surface: var(--neutral-0);--surface-alt: var(--neutral-100);--border: var(--neutral-200);--border-strong: var(--neutral-300);--text-primary: var(--neutral-800);--text-secondary: var(--neutral-600);--text-muted: var(--neutral-500);--text-disabled: var(--neutral-400);--text-on-primary: #ffffff;--text-on-primary-solid: var(--primary-700);--accent: var(--primary-500);--accent-hover: var(--primary-600);--accent-active: var(--primary-700);--accent-soft: var(--primary-50);--accent-soft-strong: var(--primary-100);--link: var(--primary-700);--cta-bg: var(--link);--cta-bg-hover: var(--primary-800);--cta-text: var(--text-on-primary);--overlay: rgba(49, 52, 62, .45);--font-display: "Fraunces", Georgia, serif;--font-body: "Public Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5625rem;--text-3xl: 1.9375rem;--text-4xl: 2.4375rem;--text-5xl: 3.0625rem;--leading-xs: 1.5;--leading-sm: 1.5;--leading-base: 1.6;--leading-lg: 1.55;--leading-xl: 1.4;--leading-2xl: 1.3;--leading-3xl: 1.25;--leading-4xl: 1.15;--leading-5xl: 1.1;--tracking-display: -.02em;--tracking-body: 0;--tracking-label: .04em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--measure: 65ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--card-padding: var(--space-6);--card-padding-mobile: var(--space-4);--section-gap: var(--space-16);--form-gap: var(--space-5);--button-padding-md: 12px 20px;--button-padding-sm: 8px 14px;--control-height-sm: 36px;--control-height-md: 44px;--control-height-lg: 52px;--gutter: 24px;--gutter-mobile: 16px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--border-width: 1px;--shadow-xs: 0 1px 2px rgba(49, 52, 62, .06);--shadow-sm: 0 1px 3px rgba(49, 52, 62, .08), 0 1px 2px rgba(49, 52, 62, .05);--shadow-md: 0 4px 8px rgba(49, 52, 62, .09), 0 2px 4px rgba(49, 52, 62, .05);--shadow-lg: 0 12px 24px rgba(49, 52, 62, .12), 0 4px 8px rgba(49, 52, 62, .06);--shadow-xl: 0 24px 48px rgba(49, 52, 62, .16);--ring: 0 0 0 3px rgba(113, 146, 186, .25);--ring-color: rgba(113, 146, 186, .25);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--duration-page: .32s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--stagger-step: 30ms;color-scheme:light}[data-theme=dark]{--bg: #16181e;--surface: #1d2028;--surface-alt: #252935;--border: #3a3f4d;--border-strong: #4a5060;--text-primary: #e6e9ee;--text-secondary: #b9bfcb;--text-muted: #8b91a0;--text-disabled: #6f7585;--accent: #87a8c7;--accent-hover: #a0c0d4;--accent-active: #7192ba;--accent-soft: rgba(113, 146, 186, .12);--accent-soft-strong: rgba(113, 146, 186, .2);--text-on-primary: #16181e;--link: #a0c0d4;--cta-bg-hover: #87a8c7;--overlay: rgba(0, 0, 0, .6);--success-500: #5cbf93;--success-100: #12291f;--success-text: #7fd4ae;--warning-500: #e0ad4d;--warning-100: #2b2210;--warning-text: #ecc57e;--danger-500: #e07777;--danger-100: #2e1515;--danger-text: #eb9e9e;--info-500: #87a8c7;--info-100: #1a2430;--info-text: #a0c0d4;--ring: 0 0 0 3px rgba(160, 192, 212, .3);--ring-color: rgba(160, 192, 212, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin-wght-italic.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Public Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-latin-wght-italic.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:var(--link);text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}h1{font-size:44px;line-height:1.16}h2{font-size:26px;line-height:1.3}h3{font-size:16px;font-weight:600}p{max-width:70ch}small{font-size:12px;line-height:1.6}input::placeholder{color:var(--text-muted)}:focus-visible{outline:2px solid var(--link);outline-offset:4px}main:focus{outline:none}svg{max-width:none}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--surface);padding:12px 20px;border:2px solid var(--link);border-radius:var(--radius-sm)}.skip-link:focus{top:12px}.grow{flex:1;min-width:0}.section-note{color:var(--text-muted);font-size:13px;font-weight:500;margin-bottom:16px}.lead{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-top:20px}.fine-print{font-size:12px;color:var(--text-muted);line-height:1.7;margin-top:24px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:var(--surface);color:var(--text-primary)}.button:hover:not(:disabled){background:var(--surface-alt)}.button.primary{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-text);font-weight:600}.button.primary:hover:not(:disabled){background:var(--cta-bg-hover);border-color:var(--cta-bg-hover)}.button.marked{color:var(--success-text);border-color:var(--success-500);background:var(--success-100)}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--link);font-size:13px}.icon-button{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-sm);color:var(--text-muted)}.icon-button:hover{background:var(--surface-alt);color:var(--link)}.saved{color:var(--link)}.saved svg{fill:var(--accent-soft-strong)}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;padding:40px 24px 24px;z-index:30;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:21px;letter-spacing:-.035em;color:var(--text-primary);font-weight:600;white-space:nowrap}.brand-mark{display:inline-flex;color:var(--link)}.brand-dot{color:var(--accent);margin-left:-8px}.sidebar-caption{font-size:12px;color:var(--text-muted);padding-left:32px;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:48px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 14px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius-sm)}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--accent-soft);color:var(--link);font-weight:600}.nav-count{font-family:var(--font-mono);font-size:12px;margin-left:auto}.workspace{margin-left:240px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 48px}.topbar-search{font-size:13px;display:flex;align-items:center;gap:8px;color:var(--text-secondary)}main{max-width:1256px;margin:0 auto;padding:48px 48px 64px;width:100%;flex:1}.page-intro{margin-bottom:32px}.site-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:24px 48px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.site-footer>span:first-child{font-family:var(--font-display);font-size:15px;color:var(--text-primary)}.site-footer .brand-dot{margin-left:0}.site-footer a{display:flex;gap:8px;align-items:center}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-heading>a{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.section-heading p{font-size:13px;color:var(--text-muted);margin-top:8px}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:10px 0 0}.home-intro h1{font-size:48px}.home-intro h1 em{font-style:italic;color:var(--link);font-weight:500}.home-art{width:300px;flex-shrink:0;min-height:213px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transform:rotate(3deg);position:relative}.art-label{font-size:12px;color:var(--text-muted)}.art-word{font-family:var(--font-display);font-size:32px;color:var(--link);margin-top:16px;letter-spacing:-.03em}.art-translation{font-size:12px;color:var(--text-muted);margin-top:2px}.art-rule{height:1px;background:var(--border);margin:16px 0 12px}.art-example{font-size:12px;color:var(--text-secondary);font-style:italic}.art-corner{position:absolute;right:20px;bottom:20px;color:var(--accent)}.home-search{height:64px;background:var(--surface);display:flex;align-items:center;gap:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 12px 0 20px;color:var(--text-muted);box-shadow:var(--shadow-xs)}.home-search input{flex:1;width:0;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--text-primary);height:100%}.home-search:focus-within{outline:2px solid var(--link);outline-offset:3px}.search-submit{display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;background:var(--accent-soft);color:var(--link);border:0;border-radius:var(--radius-sm)}.stats-line{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--text-muted);padding:16px 0 32px}.stats-line span,.stats-line a{display:flex;align-items:center;gap:6px}.stats-line strong{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;font-weight:500}.stats-line a{margin-left:auto}.home-columns{display:grid;grid-template-columns:1.18fr 1fr;gap:32px;margin-top:12px}.topic-list{border-top:1px solid var(--border)}.topic-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--border);color:var(--text-primary);min-height:88px}.topic-row:hover strong{color:var(--link)}.topic-row-icon{width:38px;height:38px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--link)}.topic-row strong{display:block;font-size:14px;font-weight:500}.topic-row small{display:block;color:var(--text-muted);margin-top:4px;font-size:12px}.topic-row>app-icon{color:var(--text-muted)}.level-badge{font-size:12px;line-height:1;font-family:var(--font-mono);display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;min-width:30px;white-space:nowrap}.practice-promo{padding:24px;background:var(--accent-soft);border-radius:var(--radius-md);position:relative;display:flex;flex-direction:column;align-items:flex-start}.practice-promo .section-heading{width:100%;margin-bottom:4px;color:var(--link)}.practice-promo .section-note{margin:0;font-size:12px}.practice-promo img{width:140px;height:105px;align-self:flex-end;margin:0 -4px -14px;mix-blend-mode:multiply}.practice-promo h2{font-size:28px;position:relative;margin-top:-6px}.practice-promo p{font-size:12px;color:var(--text-secondary);margin:14px 0 20px}.practice-promo>small{font-size:12px;color:var(--text-muted);margin-top:12px}.learning-route{margin-top:48px}.level-route{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);overflow:hidden}.level-route a{padding:20px;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--border);color:var(--text-primary)}.level-route a:last-child{border:0}.level-route a:hover{background:var(--accent-soft)}.route-level{font-family:var(--font-display);font-size:26px;color:var(--link)}.level-route a>span:nth-child(2){font-size:12px}.level-route small{font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.learning-route .fine-print{margin-top:12px;font-size:12px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.home-bottom a{display:flex;align-items:center;gap:16px;padding:24px 0;border-top:1px solid var(--border);color:var(--link)}.home-bottom strong{display:block;font-size:13px;color:var(--text-primary);font-weight:500}.home-bottom small{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.home-bottom a>app-icon:last-child{margin-left:auto}.toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted)}.search-field input{height:46px;border:0;outline:none;width:100%;min-width:0;background:transparent;color:var(--text-primary);font-size:14px}.search-field:focus-within{outline:2px solid var(--link);outline-offset:2px}.search-field.large{min-height:64px;max-width:800px}.search-field.large input{font-size:16px;height:62px}.select-field{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;white-space:nowrap}select,input:not(.search-field input,.home-search input){background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);min-height:46px;padding:10px 14px;font-size:13px}select{max-width:100%;cursor:pointer}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chips button,.chip{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;min-height:44px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.chips button:hover{background:var(--surface-alt)}.chips button.selected{background:var(--accent-soft-strong);color:var(--link);border-color:var(--accent-soft-strong);font-weight:500}.chips>span:not(.chip){font-size:12px;color:var(--text-muted)}.chip{background:var(--surface);border-color:var(--border)}.chip span{color:var(--text-muted)}.results-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin:24px 0 16px}.results-label span{font-size:12px;color:var(--text-muted)}.guide-grid,.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;color:var(--text-primary);display:flex;flex-direction:column;transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.guide-card:hover{transform:translateY(-3px);border-color:var(--accent)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-muted);font-size:12px;margin-bottom:20px}.guide-card h2,.resource-card h2{font-size:24px}.english-name{font-size:12px;color:var(--text-muted);display:block;margin-top:4px}.guide-card p{font-size:13px;line-height:1.8;color:var(--text-secondary);margin:16px 0 24px;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--link)}.reviewed{display:flex;align-items:center;gap:6px;color:var(--success-text)}.empty-state{grid-column:1/-1;text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;color:var(--text-muted)}.empty-state h1,.empty-state h2{color:var(--text-primary)}.empty-state p{font-size:14px}.back-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:12px;margin-bottom:24px}.topic-article .page-intro{max-width:750px}.article-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:16px}.english-heading{font-size:17px;color:var(--text-muted);margin-top:10px}.topic-article .lead{margin-bottom:24px}.article-columns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:40px}.article-section{margin-bottom:40px}.article-section h2{margin-bottom:20px}.article-section ul{padding-left:20px;font-size:14px;color:var(--text-secondary)}.article-section li{padding:0 0 12px 4px}.patterns{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.patterns>div{padding:16px 20px;border-bottom:1px solid var(--border)}.patterns>div:last-child{border-bottom:0}.patterns span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:6px}.patterns code{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);white-space:normal;overflow-wrap:anywhere}.study-notes{padding-top:8px}.study-notes section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.study-notes :is(h3,.aside-heading){font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;margin:12px 0}.study-notes p{font-size:12px;color:var(--text-secondary);line-height:1.9}.study-notes>a{display:flex;align-items:center;gap:8px;font-size:12px}.study-notes app-icon{color:var(--link)}.examples{border-top:1px solid var(--border)}.example{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.example p{font-size:15px}.example .translation{font-size:12px;color:var(--text-muted);margin-top:4px}.example .icon-button{flex-shrink:0}.article-source{font-size:12px;color:var(--text-muted);margin-top:24px}.article-pagination{border-top:1px solid var(--border);padding-top:24px;margin-top:32px;display:flex;justify-content:space-between;gap:24px}.article-pagination a{display:flex;align-items:center;gap:12px;font-size:13px}.article-pagination small{display:block;color:var(--text-muted);font-size:12px;margin-bottom:4px}.quick-suggestions{margin-top:12px}.quick-suggestions button{font-size:12px;background:var(--surface);border:1px solid var(--border);min-height:44px}.quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quick-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.quick-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-card header h2{font-size:25px;margin-top:12px}.quick-card header>a{display:grid;place-items:center;width:44px;height:44px}.quick-card>p{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.patterns.compact{border:0;background:var(--bg)}.patterns.compact>div{padding:12px 16px}.quick-example{margin:20px 0 16px}.quick-example p{font-size:14px}.quick-example span{font-size:12px;color:var(--text-muted)}.quick-card .quick-tip{font-size:12px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border);margin:0}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.tabs>button{border:0;background:none;min-height:54px;display:flex;align-items:center;gap:8px;padding:0 0 12px;color:var(--text-muted);font-size:13px;border-bottom:2px solid transparent}.tabs>button.selected{color:var(--link);border-bottom-color:var(--link)}.tabs>button>span{background:var(--surface-alt);border-radius:4px;padding:1px 6px;font-size:12px;font-family:var(--font-mono)}.tabs>a{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;padding-bottom:12px}.verb-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.verb-table{border-collapse:collapse;width:100%;text-align:left}.verb-table th{background:var(--bg);font-size:12px;font-weight:500;color:var(--text-muted);padding:14px 20px;white-space:nowrap}.verb-table td{padding:10px 20px;border-top:1px solid var(--border);font-size:13px}.verb-table td[lang]{font-family:var(--font-mono);font-size:12px}.verb-open{display:flex;align-items:center;gap:16px;padding:0;background:none;border:0;text-align:left;min-height:60px;min-width:160px}.verb-open img{border-radius:var(--radius-sm);width:72px;height:54px;object-fit:cover}.verb-open strong{display:block;font-size:16px;font-weight:500}.verb-open small{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.type-label{font-size:12px;color:var(--text-muted);padding:4px 8px;border-radius:4px;background:var(--bg);white-space:nowrap}.type-label.irregular{background:var(--accent-soft);color:var(--link)}.pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;color:var(--text-muted)}.pagination>div{display:flex;gap:8px}.pagination .button{font-size:12px;padding:8px 12px}.verb-dialog{margin:auto;border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;background:var(--surface);color:var(--text-primary);width:min(720px,calc(100vw - 32px));max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-xl)}.verb-dialog::backdrop{background:var(--overlay)}.modal-close{position:absolute;right:12px;top:12px;z-index:2;background:var(--surface)}.modal-hero{display:flex;align-items:center;gap:24px;padding:32px;background:var(--accent-soft)}.modal-hero img{width:224px;height:168px;object-fit:contain;mix-blend-mode:multiply}.modal-hero h2{font-size:44px;margin-top:12px}.modal-hero p{font-size:15px;margin:4px 0 16px;color:var(--text-secondary)}.modal-body{padding:24px 32px}.modal-body>p{font-size:13px;margin:24px 0;line-height:1.9}.modal-body>h3{margin-bottom:16px}.modal-body>.button{margin-top:24px}.verb-forms{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.verb-forms>div{flex:1}.verb-forms span{display:block;font-size:12px;color:var(--text-muted);margin-bottom:8px}.verb-forms strong{font-family:var(--font-mono);font-size:13px;font-weight:400}.resource-toolbar{align-items:flex-start}.resource-card{border-top:1px solid var(--border);padding:24px 0 20px;display:flex;flex-direction:column}.resource-card .card-meta{margin-bottom:16px}.resource-provider{font-size:12px;color:var(--text-muted);margin-bottom:8px}.resource-card p{font-size:13px;color:var(--text-secondary);margin:16px 0 24px;flex:1}.resource-card .card-bottom{color:var(--text-muted);font-size:12px}.resource-grid{column-gap:40px}.practice-setup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.practice-setup>h2{font-size:25px;margin-bottom:24px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-option{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);text-align:left;padding:24px;position:relative;display:flex;flex-direction:column;gap:12px}.mode-option>app-icon{color:var(--link)}.mode-option strong{font-size:14px;font-weight:500}.mode-option>span:not(.mode-check){font-size:12px;color:var(--text-muted);line-height:1.7}.mode-option.selected{border-color:var(--link);background:var(--accent-soft)}.mode-check{position:absolute;right:12px;top:12px;width:20px;height:20px;border:1px solid var(--border-strong);border-radius:50%;display:grid;place-items:center}.mode-option.selected .mode-check{background:var(--link);border-color:var(--link);color:var(--text-on-primary)}.setup-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.setup-fields label,.write-form label{font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.start-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.start-row p{font-size:12px;color:var(--text-muted)}.notice{padding:16px 20px;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;line-height:1.8;margin-top:24px}.notice p{margin:8px 0}.notice a{display:inline-flex;gap:8px;align-items:center}.session-heading{display:flex;align-items:center;gap:24px;justify-content:space-between;font-size:12px;color:var(--text-muted)}.session-heading>span:last-child{font-family:var(--font-mono)}.progress-track{height:4px;border-radius:4px;background:var(--border);margin-top:16px;overflow:hidden}.progress-track>div{height:100%;background:var(--link)}.practice-area{max-width:600px;margin:32px auto 0;text-align:center}.practice-area>.section-note{font-size:12px}.flashcard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 40px;min-height:330px;box-shadow:var(--shadow-sm)}.flashcard>img{width:192px;height:144px;object-fit:contain;margin:auto}.flashcard h1{font-size:44px;margin:10px 0}.verb-meaning{font-size:14px;color:var(--text-muted);margin-bottom:20px}.flashcard>.button{margin-top:16px}.favorite-in-card{position:absolute;top:12px;right:12px}.flashcard-answer{margin-top:20px}.flashcard-answer .verb-forms{max-width:400px;margin:auto}.flashcard-answer>p{font-size:14px;margin:20px 0 4px}.flashcard-answer>small{display:block;color:var(--text-muted);font-size:12px}.flashcard-answer>.icon-button{margin-top:8px}.self-instruction{font-size:12px;color:var(--text-muted);margin-top:24px}.self-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.choice-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:13px}.choice-option:hover:not(:disabled){background:var(--accent-soft)}.choice-option:disabled{opacity:1}.choice-option.choice-correct{color:var(--success-text);border-color:var(--success-500);background:var(--success-100)}.choice-option.choice-wrong{color:var(--danger-text);border-color:var(--danger-500);background:var(--danger-100)}.write-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin-top:24px}.write-form input{width:100%;font-family:var(--font-mono)}.write-form>.button{grid-column:1/-1;justify-self:center}.answer-feedback{margin-top:24px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface)}.answer-feedback>app-icon{color:var(--text-muted)}.answer-feedback.is-correct>app-icon{color:var(--success-text)}.answer-feedback strong{font-size:12px}.answer-feedback p{font-size:12px;color:var(--text-muted);margin-top:4px}.answer-feedback .button{margin-left:auto;font-size:12px;white-space:nowrap}.session-summary{max-width:640px;margin:32px auto;text-align:center}.summary-symbol{width:76px;height:76px;border:1px solid var(--border);border-radius:50%;background:var(--accent-soft);color:var(--link);display:grid;place-items:center;margin:0 auto 24px}.session-summary h1{font-size:40px}.session-summary .lead{margin:16px auto}.summary-score{margin:32px 0;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.summary-score>strong{font-family:var(--font-display);font-size:64px;font-weight:500;color:var(--link)}.summary-score>strong>span{font-size:28px;color:var(--text-muted)}.summary-score p{margin:auto;font-size:12px;color:var(--text-muted)}.session-summary h2{font-size:24px}.session-summary .chips{justify-content:center;margin:20px 0 24px}.summary-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;font-size:12px}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:24px 0;margin-bottom:40px}.progress-stats>div{padding:0 24px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.progress-stats>div:last-child{border:0}.progress-stats strong{font-family:var(--font-display);font-size:36px;font-weight:500;color:var(--link)}.progress-stats small{font-size:16px;color:var(--text-muted)}.progress-stats span{font-size:12px;color:var(--text-muted)}.progress-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.history-list{border-top:1px solid var(--border);margin-top:24px}.history-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);font-size:12px}.history-list strong{font-size:13px;font-weight:500;display:block}.history-list small{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.inline-empty{padding:24px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted)}.inline-empty a{display:inline-flex;align-items:center;gap:8px;margin-top:12px}.reviewed-list{margin-top:20px;display:flex;flex-direction:column;gap:8px;font-size:12px}.reviewed-list a{display:flex;align-items:center;gap:10px;min-height:44px}.reviewed-list p{color:var(--text-muted)}.backup-panel{background:var(--accent-soft);padding:24px;border-radius:var(--radius-md);align-self:start}.backup-panel>app-icon{color:var(--link)}.backup-panel h2{font-size:24px;margin:16px 0}.backup-panel>p{font-size:12px;color:var(--text-secondary);margin:16px 0}.backup-panel>.button{width:100%;margin-top:12px}.backup-panel .fine-print{font-size:12px;line-height:1.8}.backup-panel hr{border:0;border-top:1px solid var(--border);margin:24px 0}.backup-panel h3{font-size:13px}.import-label{position:relative;overflow:hidden;cursor:pointer}.import-label input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.import-label:focus-within{outline:2px solid var(--link);outline-offset:4px}.toast{position:fixed;bottom:24px;left:calc(50% + 120px);transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 16px 12px 20px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:12px;z-index:60;max-width:640px;width:max-content;max-width:calc(100vw - 40px)}@media(min-width:1440px){main{padding:48px 64px 64px}.topbar,.site-footer{padding-left:64px;padding-right:64px}.home-columns{gap:48px}.home-art{width:330px;padding:32px}.home-intro{padding-bottom:12px}}@media(max-width:1150px){.sidebar{width:216px;padding-left:20px;padding-right:20px}.wordmark{font-size:19px}.workspace{margin-left:216px}main{padding:32px 32px 48px}.topbar{padding:0 32px}.home-art{width:248px;padding:24px}.home-intro h1{font-size:42px}.home-intro .lead{font-size:14px}.art-word{font-size:28px}.home-columns{gap:24px}.practice-promo{padding:24px}.article-columns{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.verb-table td,.verb-table th{padding-left:12px;padding-right:12px}.verb-open{gap:10px}.verb-open img{width:56px;height:42px}.verb-open{min-width:136px}.type-column{display:none}.mode-option{padding:20px 16px}.progress-columns{grid-template-columns:minmax(0,1fr) 265px;gap:24px}.stats-line{gap:12px;font-size:12px}.level-route a{padding:16px 12px}.level-route a>span:nth-child(2){font-size:12px}}@media(max-width:900px){.sidebar{width:200px;padding-left:16px;padding-right:16px}.wordmark{font-size:17px;gap:8px}.workspace{margin-left:200px}.sidebar-caption{padding-left:32px;font-size:12px}.sidebar nav a{padding-left:12px;font-size:12px}.home-art{display:none}.home-columns{grid-template-columns:1fr}.practice-promo{display:block;min-height:280px}.practice-promo img{float:right;width:180px;height:135px;margin:24px 0 0}.practice-promo h2{margin-top:24px}.practice-promo>small{display:block}.guide-grid,.quick-list,.article-columns{grid-template-columns:1fr}.study-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.study-notes section{padding:0;margin:0}.study-notes>a{grid-column:1/-1}.progress-columns{grid-template-columns:1fr}.backup-panel{max-width:580px}.mode-grid{grid-template-columns:1fr}.mode-option{display:grid;grid-template-columns:30px 1fr;gap:4px 16px;align-items:center}.mode-option>app-icon{grid-row:1/3}.mode-option>.mode-check{top:20px}.mode-option>span:not(.mode-check){grid-column:2;padding-right:12px}.setup-fields{grid-template-columns:1fr}.start-row{flex-wrap:wrap}.site-footer{padding-left:32px;padding-right:32px}}@media(max-width:700px){.sidebar{display:none}.workspace{margin:0}.topbar{padding:0 8px 0 16px;height:56px;gap:4px}main{padding:32px 20px 40px}.page-intro{margin-bottom:24px}h1{font-size:36px}.home-intro h1{font-size:44px}.lead{font-size:14px}.desktop-only{display:none}.home-search{height:60px;gap:12px;padding-left:16px}.home-search input{font-size:12px}.stats-line{gap:10px;flex-wrap:wrap;padding:16px 0 24px}.stats-line a{margin-left:0}.stats-line span{font-size:12px}.home-columns{margin-top:16px}.section-heading h2{font-size:25px}.practice-promo{margin-top:8px}.learning-route{margin-top:32px}.level-route{grid-template-columns:repeat(3,1fr)}.level-route a:nth-child(3){border-right:0}.level-route a:nth-child(n+4){border-top:1px solid var(--border)}.level-route a>span:nth-child(2){font-size:12px}.level-route a:nth-child(4){grid-column:1}.home-bottom{grid-template-columns:1fr;gap:0;margin-top:24px}.home-bottom a{padding:20px 0}.site-footer{padding:20px;font-size:12px;gap:12px}.site-footer a{font-size:12px}.toolbar{gap:12px;flex-wrap:wrap}.search-field{flex-basis:100%;width:100%}.select-field{font-size:12px}.select-field select{min-height:44px}.results-label span{font-size:12px}.chips{gap:4px}.chips button{font-size:12px;padding:8px 10px}.guide-card{padding:24px}.article-pagination a{font-size:12px}.study-notes{grid-template-columns:1fr;gap:20px}.study-notes section{padding-bottom:20px}.quick-card{padding:24px 20px}.tabs{gap:16px}.tabs>button{font-size:12px;gap:4px}.tabs>a{font-size:12px;gap:4px}.tabs>button>span{font-size:12px}.verb-table td,.verb-table th{padding:8px;font-size:12px}.verb-table th{font-size:12px;white-space:normal}.verb-open{min-width:105px;gap:8px}.verb-open img{width:44px;height:33px}.verb-open strong{font-size:14px}.verb-open small{font-size:12px;max-width:94px;line-height:1.5}.verb-table td[lang]{font-size:12px}.verb-table .icon-button{min-width:44px}.verb-table tr>td:first-child{width:44%}.verb-table tr>td:last-child{padding:0}.verb-dialog{width:calc(100vw - 24px)}.modal-hero{padding:48px 20px 24px;gap:16px}.modal-hero img{width:140px;height:105px}.modal-hero h2{font-size:38px}.modal-hero p{font-size:12px}.modal-hero .type-label{font-size:12px;white-space:normal}.modal-body{padding:24px 20px}.verb-forms{gap:12px}.verb-forms strong{font-size:12px}.resource-grid{grid-template-columns:1fr}.resource-card h2{font-size:25px}.resource-toolbar .select-field{margin-top:12px}.practice-setup{padding:24px 20px}.mode-option{padding:20px 16px}.setup-fields{gap:16px}.start-row .button{width:100%}.session-heading{font-size:12px;gap:8px}.session-heading .text-button{font-size:12px}.practice-area{margin-top:24px}.flashcard{padding:24px 20px;min-height:310px}.flashcard img{width:160px;height:120px}.answer-feedback{flex-wrap:wrap}.answer-feedback .button{margin-left:0;width:100%}.write-form{gap:12px}.self-actions .button{font-size:12px;padding:10px 14px}.session-summary h1{font-size:36px}.progress-stats{grid-template-columns:1fr 1fr;padding:0}.progress-stats>div{padding:20px}.progress-stats>div:nth-child(2){border:0}.progress-stats>div:nth-child(n+3){border-top:1px solid var(--border)}.toast{left:20px;right:20px;transform:none;max-width:calc(100vw - 40px);width:auto;bottom:16px}.resource-grid .card-bottom{font-size:12px}.home-intro .lead{font-size:14px}.art-example{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.guide-card:hover{transform:none}}p a{text-decoration:underline;text-underline-offset:3px}.verb-dialog,.sidebar{overscroll-behavior:contain}a:active,button:active:not(:disabled){opacity:.85}.wordmark,.topbar-search{min-height:44px}.section-heading>a{min-height:44px}.resource-card h2 a{display:inline-flex;align-items:center;min-height:44px}:root{--reading-size: 16px;--reading-leading: 1.85;--ui-size: 14px;--illustration-surface: var(--accent-soft)}[data-theme=dark]{--shadow-xl: 0 24px 48px rgba(0, 0, 0, .5);--illustration-surface: #263243}.audio-status{position:fixed;bottom:20px;right:24px;left:auto;max-width:min(600px,calc(100vw - 40px));display:flex;align-items:center;gap:12px;z-index:70;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:12px 16px;font-size:13px}.speech-control.is-playing{color:var(--link);background:var(--accent-soft-strong)}.speech-control:active{transform:translateY(1px)}.examples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.examples-toolbar>span{font-size:12px;color:var(--text-muted)}.examples-toolbar .text-button{font-size:13px}.example{min-height:84px}.example>div{min-width:0}.example p[lang=en]{font-size:var(--reading-size);line-height:1.7}.example .translation{font-size:14px;line-height:1.7}.example app-speech-button{flex-shrink:0}.modal-hero img,.practice-promo img{mix-blend-mode:normal}.modal-hero .button{background:var(--surface)}.verb-forms>div{display:flex;flex-direction:column;gap:4px}.form-pronunciation{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.form-pronunciation app-speech-button{margin-left:auto}.modal-body>h3{margin-top:24px}.modal-body>p{font-size:var(--ui-size);line-height:var(--reading-leading)}.topic-prose{font-size:var(--reading-size);line-height:var(--reading-leading);color:var(--text-secondary);max-width:65ch}.topic-prose p+p{margin-top:20px}.syntax-steps{list-style:decimal;padding-left:24px;color:var(--text-secondary);font-size:var(--reading-size);line-height:var(--reading-leading)}.syntax-steps li{padding-left:6px;margin-bottom:16px}.lesson-block{margin-bottom:32px}.lesson-block h2{margin-bottom:20px}.exercise-panel{padding:24px;background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-md)}.exercise-panel>h2{font-size:25px;margin-bottom:12px}.exercise-prompt{font-family:var(--font-mono);font-size:16px;line-height:1.8;margin:16px 0}.exercise-answer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:var(--ui-size);line-height:1.8}.exercise-answer strong{color:var(--link)}.related-topics{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.related-topics a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;min-height:44px}.course-browser{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}.course-index{position:sticky;top:24px;border-top:1px solid var(--border);padding-top:16px}.course-index>h2{font-family:var(--font-body);font-size:13px;letter-spacing:0;margin-bottom:12px}.course-index button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:13px}.course-index button.selected{color:var(--link);background:var(--accent-soft-strong);font-weight:500}.course-index button>span:last-child{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.course-section{margin-bottom:40px}.course-section-heading{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}.course-section-heading h2{font-size:28px}.course-section-heading p{font-size:var(--ui-size);color:var(--text-muted);margin-top:8px;max-width:65ch}.course-section .guide-card h3{font-size:18px;font-weight:500;line-height:1.4}.course-section .guide-card p{font-size:var(--ui-size)}.course-section .card-meta{margin-bottom:12px}.mobile-section-picker{display:none}.course-section-count{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.guide-grid{align-items:stretch}.course-browser .guide-grid{gap:16px}.course-browser .guide-card{padding:20px}.guide-results{min-width:0}.verb-artwork{display:flex;flex-direction:column;align-items:center;gap:8px}.verb-artwork img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;mix-blend-mode:normal}.art-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px}.art-controls .text-button{font-size:12px}.art-reduced-label{color:var(--text-secondary);font-size:12px;max-width:200px;text-align:center}.verb-poses{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-sm, 8px);background:#fff}.verb-poses,.verb-open img,.practice-promo img,.lexicon-art{--edge-fade: 8%;--edge-mid: rgb(0 0 0 / 55%);border-radius:12%;-webkit-mask-image:linear-gradient(to right,transparent,var(--edge-mid) calc(var(--edge-fade) * .45),black var(--edge-fade),black calc(100% - var(--edge-fade)),var(--edge-mid) calc(100% - var(--edge-fade) * .45),transparent),linear-gradient(to bottom,transparent,var(--edge-mid) calc(var(--edge-fade) * .45),black var(--edge-fade),black calc(100% - var(--edge-fade)),var(--edge-mid) calc(100% - var(--edge-fade) * .45),transparent);mask-image:linear-gradient(to right,transparent,var(--edge-mid) calc(var(--edge-fade) * .45),black var(--edge-fade),black calc(100% - var(--edge-fade)),var(--edge-mid) calc(100% - var(--edge-fade) * .45),transparent),linear-gradient(to bottom,transparent,var(--edge-mid) calc(var(--edge-fade) * .45),black var(--edge-fade),black calc(100% - var(--edge-fade)),var(--edge-mid) calc(100% - var(--edge-fade) * .45),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.art-next,[appTooltip]{position:relative}.art-next{min-width:44px;min-height:44px}.action-tooltip{position:absolute;z-index:20;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);background:var(--surface);color:var(--text-primary);font:500 12px/1.5 var(--font-body);white-space:nowrap;pointer-events:auto}.verb-poses img[hidden]{display:none}.art-pose-count{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.modal-hero app-verb-art{width:240px;flex-shrink:0}.flashcard app-verb-art{display:block;width:min(240px,100%);margin:auto}.verb-artwork .art-controls{justify-content:center}.verb-open img{object-fit:contain;background:var(--illustration-surface)}.verb-dialog{overscroll-behavior:contain}@media(hover:hover)and (pointer:fine){.guide-card:hover{transform:translateY(-2px)}}@media(hover:none){.guide-card:hover{transform:none}}@media(min-width:1280px){:root{--reading-size: 18px;--ui-size: 15px}body{font-size:16px}.lead{font-size:18px;line-height:1.85}.topic-article .article-columns{grid-template-columns:minmax(0,1fr) 260px}.article-section ul{font-size:var(--reading-size);line-height:1.85}.patterns code{font-size:14px}.patterns span,.verb-forms span{font-size:13px}.study-notes p{font-size:14px}.study-notes :is(h3,.aside-heading){font-size:15px}.quick-card>p,.quick-example p{font-size:16px;line-height:1.8}.quick-tip{line-height:1.85}.verb-table td[lang]{font-size:14px}.verb-open strong{font-size:18px}.verb-open small,.verb-table th{font-size:13px}.type-label{font-size:12px}.resource-card p{font-size:16px;line-height:1.85}.sidebar nav a{font-size:14px}.home-intro .lead{font-size:17px}.topic-row strong{font-size:16px}.topic-row small{font-size:13px}.practice-promo p{font-size:15px}.mode-option strong{font-size:16px}.mode-option>span:not(.mode-check){font-size:14px}.choice-option{font-size:16px}.verb-forms strong{font-size:15px}.modal-body>p{font-size:16px}.backup-panel>p{font-size:15px}.example .translation{font-size:15px}}@media(min-width:1600px){main{max-width:1440px;padding:64px 80px 80px}.home-intro h1{font-size:54px}.topic-article h1{font-size:48px}.course-browser{grid-template-columns:250px minmax(0,1fr);gap:40px}.course-browser .guide-card{padding:24px}.home-columns{gap:48px}}@media(max-width:1100px){.course-browser{grid-template-columns:1fr}.course-index{position:static;display:none}.mobile-section-picker{display:flex}.course-section .guide-grid{grid-template-columns:1fr}.course-browser .guide-card{padding:24px}.modal-hero app-verb-art{width:210px}}@media(max-width:700px){.page-intro h1{font-size:36px}.page-intro .lead{font-size:15px}.toolbar .select-field{max-width:100%;white-space:normal}.mobile-section-picker{width:100%;align-items:flex-start;flex-direction:column;gap:6px}.mobile-section-picker select{width:100%}.course-section-heading h2{font-size:26px}.examples-toolbar{gap:8px}.examples-toolbar .text-button{font-size:12px}.examples-toolbar>span{font-size:12px}.example .translation{font-size:13px}.example p[lang=en]{font-size:16px}.form-pronunciation{gap:0}.modal-hero{gap:12px;padding:48px 20px 20px}.modal-hero app-verb-art{width:140px}.art-controls .text-button{font-size:12px}.modal-hero h2{font-size:36px}.modal-hero p{font-size:14px}.verb-forms{flex-wrap:wrap;gap:16px}.verb-forms>div{min-width:30%}.verb-forms strong{font-size:12px}.form-pronunciation app-speech-button .icon-button{min-width:44px}.exercise-panel{padding:20px}.exercise-prompt{font-size:14px}.topic-prose,.syntax-steps{font-size:16px}.speech-control:not(.icon-button){padding:10px 12px;font-size:12px}.modal-hero>div:last-child{min-width:0}.art-reduced-label{font-size:12px}.audio-status{right:20px}}@media(prefers-reduced-motion:reduce){.speech-control:active,.guide-card:hover{transform:none}}.course-index button.selected>span:last-child{color:var(--link)}@media(max-width:1100px){.toolbar{flex-wrap:wrap}.toolbar .search-field{flex-basis:100%}.mobile-section-picker{max-width:100%}.mobile-section-picker select{min-width:0;max-width:100%}}[data-theme=dark] .mode-option.selected>span:not(.mode-check){color:var(--text-secondary)}.lesson-overview{padding:24px;background:var(--accent-soft);border:1px solid var(--accent-soft-strong);margin-bottom:32px;border-radius:var(--radius-lg)}.lesson-overview h2{font-size:24px;margin-bottom:12px}.lesson-overview p{font-size:var(--reading-size);line-height:1.85;color:var(--text-primary);max-width:65ch}.lesson-contrast{margin:32px 0}.lesson-contrast h2{font-size:26px;margin-bottom:20px}.lesson-contrast>div{padding:16px 0;border-bottom:1px solid var(--border)}.lesson-contrast strong{font-size:13px;color:var(--text-muted)}.lesson-contrast p[lang=en]{font-family:var(--font-mono);font-size:15px;line-height:1.85;margin-top:8px;overflow-wrap:anywhere}.contrast-reason{font-size:var(--reading-size);line-height:1.85;color:var(--text-secondary);margin-top:20px;max-width:65ch}.example-bank-note{font-size:14px;color:var(--text-muted);margin-bottom:20px}.example-navigation{display:flex;align-items:center;gap:16px}.example-navigation button{min-height:44px}.example-navigation button:disabled{opacity:.6;cursor:default}.examples-toolbar{flex-wrap:wrap;row-gap:4px}.examples-toolbar>span{flex-shrink:0}.course-index{max-height:calc(100vh - 48px);overflow-y:auto}.course-index>button{flex-shrink:0}@media(max-width:700px){.lesson-overview{padding:20px}.lesson-contrast p[lang=en]{font-size:14px}.example-navigation{gap:12px;margin-left:auto}.example-navigation .text-button{font-size:12px}.examples-toolbar>span{width:100%}}app-annotated-text,app-term-help,.help-anchor{display:inline}.grammar-term{display:inline;position:relative;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;line-height:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--link);text-underline-offset:5px;cursor:help;vertical-align:baseline;max-width:100%;white-space:normal;text-align:left}.grammar-term:after{content:"";position:absolute;inset:-10px -4px}.grammar-term .help-mark{font:10px var(--font-body);text-decoration:none;color:var(--link);align-self:center;display:inline-block}.grammar-term:hover,.grammar-term[aria-expanded=true]{color:var(--link);background:var(--accent-soft)}.context-help-panel{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:20px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font:14px/1.7 var(--font-body);text-align:left;text-decoration:none;white-space:normal;z-index:90}.context-help-panel[hidden]{display:none}.context-help-panel:popover-open{animation:help-in var(--duration-fast) var(--ease-out)}.context-help-panel header{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.context-help-panel header h2{font:600 17px/1.5 var(--font-body);color:var(--text-primary);margin:4px 0 0;flex:1}.context-help-panel .help-close{font-size:24px;flex-shrink:0;color:var(--text-secondary)}.context-help-panel p{font:14px/1.7 var(--font-body);color:var(--text-secondary);margin:0}.context-help-panel dl{margin:16px 0;padding:0}.context-help-panel dl>div{padding:10px 0;border-top:1px solid var(--border)}.context-help-panel dt{font-size:12px;font-weight:600;color:var(--text-secondary)}.context-help-panel dd{font:13px/1.8 var(--font-mono);color:var(--text-primary);margin:4px 0 0;overflow-wrap:anywhere}.context-help-panel .help-examples>div{padding:12px 0;border-top:1px solid var(--border)}.context-help-panel p[lang=en]{font-weight:500;color:var(--text-primary)}.context-help-panel .help-translation{font-size:13px;color:var(--text-muted);margin-top:4px}.context-help-panel>a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--link);font-size:13px;min-height:44px;margin-top:8px}.help-instruction{font-size:13px;line-height:1.8;color:var(--text-muted);margin:-8px 0 16px}.patterns code app-annotated-text{font:inherit}.patterns code .grammar-term{font:inherit}.patterns code .help-mark{color:var(--link)}@keyframes help-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.context-help-panel:popover-open{animation:none}}@media(max-width:700px){.context-help-panel{padding:16px}.help-instruction{font-size:12px}}.patterns .help-anchor{display:inline;font:inherit;color:inherit;margin:0}.patterns .grammar-term .help-mark{display:inline-block;font:10px var(--font-body);color:var(--link);margin:0}.context-help-panel span{display:inline;font:inherit;color:inherit;margin:0}.art-reduced-label{color:var(--text-secondary)}.search-submit{min-width:44px;min-height:44px}.stats-line>a,.site-footer a,.study-notes>a,.inline-empty a,.section-heading>a{display:inline-flex;align-items:center;min-height:44px}.stats-line>a{gap:4px}.verb-table-wrap{overflow-x:auto;overscroll-behavior-x:contain}.verb-table td:last-child,.verb-table th:last-child{position:sticky;right:0;background:var(--surface);z-index:1}.verb-table th:last-child{background:var(--bg)}@media(max-width:390px){.verb-open img{display:none}.verb-open{min-width:74px}.verb-table td,.verb-table th{padding:8px 6px}.verb-table td:last-child,.verb-table th:last-child{padding-right:6px;padding-left:4px}.verb-table td[lang]{font-size:12px}}.practice-structure-help{font-size:13px;color:var(--text-secondary);line-height:1.8;max-width:620px;margin:16px auto}.pronunciation-note{background:var(--accent-soft);padding:16px;border-radius:var(--radius-md);font-size:14px;line-height:1.8;color:var(--text-secondary)}.grammar-term:active:not(:disabled){opacity:1}.tabs>a{min-height:44px}.quick-card header>a{flex-shrink:0}.practice-domains{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.practice-domains a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface)}.practice-domains a[aria-current=page]{color:var(--link);background:var(--accent-soft);border-color:var(--link)}.lexicon-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:12px}@media(max-width:760px){.lexicon-shortcuts{grid-template-columns:1fr;gap:0}}.topbar{position:sticky;top:0;z-index:20;background:var(--bg)}.topbar-wordmark{display:none;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:var(--tracking-display);color:var(--text-primary);white-space:nowrap;min-height:44px;align-items:center}.topbar-wordmark .brand-dot{margin-left:0}.topbar-search{min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);min-width:240px;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.topbar-search:hover{border-color:var(--border-strong);color:var(--text-secondary)}.appearance-trigger{margin-left:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;transition:border-color var(--duration-fast) var(--ease-out)}@supports (anchor-name: --appearance){.appearance-trigger{anchor-name:--appearance}.appearance-panel{position-anchor:--appearance;inset:auto;top:anchor(bottom);right:anchor(right);margin-top:8px;position-try-fallbacks:flip-block}}.appearance-trigger:hover{border-color:var(--border-strong)}.appearance-trigger app-icon{color:var(--link)}.appearance-panel{position:fixed;inset:72px 24px auto auto;margin:0;width:min(360px,calc(100vw - 32px));padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-lg);transform-origin:top right;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),display var(--duration-base) allow-discrete,overlay var(--duration-base) allow-discrete;opacity:0;transform:translateY(-4px) scale(.98)}.appearance-panel:popover-open{opacity:1;transform:none}@starting-style{.appearance-panel:popover-open{opacity:0;transform:translateY(-4px) scale(.98)}}.appearance-panel fieldset{border:0;margin:0;padding:0;min-width:0}.appearance-panel fieldset+fieldset{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.appearance-panel legend{float:left;width:100%;padding:0;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.appearance-panel input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;pointer-events:none}.brand-options,.mode-segments{clear:both}.brand-options{display:grid;gap:8px}.brand-option{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.brand-option:hover{border-color:var(--border-strong)}.brand-option:has(input:checked){border-color:var(--link);background:var(--accent-soft)}.brand-option:has(input:focus-visible),.mode-segments label:has(input:focus-visible){outline:2px solid var(--link);outline-offset:2px}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:14px;font-weight:600}.brand-copy small{font-size:12px;color:var(--text-muted)}.brand-swatch{display:flex;flex-shrink:0}.brand-swatch i{width:16px;height:32px;border:1px solid rgba(127,127,127,.35)}.brand-swatch i:first-child{border-radius:8px 0 0 8px}.brand-swatch i:last-child{border-radius:0 8px 8px 0}[data-brand-preview=celeste] .brand-swatch i:nth-child(1){background:#f7f8fa}[data-brand-preview=celeste] .brand-swatch i:nth-child(2){background:#a0c0d4}[data-brand-preview=celeste] .brand-swatch i:nth-child(3){background:#31343e}[data-brand-preview=nocturna] .brand-swatch i:nth-child(1){background:#010203}[data-brand-preview=nocturna] .brand-swatch i:nth-child(2){background:#52baed}[data-brand-preview=nocturna] .brand-swatch i:nth-child(3){background:#353d7c}.brand-option:has(input:checked):after{content:"";margin-left:auto;width:8px;height:14px;border:solid var(--link);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px)}.mode-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.mode-segments label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 4px;border-radius:var(--radius-sm);font-size:12px;text-align:center;line-height:1.3;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mode-segments label:has(input:checked){background:var(--surface);color:var(--link);font-weight:600;box-shadow:var(--shadow-sm)}.sync-status{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:16px 0 0;border-top:1px solid var(--border);color:var(--text-primary);min-height:44px}.sync-status app-icon{color:var(--link);margin-top:2px}.sync-status[data-status=synced] app-icon{color:var(--success-text)}.sync-status[data-status=error] app-icon,.sync-status[data-status=offline] app-icon{color:var(--warning-text)}.sync-status>span{display:flex;flex-direction:column;gap:2px}.sync-status strong{font-size:12px;font-weight:600}.sync-status small{font-size:12px;line-height:1.5;color:var(--text-muted)}.bottom-nav,.more-sheet:not([open]){display:none}.more-sheet{margin:auto 0 0;width:100%;max-width:100%;max-height:85dvh;padding:8px 16px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xl);overscroll-behavior:contain;transition:transform var(--duration-slow) var(--ease-out),display var(--duration-slow) allow-discrete,overlay var(--duration-slow) allow-discrete;transform:translateY(100%)}.more-sheet[open]{display:flex;flex-direction:column;gap:16px;transform:none}@starting-style{.more-sheet[open]{transform:translateY(100%)}}.more-sheet::backdrop{background:var(--overlay, rgba(20, 23, 31, .45))}.more-sheet:before{content:"";align-self:center;width:40px;height:4px;border-radius:var(--radius-full);background:var(--border-strong)}.more-sheet header{display:flex;align-items:center;justify-content:space-between}.more-sheet h2{font-size:20px}.more-sheet nav{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.more-sheet nav a{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;color:var(--text-primary);font-size:15px}.more-sheet nav a+a{border-top:1px solid var(--border)}.more-sheet nav a>app-icon:first-child{color:var(--link)}.more-sheet nav a>app-icon:last-child{margin-left:auto;color:var(--text-muted)}.more-sheet nav a.active{background:var(--accent-soft);font-weight:600}.more-sheet .sync-status{margin-top:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg)}.button.danger{color:var(--danger-text);border-color:var(--danger-500);background:var(--danger-100)}.button.danger:hover:not(:disabled){background:var(--danger-100);border-color:var(--danger-text)}.backup-panel>.button.danger{width:100%;margin-top:16px}.confirm-dialog{margin:auto;width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xl)}.confirm-dialog::backdrop{background:var(--overlay, rgba(20, 23, 31, .45))}.confirm-dialog h2{font-size:24px}.confirm-dialog p{margin:12px 0 24px;color:var(--text-secondary);font-size:14px;line-height:1.7}.confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}@media(min-width:1600px){.topbar,.site-footer{padding-inline:calc((100% - 1440px)/2 + 80px)}}@media(max-width:1150px){.topbar-search{min-width:0}}@media(max-width:700px){.topbar-wordmark{display:inline-flex;margin-right:auto}.topbar-search{min-width:44px;width:44px;padding:0;justify-content:center;border:0;background:none;color:var(--text-secondary)}.topbar-search>span,.appearance-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.appearance-trigger{margin-left:0;width:44px;padding:0;justify-content:center;border:0;background:none}.appearance-panel{inset:64px 16px auto;width:auto}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:0;border:0;background:none;font-size:12px;font-weight:500;color:var(--text-muted)}.bottom-nav-icon{display:grid;place-items:center;width:56px;height:28px;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out)}.bottom-nav .active{color:var(--text-primary);font-weight:600}.bottom-nav .active .bottom-nav-icon{background:var(--accent-soft-strong);color:var(--link)}.toast,.audio-status{bottom:calc(80px + env(safe-area-inset-bottom))}.tabs>a{display:none}}@media(prefers-reduced-motion:reduce){.appearance-panel,.more-sheet{transition:none}}.progress-columns>section>h2~h2{margin-top:48px}.guide-card{content-visibility:auto;contain-intrinsic-block-size:auto 220px}.quick-card{content-visibility:auto;contain-intrinsic-block-size:auto 560px}.resource-card{content-visibility:auto;contain-intrinsic-block-size:auto 280px}.article-section,.lesson-block,.lesson-contrast,.exercise-panel{content-visibility:auto;contain-intrinsic-block-size:auto 360px}.learning-route,.home-bottom{content-visibility:auto;contain-intrinsic-block-size:auto 240px}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}[data-brand=nocturna]{--accent-400: #52baed;--accent-500: #2fa3dd;--accent-600: #1f87bb;--accent-700: #186a94;--indigo-500: #353d7c;--indigo-600: #2b3264;--indigo-700: #22284f;--indigo-800: #1a1e3b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--tracking-display: -.02em;--tracking-overline: .08em;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--duration-base: .22s;--duration-page: .35s;--cta-bg: #52baed;--cta-bg-hover: #2fa3dd;--cta-text: #010203;--text-on-primary: #010203}[data-brand=nocturna][data-theme=dark]{--bg: #010203;--surface: #0b0d12;--surface-alt: #14171f;--surface-hover: #1e222d;--border: #2a2f3d;--border-strong: #3d4354;--text-primary: #e8eaef;--text-secondary: #c5c9d4;--text-muted: #9aa0b0;--text-disabled: #6b7183;--text-heading: #f6f7f9;--accent: #52baed;--accent-hover: #2fa3dd;--accent-active: #1f87bb;--accent-soft: rgba(82, 186, 237, .08);--accent-soft-strong: rgba(82, 186, 237, .14);--link: #52baed;--link-hover: #a8ddf6;--brand-panel: #1a1e3b;--brand-panel-strong: #22284f;--brand-panel-border: #2b3264;--brand-panel-text: #f6f7f9;--brand-panel-muted: #c5c9d4;--nav-active-bg: #1a1e3b;--nav-active-text: #f6f7f9;--code-text: #7dccf1;--success-500: #4ade80;--success-100: #0a2617;--success-text: #4ade80;--warning-500: #fbbf24;--warning-100: #2a2005;--warning-text: #fbbf24;--danger-500: #f87171;--danger-100: #2c0f0f;--danger-text: #f87171;--info-500: #52baed;--info-100: #0d1f2c;--info-text: #52baed;--ring: 0 0 0 3px rgba(82, 186, 237, .2);--ring-color: rgba(82, 186, 237, .2);--overlay: rgba(1, 2, 3, .7);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--glow-accent: 0 0 0 1px rgba(82, 186, 237, .35), 0 4px 20px rgba(82, 186, 237, .18);--illustration-surface: #1a1e3b;color-scheme:dark}[data-brand=nocturna][data-theme=light]{--bg: #f5f8fb;--surface: #ffffff;--surface-alt: #eaf1f7;--surface-hover: #eaf1f7;--border: #d8dfe8;--border-strong: #6b7183;--text-primary: #14171f;--text-secondary: #3d4354;--text-muted: #5f6575;--text-disabled: #9aa0b0;--text-heading: #14171f;--accent: #1f87bb;--accent-hover: #186a94;--accent-active: #12506f;--accent-soft: rgba(31, 135, 187, .08);--accent-soft-strong: rgba(31, 135, 187, .14);--link: #186a94;--link-hover: #12506f;--brand-panel: #353d7c;--brand-panel-strong: #353d7c;--brand-panel-border: #2b3264;--brand-panel-text: #ffffff;--brand-panel-muted: #d9dcf0;--nav-active-bg: #e3f2fb;--nav-active-text: #14171f;--code-text: #186a94;--success-500: #166534;--success-100: #e3f5ea;--success-text: #166534;--warning-500: #854d0e;--warning-100: #fbf3dd;--warning-text: #854d0e;--danger-500: #b02c2c;--danger-100: #fbe7e7;--danger-text: #b02c2c;--info-500: #186a94;--info-100: #e3f2fb;--info-text: #186a94;--ring: 0 0 0 3px rgba(31, 135, 187, .25);--ring-color: rgba(31, 135, 187, .25);--overlay: rgba(20, 23, 31, .45);--shadow-xs: 0 1px 3px rgba(53, 61, 124, .08);--shadow-sm: 0 1px 3px rgba(53, 61, 124, .08);--shadow-md: 0 4px 10px rgba(53, 61, 124, .1);--shadow-lg: 0 12px 28px rgba(53, 61, 124, .14);--shadow-xl: 0 12px 28px rgba(53, 61, 124, .14);--glow-accent: 0 0 0 1px rgba(82, 186, 237, .4), 0 4px 16px rgba(82, 186, 237, .25);--illustration-surface: #e3f2fb;color-scheme:light}[data-brand=nocturna] body{font-feature-settings:"ss01" 1;font-kerning:normal}[data-brand=nocturna] ::selection{background:#52baed4d}[data-brand=nocturna] :focus-visible{outline-color:var(--accent);outline-offset:2px}[data-brand=nocturna] h1,[data-brand=nocturna] h2{font-weight:700;letter-spacing:var(--tracking-display);color:var(--text-heading)}[data-brand=nocturna] h3{color:var(--text-heading)}[data-brand=nocturna] app-icon svg{stroke-width:2}[data-brand=nocturna] :is(.stats-line strong,.progress-stats strong,.summary-score>strong,.nav-count,.course-section-count,.level-badge,.route-level){font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}[data-brand=nocturna] :is(.section-note,.art-label,.card-meta,.article-meta,.verb-table th,.patterns>div>span,.progress-stats>div>span,.sidebar-caption){font-size:12px;font-weight:500;letter-spacing:var(--tracking-overline);text-transform:uppercase}[data-brand=nocturna] :is(.card-meta,.article-meta){font-family:var(--font-body)}[data-brand=nocturna] .sidebar{background:var(--surface);border-right-color:var(--border);padding:32px 16px 24px}[data-brand=nocturna] .wordmark{font-weight:700;letter-spacing:var(--tracking-display);color:var(--text-heading);padding:0 12px;gap:0}[data-brand=nocturna] .brand-mark{display:none}[data-brand=nocturna] .brand-dot{color:var(--accent-400);margin-left:0}[data-brand=nocturna] .sidebar-caption{padding-left:12px}[data-brand=nocturna] .sidebar nav{gap:4px;margin-top:40px}[data-brand=nocturna] .sidebar nav a{border-radius:var(--radius-md);padding:10px 12px;min-height:44px;font-size:14px;font-weight:500;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .sidebar nav a:hover{background:var(--surface-alt);color:var(--text-primary)}[data-brand=nocturna] .sidebar nav a.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}[data-brand=nocturna] .sidebar nav a.active app-icon{color:var(--accent)}[data-brand=nocturna] .sync-status{padding-left:12px;padding-right:12px}[data-brand=nocturna] .topbar{height:64px;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .topbar{background:color-mix(in srgb,var(--bg) 80%,transparent)}}[data-brand=nocturna] .topbar-search,[data-brand=nocturna] .appearance-trigger{background:var(--surface-alt);border-color:var(--border-strong)}[data-brand=nocturna] .button{min-height:44px;padding:12px 20px;border-radius:var(--radius-md);border-color:var(--border-strong);background:transparent;font-size:14px;font-weight:600;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}[data-brand=nocturna] .button:hover:not(:disabled){background:var(--surface-alt)}[data-brand=nocturna] .button.primary{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-text);font-weight:700}[data-brand=nocturna] .button.primary:hover:not(:disabled){background:var(--cta-bg-hover);border-color:var(--cta-bg-hover)}[data-brand=nocturna] .button:active:not(:disabled){transform:scale(.98);opacity:1}@media(hover:hover)and (pointer:fine){[data-brand=nocturna] .button.primary:hover:not(:disabled){box-shadow:var(--glow-accent)}}[data-brand=nocturna] .button.marked{color:var(--success-text);border-color:var(--success-500);background:var(--success-100)}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .button.marked{border-color:color-mix(in srgb,var(--success-500) 40%,transparent)}}[data-brand=nocturna] .text-button{font-weight:600;font-size:14px}[data-brand=nocturna] .icon-button{border-radius:var(--radius-md)}[data-brand=nocturna] .icon-button:hover{background:var(--surface-alt);color:var(--text-primary)}[data-brand=nocturna] :is(.search-field,.home-search),[data-brand=nocturna] select,[data-brand=nocturna] input:not(.search-field input,.home-search input,.appearance-panel input){background:var(--surface-alt);border-color:var(--border-strong);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}[data-brand=nocturna][data-theme=light] :is(.search-field,.home-search),[data-brand=nocturna][data-theme=light] select,[data-brand=nocturna][data-theme=light] input:not(.search-field input,.home-search input,.appearance-panel input){background:var(--surface);border-color:var(--border)}[data-brand=nocturna] :is(.search-field,.home-search):focus-within{outline:0;border-color:var(--accent);box-shadow:var(--ring)}[data-brand=nocturna] select:focus-visible,[data-brand=nocturna] input:not(.search-field input,.home-search input,.appearance-panel input):focus-visible{outline:0;border-color:var(--accent);box-shadow:var(--ring)}[data-brand=nocturna] input::placeholder{color:var(--text-disabled)}[data-brand=nocturna][data-theme=light] input::placeholder{color:var(--text-muted)}[data-brand=nocturna] .search-submit{border-radius:var(--radius-md)}[data-brand=nocturna] .chips button,[data-brand=nocturna] .chip{border-radius:var(--radius-full);padding:8px 16px;font-size:13px;font-weight:500;border-color:var(--border)}[data-brand=nocturna] .chips button.selected{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--link);font-weight:600}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .chips button.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}}[data-brand=nocturna] .tabs>button{font-size:14px;font-weight:500;margin-bottom:-1px}[data-brand=nocturna] .tabs>button.selected{color:var(--text-heading);font-weight:600;border-bottom-color:var(--accent)}[data-brand=nocturna] .tabs>button>span{border-radius:var(--radius-full);padding:0 8px}[data-brand=nocturna] .level-badge{border-radius:var(--radius-full);padding:4px 8px;border-color:var(--border-strong);color:var(--text-secondary)}[data-brand=nocturna] .type-label{border-radius:var(--radius-full);padding:2px 8px;background:var(--surface-alt);border:1px solid var(--border-strong);color:var(--text-secondary);font-weight:500}[data-brand=nocturna] .type-label.irregular{background:var(--brand-panel);border-color:var(--brand-panel-border);color:var(--brand-panel-text)}[data-brand=nocturna] .reviewed{font-weight:600}[data-brand=nocturna] :is(.guide-card,.quick-card,.practice-setup,.patterns,.verb-table-wrap,.progress-stats,.level-route,.flashcard,.answer-feedback){border-radius:var(--radius-lg);border-color:var(--border);box-shadow:var(--shadow-sm)}[data-brand=nocturna] .guide-card{transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){[data-brand=nocturna] .guide-card:hover{transform:translateY(-2px);background:var(--surface-alt);border-color:var(--border-strong);box-shadow:var(--shadow-md)}}[data-brand=nocturna] .guide-card h2,[data-brand=nocturna] .guide-card h3{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-display)}[data-brand=nocturna] .home-intro h1{font-size:56px;line-height:1.05}[data-brand=nocturna] .home-intro h1 em{display:block;font-style:normal;font-weight:700;color:var(--text-muted)}[data-brand=nocturna] .home-art{transform:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}[data-brand=nocturna] .art-word{color:var(--text-heading);font-weight:600}[data-brand=nocturna] .art-corner{color:var(--accent)}[data-brand=nocturna] .home-search{border-radius:var(--radius-md);box-shadow:none}[data-brand=nocturna] .stats-line strong{font-size:14px;color:var(--text-heading)}[data-brand=nocturna] .topic-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}[data-brand=nocturna] .topic-row{padding:16px 20px;min-height:72px;border-bottom-color:var(--border);transition:background-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .topic-row:last-child{border-bottom:0}[data-brand=nocturna] .topic-row:hover{background:var(--surface-alt)}[data-brand=nocturna] .topic-row strong{font-weight:600}[data-brand=nocturna] .topic-row-icon{border-radius:var(--radius-md);background:var(--surface-alt);border-color:var(--border)}[data-brand=nocturna] .practice-promo{background:var(--brand-panel-strong);border:1px solid var(--brand-panel-border);border-radius:var(--radius-xl);padding:32px;color:var(--brand-panel-text)}[data-brand=nocturna] .practice-promo :is(h2,.section-heading){color:var(--brand-panel-text)}[data-brand=nocturna] .practice-promo :is(p,small,.section-note){color:var(--brand-panel-muted)}[data-brand=nocturna] .practice-promo .button.primary{box-shadow:var(--glow-accent)}[data-brand=nocturna] .route-level{color:var(--link);font-size:24px}[data-brand=nocturna] .level-route a{transition:background-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .level-route a:hover{background:var(--surface-alt)}[data-brand=nocturna] .lesson-overview{background:var(--brand-panel);border-color:var(--brand-panel-border);color:var(--brand-panel-text)}[data-brand=nocturna] .lesson-overview h2{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--brand-panel-muted)}[data-brand=nocturna] .lesson-overview p{color:var(--brand-panel-text);font-size:18px;line-height:1.6}[data-brand=nocturna] .lesson-overview .grammar-term{text-decoration-color:currentColor}[data-brand=nocturna] .patterns code,[data-brand=nocturna] .lesson-contrast p[lang=en],[data-brand=nocturna] .exercise-prompt{color:var(--code-text)}[data-brand=nocturna] .patterns.compact{border-radius:var(--radius-md);box-shadow:none}[data-brand=nocturna] .exercise-panel,[data-brand=nocturna] .notice,[data-brand=nocturna] .pronunciation-note,[data-brand=nocturna] .backup-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}[data-brand=nocturna] .related-topics a{border-radius:var(--radius-full);padding:8px 16px}[data-brand=nocturna] .example{transition:background-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .grammar-term{text-decoration-color:var(--code-text);text-decoration-thickness:1.5px;text-underline-offset:4px}[data-brand=nocturna] .grammar-term:hover,[data-brand=nocturna] .grammar-term[aria-expanded=true]{color:var(--link-hover, var(--link));background:var(--accent-soft)}[data-brand=nocturna][data-theme=light] .grammar-term:hover,[data-brand=nocturna][data-theme=light] .grammar-term[aria-expanded=true]{color:var(--link)}[data-brand=nocturna] .context-help-panel{text-transform:none;letter-spacing:normal;background:var(--surface-alt);border-color:var(--border-strong);border-radius:var(--radius-md)}[data-brand=nocturna] .study-notes section:first-child{padding:16px;border:1px solid var(--warning-500);border-radius:var(--radius-md);background:var(--warning-100);color:var(--warning-text)}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .study-notes section:first-child{border:1px solid color-mix(in srgb,var(--warning-500) 30%,transparent)}}[data-brand=nocturna] .study-notes section:first-child :is(.aside-heading,p,app-icon){color:var(--warning-text)}[data-brand=nocturna] .study-notes section:first-child .aside-heading{margin-top:8px}[data-brand=nocturna] .study-notes section:first-child .grammar-term{text-decoration-color:currentColor}[data-brand=nocturna] .study-notes .aside-heading{color:var(--text-heading)}[data-brand=nocturna] .resource-card h2 a{color:var(--text-heading);transition:color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .resource-card h2 a:hover{color:var(--link)}[data-brand=nocturna] .resource-card .card-meta app-icon{color:var(--link)}[data-brand=nocturna] .verb-table th{background:var(--surface);border-bottom:1px solid var(--border)}[data-brand=nocturna] .verb-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .verb-table tbody tr:hover,[data-brand=nocturna] .verb-table tbody tr:hover td:last-child{background:var(--surface-alt)}[data-brand=nocturna] .verb-table th:last-child{background:var(--surface)}[data-brand=nocturna] .verb-open strong{font-family:var(--font-display);font-weight:600;color:var(--text-heading)}[data-brand=nocturna] .verb-open img{border-radius:var(--radius-md);border:1px solid var(--border)}[data-brand=nocturna] .saved{color:var(--warning-500)}[data-brand=nocturna] .saved svg{fill:currentColor}[data-brand=nocturna] .verb-dialog{background:var(--surface-alt);border-color:var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}[data-brand=nocturna] .verb-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-brand=nocturna] .modal-hero{background:var(--brand-panel);color:var(--brand-panel-text)}[data-brand=nocturna] .modal-hero :is(h2,p){color:var(--brand-panel-text)}[data-brand=nocturna] .modal-hero .button{background:var(--surface);color:var(--text-primary)}[data-brand=nocturna] .modal-close{background:var(--surface-alt)}[data-brand=nocturna] .verb-forms strong{color:var(--code-text)}[data-brand=nocturna] .mode-option{border-radius:var(--radius-md);border-color:var(--border);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .mode-option:hover{border-color:var(--border-strong)}[data-brand=nocturna] .mode-option.selected{border-color:var(--accent);background:var(--accent-soft-strong)}[data-brand=nocturna] .mode-option.selected .mode-check{background:var(--accent);border-color:var(--accent);color:var(--cta-text)}[data-brand=nocturna] .mode-option.selected>span:not(.mode-check){color:var(--text-secondary)}[data-brand=nocturna] .progress-track{height:6px;border-radius:var(--radius-full);background:var(--surface-hover)}[data-brand=nocturna] .progress-track>div{background:var(--accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}[data-brand=nocturna] .choice-option{border-radius:var(--radius-md);border-color:var(--border-strong);font-size:15px;font-weight:500;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}[data-brand=nocturna] .choice-option:hover:not(:disabled){background:var(--surface-alt);border-color:var(--accent)}[data-brand=nocturna] .choice-option.choice-correct{border-color:var(--success-500)}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .choice-option.choice-correct{border-color:color-mix(in srgb,var(--success-500) 50%,transparent)}}[data-brand=nocturna] .choice-option.choice-wrong{border-color:var(--danger-500)}@supports (color: color-mix(in lab,red,red)){[data-brand=nocturna] .choice-option.choice-wrong{border-color:color-mix(in srgb,var(--danger-500) 50%,transparent)}}[data-brand=nocturna] .flashcard h1,[data-brand=nocturna] .session-summary h1{font-size:48px;line-height:1.05}[data-brand=nocturna] .summary-score>strong{font-weight:500;color:var(--link)}[data-brand=nocturna] .summary-symbol{background:var(--brand-panel);border-color:var(--brand-panel-border);color:var(--accent)}[data-brand=nocturna] .progress-stats strong{font-size:32px;color:var(--text-heading)}[data-brand=nocturna] .progress-stats>div:first-child strong{color:var(--link)}[data-brand=nocturna] .toast,[data-brand=nocturna] .audio-status{background:var(--surface-alt);border-color:var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}[data-brand=nocturna] .appearance-panel{background:var(--surface-alt)}[data-brand=nocturna][data-theme=light] .appearance-panel{background:var(--surface)}[data-brand=nocturna] .mode-segments label:has(input:checked){background:var(--surface-hover)}[data-brand=nocturna][data-theme=light] .mode-segments label:has(input:checked){background:var(--surface)}[data-brand=nocturna] .bottom-nav{background:var(--surface)}[data-brand=nocturna] .bottom-nav .active .bottom-nav-icon{background:var(--nav-active-bg);color:var(--accent)}[data-brand=nocturna] .more-sheet{background:var(--surface-alt)}[data-brand=nocturna][data-theme=light] .more-sheet{background:var(--surface)}[data-brand=nocturna] .more-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:700px){[data-brand=nocturna] .topbar{height:56px}[data-brand=nocturna] .home-intro h1{font-size:40px}[data-brand=nocturna] .practice-promo{padding:24px 20px;border-radius:var(--radius-lg)}[data-brand=nocturna] .topic-row{padding:12px 16px}[data-brand=nocturna] .flashcard h1,[data-brand=nocturna] .session-summary h1{font-size:40px}}@media(min-width:1600px){[data-brand=nocturna] .home-intro h1{font-size:64px}}@media(prefers-reduced-motion:reduce){[data-brand=nocturna] .button:active:not(:disabled){transform:none}}main{view-transition-name:main-content}::view-transition-group(main-content){animation:none}::view-transition-old(main-content){animation:page-out calc(var(--duration-page) * .6) var(--ease-in) both}::view-transition-new(main-content){animation:page-in var(--duration-page) var(--ease-out) both}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-fast)}html.is-theme-switching::view-transition-old(main-content),html.is-theme-switching::view-transition-new(main-content),html.is-theme-switching::view-transition-old(root),html.is-theme-switching::view-transition-new(root){animation-name:none}html.is-theme-switching::view-transition-old(root){animation:fade-out var(--duration-slow) var(--ease-in-out) both}html.is-theme-switching::view-transition-new(root){animation:fade-in var(--duration-slow) var(--ease-in-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes page-out{to{opacity:0;transform:translateY(-4px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.button,.icon-button,.text-button,.chips button,.chip,.choice-option,.mode-option,.tabs>button,.topic-row,.level-route a,.sidebar nav a,.home-bottom a,.related-topics a,.course-index button,.search-submit,.search-field,.home-search{transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}:is(.button,.icon-button,.choice-option,.mode-option,.chips button,.search-submit):active:not(:disabled){transform:scale(.98);transition-duration:var(--duration-instant)}:is(a,button) app-icon[name=arrow],:is(a,button) app-icon[name=chevron]{transition:translate var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){:is(a,button):hover>app-icon[name=arrow],:is(a,button):hover>app-icon[name=chevron]{translate:2px 0}.topic-row:hover>app-icon,.level-route a:hover small app-icon{translate:2px 0}}.answer-feedback,.flashcard-answer,.exercise-answer,.session-summary,.verb-artwork img{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}@starting-style{.answer-feedback,.flashcard-answer,.exercise-answer{opacity:0;transform:translateY(6px)}.session-summary{opacity:0;transform:translateY(8px)}}.choice-option.choice-correct,.choice-option.choice-wrong{animation:answer-mark var(--duration-base) var(--ease-out)}@keyframes answer-mark{0%{transform:scale(.98)}}.progress-track>div{transition:width var(--duration-slow) var(--ease-out)}.toast,.audio-status{animation:notice-in var(--duration-slow) var(--ease-out)}.toast.is-leaving,.audio-status.is-leaving{animation:notice-out calc(var(--duration-slow) * .8) var(--ease-in) forwards}@keyframes notice-in{0%{opacity:0;translate:0 8px}}@keyframes notice-out{to{opacity:0;translate:0 4px}}.confirm-dialog,.verb-dialog{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),display var(--duration-slow) allow-discrete,overlay var(--duration-slow) allow-discrete}.confirm-dialog:not([open]),.verb-dialog:not([open]){opacity:0;transform:scale(.96)}@starting-style{.confirm-dialog[open],.verb-dialog[open]{opacity:0;transform:scale(.96)}}.confirm-dialog::backdrop,.verb-dialog::backdrop,.more-sheet::backdrop{transition:opacity var(--duration-base) var(--ease-out),display var(--duration-base) allow-discrete,overlay var(--duration-base) allow-discrete}@starting-style{.confirm-dialog[open]::backdrop,.verb-dialog[open]::backdrop,.more-sheet[open]::backdrop{opacity:0}}.quick-card,.resource-card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}@media(prefers-reduced-motion:reduce){::view-transition-old(main-content),::view-transition-new(main-content),::view-transition-old(root),::view-transition-new(root){animation:none}:is(.button,.icon-button,.choice-option,.mode-option,.chips button,.search-submit):active:not(:disabled),.quick-card:hover{transform:none}:is(a,button):hover>app-icon,.topic-row:hover>app-icon{translate:none}}@font-face{font-family:Fraunces Fallback;src:local("Georgia");size-adjust:108.11%;ascent-override:90.47%;descent-override:23.59%;line-gap-override:0%}@font-face{font-family:Public Sans Fallback;src:local("Arial"),local("Helvetica");size-adjust:103.16%;ascent-override:92.09%;descent-override:21.81%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Fallback;src:local("Courier New");size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}@font-face{font-family:Space Grotesk Fallback;src:local("Arial"),local("Helvetica");size-adjust:108.41%;ascent-override:90.76%;descent-override:26.93%;line-gap-override:0%}@font-face{font-family:Manrope Fallback;src:local("Arial"),local("Helvetica");size-adjust:101.4%;ascent-override:105.13%;descent-override:29.59%;line-gap-override:0%}@font-face{font-family:JetBrains Mono Fallback;src:local("Courier New");size-adjust:99.98%;ascent-override:102.02%;descent-override:30%;line-gap-override:0%}html:not(.fonts-ready){--font-display: "Fraunces Fallback", Georgia, serif;--font-body: "Public Sans Fallback", Arial, system-ui, sans-serif;--font-mono: "IBM Plex Mono Fallback", "Courier New", monospace}html:not(.fonts-ready)[data-brand=nocturna]{--font-display: "Space Grotesk Fallback", Arial, system-ui, sans-serif;--font-body: "Manrope Fallback", Arial, system-ui, sans-serif;--font-mono: "JetBrains Mono Fallback", "Courier New", monospace}@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-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@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: 0px;}@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;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--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}}}