@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Barlow+Condensed:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400..900;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400..700;1,8..60,400..700&display=swap";:root{--font-ui: "Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;--font-de: "Gentium Book Plus", "Charis SIL", Georgia, serif;--font-num: "Barlow Condensed", "DIN Condensed", "Arial Narrow", sans-serif;--fs-2xs: .6875rem;--lh-2xs: 1rem;--fs-xs: .75rem;--lh-xs: 1rem;--fs-sm: .8125rem;--lh-sm: 1.125rem;--fs-base: .875rem;--lh-base: 1.3125rem;--fs-md: .9375rem;--lh-md: 1.375rem;--fs-lg: 1.0625rem;--lh-lg: 1.5rem;--fs-xl: 1.25rem;--lh-xl: 1.625rem;--fs-2xl: 1.5rem;--lh-2xl: 1.75rem;--fs-3xl: 1.875rem;--lh-3xl: 2.125rem;--fs-4xl: 2.375rem;--lh-4xl: 2.5rem;--tracking-tight: -.015em;--tracking-num: .01em;--tracking-caps: .06em;--weight-regular: 400;--weight-bold: 700;--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-7: 1.75rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--square: 20px;--margin-x: 1.5rem;--r-none: 0;--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-full: 999px;--dur-1: 80ms;--dur-2: .14s;--dur-3: .22s;--dur-4: .36s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--blue-50: #eef2fc;--blue-100: #d9e1f8;--blue-200: #b7c6f0;--blue-300: #8da4e6;--blue-400: #5f7dda;--blue-500: #3b5bc7;--blue-600: #2540a8;--blue-700: #1c338a;--blue-800: #16296e;--blue-900: #101e52;--red-50: #fdeeef;--red-100: #fad6d8;--red-300: #f19aa0;--red-500: #d6303a;--red-700: #a81f27;--red-900: #6e1216;--green-50: #eaf5ee;--green-100: #d2ebdb;--green-300: #86cba1;--green-500: #2e7d4f;--green-700: #21603c;--green-900: #143f27}:root{--ts: 1;--measure: 1280px;--rail: 300px;--read: 74ch}[data-text=sm]{--ts: .92}[data-text=md]{--ts: 1}[data-text=lg]{--ts: 1.1}[data-text=xl]{--ts: 1.22}[data-width=narrow]{--measure: 1040px;--rail: 280px;--read: 62ch}[data-width=normal]{--measure: 1280px;--rail: 300px;--read: 74ch}[data-width=wide]{--measure: 1560px;--rail: 340px;--read: 88ch}[data-width=full]{--measure: 100%;--rail: 360px;--read: 100%}:root,[data-theme=light]{color-scheme:light;--paper-rgb: 238 241 238;--paper: rgb(var(--paper-rgb));--surface-rgb: 255 255 255;--surface: rgb(var(--surface-rgb));--sunken-rgb: 227 232 228;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 26 30 28;--ink: rgb(var(--ink-rgb));--muted-rgb: 84 94 88;--muted: rgb(var(--muted-rgb));--faint-rgb: 134 144 138;--faint: rgb(var(--faint-rgb));--line: rgb(26 30 28 / .09);--line-strong: rgb(26 30 28 / .16);--grid-line: rgb(37 64 168 / .07);--margin-rule: #d6303a;--accent-rgb: 37 64 168;--accent: rgb(var(--accent-rgb));--accent-hover: #1b3186;--accent-ink: #ffffff;--accent-soft: rgb(37 64 168 / .1);--accent-soft-2: rgb(37 64 168 / .2);--wrong-rgb: 198 40 50;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(198 40 50 / .1);--right-rgb: 31 110 66;--right: rgb(var(--right-rgb));--right-soft: rgb(31 110 66 / .1);--shadow-1: 0 1px 0 rgb(0 0 0 / .03);--shadow-2: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px -14px rgb(0 0 0 / .16);--shadow-3: 0 16px 48px -16px rgb(0 0 0 / .28);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=sepia]{color-scheme:light;--paper-rgb: 236 227 210;--paper: rgb(var(--paper-rgb));--surface-rgb: 251 246 236;--surface: rgb(var(--surface-rgb));--sunken-rgb: 224 213 192;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 43 36 27;--ink: rgb(var(--ink-rgb));--muted-rgb: 106 92 72;--muted: rgb(var(--muted-rgb));--faint-rgb: 154 139 116;--faint: rgb(var(--faint-rgb));--line: rgb(43 36 27 / .13);--line-strong: rgb(43 36 27 / .22);--grid-line: rgb(143 59 38 / .07);--margin-rule: #8f3b26;--accent-rgb: 143 59 38;--accent: rgb(var(--accent-rgb));--accent-hover: #742d1c;--accent-ink: #fdf8ee;--accent-soft: rgb(143 59 38 / .1);--accent-soft-2: rgb(143 59 38 / .2);--wrong-rgb: 166 39 39;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(166 39 39 / .1);--right-rgb: 42 100 62;--right: rgb(var(--right-rgb));--right-soft: rgb(42 100 62 / .1);--shadow-1: 0 1px 0 rgb(0 0 0 / .03);--shadow-2: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px -14px rgb(0 0 0 / .16);--shadow-3: 0 16px 48px -16px rgb(0 0 0 / .28);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=minze]{color-scheme:light;--paper-rgb: 232 239 236;--paper: rgb(var(--paper-rgb));--surface-rgb: 255 255 255;--surface: rgb(var(--surface-rgb));--sunken-rgb: 219 229 225;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 22 33 29;--ink: rgb(var(--ink-rgb));--muted-rgb: 77 95 88;--muted: rgb(var(--muted-rgb));--faint-rgb: 128 149 142;--faint: rgb(var(--faint-rgb));--line: rgb(22 33 29 / .1);--line-strong: rgb(22 33 29 / .17);--grid-line: rgb(15 107 95 / .07);--margin-rule: #c22f3c;--accent-rgb: 15 107 95;--accent: rgb(var(--accent-rgb));--accent-hover: #0a5348;--accent-ink: #ffffff;--accent-soft: rgb(15 107 95 / .1);--accent-soft-2: rgb(15 107 95 / .2);--wrong-rgb: 194 47 60;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(194 47 60 / .1);--right-rgb: 15 107 95;--right: rgb(var(--right-rgb));--right-soft: rgb(15 107 95 / .1);--shadow-1: 0 1px 0 rgb(0 0 0 / .03);--shadow-2: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px -14px rgb(0 0 0 / .16);--shadow-3: 0 16px 48px -16px rgb(0 0 0 / .28);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=contrast]{color-scheme:light;--paper-rgb: 255 255 255;--paper: rgb(var(--paper-rgb));--surface-rgb: 255 255 255;--surface: rgb(var(--surface-rgb));--sunken-rgb: 235 235 239;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 10 10 12;--ink: rgb(var(--ink-rgb));--muted-rgb: 51 51 58;--muted: rgb(var(--muted-rgb));--faint-rgb: 92 92 102;--faint: rgb(var(--faint-rgb));--line: rgb(10 10 12 / .3);--line-strong: rgb(10 10 12 / .62);--grid-line: rgb(10 10 12 / .1);--margin-rule: #c00016;--accent-rgb: 11 47 168;--accent: rgb(var(--accent-rgb));--accent-hover: #07206f;--accent-ink: #ffffff;--accent-soft: rgb(11 47 168 / .12);--accent-soft-2: rgb(11 47 168 / .22);--wrong-rgb: 176 0 22;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(176 0 22 / .12);--right-rgb: 13 88 47;--right: rgb(var(--right-rgb));--right-soft: rgb(13 88 47 / .12);--shadow-1: 0 0 0 1px rgb(10 10 12 / .16);--shadow-2: 0 0 0 1px rgb(10 10 12 / .16);--shadow-3: 0 16px 48px -16px rgb(10 10 12 / .45);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=dark]{color-scheme:dark;--paper-rgb: 15 21 18;--paper: rgb(var(--paper-rgb));--surface-rgb: 27 36 31;--surface: rgb(var(--surface-rgb));--sunken-rgb: 9 14 12;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 236 239 234;--ink: rgb(var(--ink-rgb));--muted-rgb: 163 172 166;--muted: rgb(var(--muted-rgb));--faint-rgb: 107 117 111;--faint: rgb(var(--faint-rgb));--line: rgb(236 239 234 / .1);--line-strong: rgb(236 239 234 / .18);--grid-line: rgb(236 239 234 / .05);--margin-rule: #ff6e75;--accent-rgb: 150 172 255;--accent: rgb(var(--accent-rgb));--accent-hover: #adc0ff;--accent-ink: #0d1a3d;--accent-soft: rgb(150 172 255 / .15);--accent-soft-2: rgb(150 172 255 / .26);--wrong-rgb: 255 110 117;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(255 110 117 / .15);--right-rgb: 95 203 142;--right: rgb(var(--right-rgb));--right-soft: rgb(95 203 142 / .15);--shadow-1: 0 1px 0 rgb(0 0 0 / .35);--shadow-2: 0 1px 2px rgb(0 0 0 / .35), 0 10px 30px -16px rgb(0 0 0 / .6);--shadow-3: 0 18px 56px -18px rgb(0 0 0 / .8);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=night]{color-scheme:dark;--paper-rgb: 10 10 11;--paper: rgb(var(--paper-rgb));--surface-rgb: 23 23 26;--surface: rgb(var(--surface-rgb));--sunken-rgb: 5 5 6;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 233 231 226;--ink: rgb(var(--ink-rgb));--muted-rgb: 160 158 152;--muted: rgb(var(--muted-rgb));--faint-rgb: 108 106 102;--faint: rgb(var(--faint-rgb));--line: rgb(233 231 226 / .11);--line-strong: rgb(233 231 226 / .19);--grid-line: rgb(233 231 226 / .045);--margin-rule: #ff8a80;--accent-rgb: 240 176 96;--accent: rgb(var(--accent-rgb));--accent-hover: #f7c483;--accent-ink: #1a1206;--accent-soft: rgb(240 176 96 / .15);--accent-soft-2: rgb(240 176 96 / .26);--wrong-rgb: 255 122 122;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(255 122 122 / .15);--right-rgb: 118 206 150;--right: rgb(var(--right-rgb));--right-soft: rgb(118 206 150 / .15);--shadow-1: 0 1px 0 rgb(0 0 0 / .35);--shadow-2: 0 1px 2px rgb(0 0 0 / .35), 0 10px 30px -16px rgb(0 0 0 / .6);--shadow-3: 0 18px 56px -18px rgb(0 0 0 / .8);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=kobalt]{color-scheme:dark;--paper-rgb: 13 18 32;--paper: rgb(var(--paper-rgb));--surface-rgb: 22 29 49;--surface: rgb(var(--surface-rgb));--sunken-rgb: 9 13 24;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 228 233 245;--ink: rgb(var(--ink-rgb));--muted-rgb: 154 164 189;--muted: rgb(var(--muted-rgb));--faint-rgb: 103 113 140;--faint: rgb(var(--faint-rgb));--line: rgb(228 233 245 / .11);--line-strong: rgb(228 233 245 / .19);--grid-line: rgb(127 212 255 / .05);--margin-rule: #ff7a91;--accent-rgb: 127 212 255;--accent: rgb(var(--accent-rgb));--accent-hover: #a4e2ff;--accent-ink: #06202e;--accent-soft: rgb(127 212 255 / .15);--accent-soft-2: rgb(127 212 255 / .26);--wrong-rgb: 255 122 145;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(255 122 145 / .15);--right-rgb: 94 214 176;--right: rgb(var(--right-rgb));--right-soft: rgb(94 214 176 / .15);--shadow-1: 0 1px 0 rgb(0 0 0 / .35);--shadow-2: 0 1px 2px rgb(0 0 0 / .35), 0 10px 30px -16px rgb(0 0 0 / .6);--shadow-3: 0 18px 56px -18px rgb(0 0 0 / .8);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=espresso]{color-scheme:dark;--paper-rgb: 23 18 14;--paper: rgb(var(--paper-rgb));--surface-rgb: 34 27 21;--surface: rgb(var(--surface-rgb));--sunken-rgb: 15 11 8;--sunken: rgb(var(--sunken-rgb));--ink-rgb: 240 232 222;--ink: rgb(var(--ink-rgb));--muted-rgb: 176 162 148;--muted: rgb(var(--muted-rgb));--faint-rgb: 120 108 96;--faint: rgb(var(--faint-rgb));--line: rgb(240 232 222 / .11);--line-strong: rgb(240 232 222 / .19);--grid-line: rgb(224 167 106 / .05);--margin-rule: #ff8a7a;--accent-rgb: 224 167 106;--accent: rgb(var(--accent-rgb));--accent-hover: #eebb85;--accent-ink: #241706;--accent-soft: rgb(224 167 106 / .15);--accent-soft-2: rgb(224 167 106 / .26);--wrong-rgb: 255 130 118;--wrong: rgb(var(--wrong-rgb));--wrong-soft: rgb(255 130 118 / .15);--right-rgb: 126 199 146;--right: rgb(var(--right-rgb));--right-soft: rgb(126 199 146 / .15);--shadow-1: 0 1px 0 rgb(0 0 0 / .35);--shadow-2: 0 1px 2px rgb(0 0 0 / .35), 0 10px 30px -16px rgb(0 0 0 / .6);--shadow-3: 0 18px 56px -18px rgb(0 0 0 / .8);--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}:root{--paper-grid: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);--paper-grid-size: var(--square) var(--square);--margin-rule-image: linear-gradient(90deg, transparent calc(var(--margin-x) - 1px), var(--margin-rule) calc(var(--margin-x) - 1px), var(--margin-rule) calc(var(--margin-x) + 1px), transparent calc(var(--margin-x) + 1px))}@media (prefers-reduced-motion: reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-4: 0ms}}[data-variant=slick]{--font-ui: "Instrument Sans", "Atkinson Hyperlegible", system-ui, sans-serif;--weight-medium: 500;--weight-bold: 600;--fs-base: .875rem;--lh-base: 1.25rem;--fs-sm: .8125rem;--lh-sm: 1.0625rem;--fs-3xl: 1.75rem;--lh-3xl: 2rem;--tracking-tight: -.02em;--tracking-caps: .08em;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--shadow-1: none;--shadow-2: 0 1px 2px rgb(0 0 0 / .06), 0 6px 20px -10px rgb(0 0 0 / .16)}[data-font=rund]{--font-ui: "Nunito", "Instrument Sans", system-ui, sans-serif;--font-de: "Nunito", "Instrument Sans", system-ui, sans-serif}[data-font=heft]{--font-ui: "Instrument Sans", "Atkinson Hyperlegible", system-ui, sans-serif;--font-de: "Gentium Book Plus", "Charis SIL", Georgia, serif}[data-font=sans]{--font-ui: "Instrument Sans", "Atkinson Hyperlegible", system-ui, sans-serif;--font-de: "Instrument Sans", "Atkinson Hyperlegible", system-ui, sans-serif}[data-font=buch]{--font-ui: "Source Serif 4", "Gentium Book Plus", Georgia, serif;--font-de: "Source Serif 4", "Gentium Book Plus", Georgia, serif}[data-font=klar]{--font-ui: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-de: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif}[data-font=sans] .de,[data-font=sans] .hl .de{letter-spacing:-.005em}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg: var(--paper);--panel: var(--surface);--panel2: var(--sunken);--hover: var(--fill);--border: var(--line);--border2: var(--line-strong);--acc: var(--accent);--acc-ink: var(--accent-ink);--acc-dim: var(--accent-soft);--good: var(--right);--good-dim: var(--right-soft);--bad: var(--wrong);--bad-dim: var(--wrong-soft);--sans: var(--font-ui);--mono: var(--font-num);--serif: var(--font-de);--fill: var(--surface);--fill-2: color-mix(in srgb, var(--surface) 90%, var(--ink));--fill-3: color-mix(in srgb, var(--surface) 82%, var(--ink));--gap-sec: 40px;--bleed: 12px;--r-row: 10px;--r-block: 14px}[data-theme=light],[data-theme=sepia],[data-theme=minze],[data-theme=contrast]{--bg: var(--surface);--fill: var(--paper);--fill-2: color-mix(in srgb, var(--paper) 90%, var(--ink));--fill-3: color-mix(in srgb, var(--paper) 82%, var(--ink))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:calc(14px * var(--ts));line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;font-size:inherit}input,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;height:auto}a{color:inherit}::-moz-selection{background:var(--acc);color:var(--acc-ink)}::selection{background:var(--acc);color:var(--acc-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.de,.lesson strong,.qtext strong,.opt strong,.fb strong,.rb-fb strong,.gr-row strong,.pairbtn strong,.tok{font-family:var(--serif);font-weight:600}.frame{min-height:100vh}.main{padding:0 16px calc(84px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}@media (min-width: 1000px){.frame{display:grid;grid-template-columns:220px minmax(0,1fr)}.main{padding:40px 48px 72px;width:100%;max-width:var(--measure);margin-inline:auto}}.side{display:none}@media (min-width: 1000px){.side{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;padding:32px 14px 22px}}.side .brand{margin:0 12px 28px}.side a.nav{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--r-row);color:var(--muted);font-weight:500;font-size:calc(14px * var(--ts));text-decoration:none;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.side a.nav svg{opacity:.75}.side a.nav:hover{color:var(--ink)}.side a.nav.active{background:var(--fill);color:var(--ink)}.side a.nav.active svg{opacity:1;color:var(--acc)}.side .push{flex:1}.side .foot{margin:0 12px;display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:calc(13px * var(--ts))}.side .foot .v{font-family:var(--mono);font-size:calc(20px * var(--ts));font-weight:600;color:var(--ink);order:-1}.side .foot .k{order:1}.brand{font-weight:700;font-size:calc(19px * var(--ts));letter-spacing:-.03em;text-decoration:none;color:var(--ink);line-height:1}.brand em{color:var(--acc);font-style:normal}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:0 -16px 6px;padding:0 16px;height:var(--topbar-h);display:flex;align-items:center;gap:6px}.topbar .spacer{flex:1}.topbar a.plain-ic{color:var(--muted);display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;text-decoration:none;border-radius:var(--r-full)}.topbar a.plain-ic.active{color:var(--accent);background:var(--fill)}@media (min-width: 1000px){.topbar{display:none}}:root{--topbar-h: 52px;--tabbar-h: 62px;--lessonbar-h: 44px;--player-h: 0px}html.has-player{--player-h: 58px}@media (min-width: 1000px){:root{--topbar-h: 0px;--tabbar-h: 0px}}@media (min-width: 1200px){:root{--lessonbar-h: 0px}}.lesson h1,.lesson [data-sec]{scroll-margin-top:calc(var(--topbar-h) + var(--lessonbar-h) + 14px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;gap:2px;background:color-mix(in srgb,var(--fill) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:7px 8px calc(7px + env(safe-area-inset-bottom))}@media (min-width: 1000px){.tabbar{display:none}}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--faint);font-size:calc(11px * var(--ts));font-weight:600;padding:4px 0 2px;border-radius:var(--r-row)}.tabbar a svg{padding:2px 12px;box-sizing:content-box;border-radius:var(--r-full)}.tabbar a.active{color:var(--ink)}.tabbar a.active svg{background:var(--accent-soft-2);color:var(--accent)}.kicker{font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted);margin:22px 0 6px}@media (min-width: 1000px){.kicker{margin-top:0}}.kicker b{color:var(--acc);font-weight:600;font-family:var(--mono);font-size:1.12em}.kicker a{text-decoration:none;color:inherit}.kicker a:hover{color:var(--ink)}h1{font-weight:650;letter-spacing:-.03em;font-size:calc(28px * var(--ts));line-height:1.1;margin:0 0 8px}@media (min-width: 1000px){h1{font-size:calc(36px * var(--ts))}}h1 .dot{color:var(--acc)}h1.pagetop{margin-top:24px}@media (min-width: 1000px){h1.pagetop{margin-top:0}}.sub{color:var(--muted);margin:0 0 6px;font-size:calc(14.5px * var(--ts));max-width:62ch;line-height:1.5}h2.sec,.panel .phead,.wsec h2{font-family:var(--sans);text-transform:none;letter-spacing:-.015em;font-size:calc(18px * var(--ts));font-weight:650;color:var(--ink)}h2.sec{display:flex;align-items:baseline;gap:10px;margin:var(--gap-sec) 0 12px}h2.sec .right{margin-left:auto;color:var(--muted);font-weight:500;font-size:calc(13px * var(--ts));letter-spacing:0}h2.sec .right a:not(.btn){color:inherit}h2.sec .right a:hover{color:var(--ink)}.cols{display:grid;gap:var(--gap-sec);grid-template-columns:1fr;align-items:start}@media (min-width: 1000px){.cols{grid-template-columns:minmax(0,1fr) var(--rail);gap:56px}}@media (max-width: 999px){.cols>.first-mobile{order:-1}}.grid2{display:grid;gap:var(--gap-sec);grid-template-columns:1fr;align-items:start}@media (min-width: 1000px){.grid2{grid-template-columns:1fr 1fr;gap:56px}}.mt{margin-top:28px}.grid2.mt,.cols.mt{margin-top:32px}.panel.mt,div.mt>.panel{margin-top:var(--gap-sec)}.grid2>.panel,.cols>.panel{margin-top:0}.panel{background:none;border:0;border-radius:0;overflow:visible}.panel .phead{display:flex;align-items:baseline;gap:10px;padding:0;margin:0 0 10px;border:0}.panel .phead .right{margin-left:auto;color:var(--muted);font-weight:500;font-size:calc(13px * var(--ts));letter-spacing:0}.panel .phead .right a:not(.btn){color:inherit;text-decoration:none}.panel .phead .right a:not(.btn):hover{color:var(--ink)}.panel .pbody{padding:0}.rowitem{display:flex;align-items:center;gap:14px;padding:11px var(--bleed);margin:0 calc(-1 * var(--bleed)) 2px;width:calc(100% + 2 * var(--bleed));border:0;border-radius:var(--r-row);text-decoration:none;color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-2) var(--ease-out);background:none}a.rowitem:hover,button.rowitem:hover{background:var(--fill)}.rowitem.static{cursor:default}.rowitem.static:hover{background:none}.rowitem .no{font-family:var(--mono);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);flex:none;width:24px;letter-spacing:var(--tracking-num)}a.rowitem:hover .no{color:var(--acc)}.rowitem .grow{flex:1;min-width:0}.rowitem .t1{font-weight:550;font-size:calc(15px * var(--ts));letter-spacing:-.01em;display:block}.rowitem .t2{color:var(--muted);font-size:calc(13px * var(--ts));margin-top:2px;display:block}.rowitem .end{flex:none;display:flex;align-items:center;gap:12px}.rowitem .num{font-family:var(--mono);font-size:calc(15px * var(--ts));font-weight:600;color:var(--muted);letter-spacing:var(--tracking-num)}.rowitem .arrow{color:var(--faint);font-size:calc(16px * var(--ts));flex:none;display:inline-flex}a.rowitem:hover .arrow{color:var(--ink)}.rowitem .no.big{font-family:var(--font-num);font-size:calc(28px * var(--ts));font-weight:600;color:var(--ink);width:40px;letter-spacing:0;line-height:1}.rowitem.cur .no.big{color:var(--accent)}.rowitem .curtag{font-size:calc(12.5px * var(--ts));font-weight:600;color:var(--accent)}.rowitem .chev{color:var(--faint);display:inline-flex;transition:transform var(--dur-2) var(--ease-out);flex:none}.rowitem.open .chev{transform:rotate(180deg)}.rowitem .num b{font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--muted);letter-spacing:var(--tracking-num)}.meter{height:4px;background:var(--fill-2);position:relative;overflow:hidden;border-radius:var(--r-full)}.meter>i{position:absolute;inset:0 auto 0 0;background:var(--acc);border-radius:var(--r-full);transition:width var(--dur-3) var(--ease-out)}.meter.green>i{background:var(--good)}.squares{display:flex;flex-wrap:wrap;gap:3px}.sq{width:8px;height:8px;border-radius:2px;background:var(--fill-2)}.sq.seen{background:var(--acc);opacity:.55}.sq.solid{background:var(--good)}.figs{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.figs.four{grid-template-columns:repeat(2,1fr)}@media (min-width: 700px){.figs.four{grid-template-columns:repeat(4,1fr)}}.fig{padding:0;border:0}.fig .v{font-family:var(--mono);font-size:calc(36px * var(--ts));font-weight:600;letter-spacing:0;line-height:1;color:var(--ink)}.fig .v small{font-size:calc(17px * var(--ts));font-weight:500;color:var(--faint)}.fig .l{font-size:calc(13px * var(--ts));color:var(--muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-row);background:var(--fill);border:0;color:var(--ink);font-weight:600;font-size:calc(13.5px * var(--ts));cursor:pointer;text-decoration:none;transition:background var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out);white-space:nowrap}.btn:hover{background:var(--fill-2)}.btn:active{transform:scale(.98)}.btn.acc{background:var(--acc);color:var(--acc-ink)}.btn.acc:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink);background:var(--fill)}.btn.small{height:34px;min-width:0;padding:0 13px;font-size:calc(13px * var(--ts))}.btn.block{width:100%}.btn:disabled{background:var(--fill);color:var(--faint);cursor:default;pointer-events:none;opacity:.7}.btn.acc:disabled{background:var(--fill);color:var(--faint)}.btn.danger{color:var(--bad);background:var(--bad-dim)}.btn.danger:hover{background:color-mix(in srgb,var(--wrong) 24%,transparent)}.dk.open .btn:not(.acc),.wcustom .btn:not(.acc),.ptopics .btn:not(.acc){background:var(--fill-2)}.dk.open .btn:not(.acc):hover,.wcustom .btn:not(.acc):hover,.ptopics .btn:not(.acc):hover{background:var(--fill-3)}.tabs{display:flex;gap:4px;margin:18px 0 0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:0 14px;height:36px;cursor:pointer;white-space:nowrap;border-radius:var(--r-full);font-weight:600;font-size:calc(13.5px * var(--ts));color:var(--muted);border:0}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);background:var(--fill)}.chip{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--r-full);background:var(--fill);color:var(--ink);height:34px;padding:0 14px;font-size:calc(13px * var(--ts));font-weight:550;cursor:pointer;white-space:nowrap}.chip:hover{background:var(--fill-2)}.chip.on{background:var(--acc);color:var(--acc-ink)}.chiprow{display:flex;gap:6px;flex-wrap:wrap}.wcustom .chip,.wb .chip{background:var(--fill-2)}.wcustom .chip:hover,.wb .chip:hover{background:var(--fill-3)}.wcustom .chip.on,.wb .chip.on{background:var(--acc)}.planitem{display:flex;align-items:center;gap:16px;padding:14px var(--bleed);margin:0 calc(-1 * var(--bleed)) 2px;border-radius:var(--r-row);text-decoration:none;color:inherit;transition:background var(--dur-2) var(--ease-out)}.planitem:hover{background:var(--fill)}.planitem .no{flex:none;width:28px;font-family:var(--mono);font-size:calc(30px * var(--ts));font-weight:600;line-height:1;color:var(--faint)}.planitem:first-child .no{color:var(--acc)}.planitem .grow{flex:1;min-width:0}.planitem .t1{font-weight:600;font-size:calc(16px * var(--ts));display:block;letter-spacing:-.01em}.planitem .t2{color:var(--muted);font-size:calc(13px * var(--ts));margin-top:2px;display:block}.planitem .arrow{color:var(--faint);display:inline-flex}.planitem:hover .arrow{color:var(--ink)}.au-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:var(--r-full);background:var(--fill);color:var(--acc);min-width:30px;height:28px;padding:0 10px;cursor:pointer;font-size:calc(12px * var(--ts));font-weight:600;vertical-align:middle;margin:1px 2px}.au-btn:hover{background:var(--fill-2)}.au-btn.playing{background:var(--acc);color:var(--acc-ink)}.de-in .au-btn{min-width:22px;height:20px;padding:0 6px;margin:0 0 0 4px;font-size:calc(10px * var(--ts))}.bigplay{width:68px;height:68px;border-radius:var(--r-full);background:var(--acc);color:var(--acc-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bigplay:hover{background:var(--accent-hover)}.playbtn{flex:none;width:40px;height:40px;border-radius:var(--r-full);border:0;background:var(--fill);color:var(--acc);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-2) var(--ease-out)}.playbtn:hover{background:var(--fill-2)}.playbtn.on{background:var(--acc);color:var(--acc-ink)}.lesson{font-size:calc(15.5px * var(--ts));line-height:1.6;max-width:var(--read)}.lesson>p.intro{color:var(--muted)}.lesson h1{font-size:calc(28px * var(--ts));margin:8px 0 12px;line-height:1.12}@media (min-width: 1000px){.lesson h1{font-size:calc(36px * var(--ts))}}.lesson h2{font-size:calc(20px * var(--ts));font-weight:650;letter-spacing:-.02em;margin:44px 0 10px;line-height:1.25}.lesson h3{font-size:calc(16px * var(--ts));margin:26px 0 6px;font-weight:650}.lesson p{margin:10px 0}.lesson strong{font-size:1.06em}.lesson code{font-family:var(--mono);background:var(--fill);border:0;border-radius:4px;padding:1px 6px;font-size:.85em}.lesson .de-ipa{color:var(--muted);font-size:.95em;font-family:var(--serif)}.lesson .twrap{overflow-x:auto;margin:18px 0;border:0;border-radius:var(--r-row);background:none}.lesson table{border-collapse:separate;border-spacing:0;width:100%;margin:0;font-size:calc(14px * var(--ts));line-height:1.4}.lesson th{text-align:left;font-family:var(--sans);font-size:calc(12.5px * var(--ts));font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);padding:8px 14px;border:0;white-space:nowrap;background:none}.lesson td{padding:9px 14px;border:0;vertical-align:middle}.lesson tbody tr:nth-child(odd) td{background:var(--fill)}.lesson tbody tr:nth-child(odd) td:first-child{border-radius:var(--r-row) 0 0 var(--r-row)}.lesson tbody tr:nth-child(odd) td:last-child{border-radius:0 var(--r-row) var(--r-row) 0}.lesson tbody tr:nth-child(odd) .au-btn{background:var(--fill-2)}.lesson tbody tr:nth-child(odd) .au-btn:hover{background:var(--fill-3)}.lesson tbody tr:nth-child(odd) .au-btn.playing{background:var(--acc)}.lesson li{margin:5px 0}.lesson blockquote{margin:16px 0;padding:2px 0 2px 16px;border-left:3px solid var(--acc);color:var(--muted)}.lesson details{border:0;border-radius:var(--r-block);padding:14px 18px;margin:18px 0;background:var(--fill)}.lesson details summary{cursor:pointer;font-weight:600;font-size:calc(14px * var(--ts));color:var(--ink)}.lesson details summary:hover{color:var(--accent)}.lesson details[open] summary{margin-bottom:10px}.lesson details tbody tr:nth-child(odd) td{background:var(--fill-2)}.lesson img{display:block;margin:18px 0;border:0;border-radius:var(--r-block)}.lesson img[src*="/media/slides/"]{aspect-ratio:16 / 9;width:100%}.lesson img[data-slide]{cursor:zoom-in;transition:opacity var(--dur-2) var(--ease-out)}.lesson img[data-slide]:hover{opacity:.92}[data-theme=dark] .lesson img,[data-theme=night] .lesson img,[data-theme=kobalt] .lesson img,[data-theme=espresso] .lesson img{filter:brightness(.86) contrast(1.04)}.lesson .au-set{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.lesson .au-drill{border:0;border-radius:var(--r-row);padding:10px 12px;background:var(--fill)}.lesson .practice-card{display:flex;align-items:center;gap:14px;justify-content:space-between;border:0;border-radius:var(--r-block);background:var(--fill);padding:16px 18px;margin:28px 0}.lesson .practice-card .t{font-weight:650;font-size:calc(16px * var(--ts))}.lesson .practice-card .n{color:var(--muted);font-size:calc(13px * var(--ts));margin-top:2px}.lesson .practice-card .btn:not(.acc){background:var(--fill-2)}.lesson a.note-link{font-weight:550;cursor:pointer;color:var(--acc);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.runwrap{max-width:640px;margin:0 auto}.runhead{display:flex;align-items:center;gap:14px;margin:18px 0 0}@media (min-width: 1000px){.runhead{margin-top:0}}.runhead .meter{flex:1;height:6px}.runhead .cnt{font-family:var(--mono);font-size:calc(15px * var(--ts));font-weight:600;color:var(--muted)}.runhead .x{color:var(--muted);cursor:pointer;display:inline-flex;padding:8px;margin-left:-8px;border-radius:var(--r-full)}.runhead .x:hover{color:var(--ink);background:var(--fill)}.runsub{font-size:calc(13px * var(--ts));color:var(--muted);margin:18px 0 10px}.qtext{font-size:calc(21px * var(--ts));font-weight:600;line-height:1.4;margin:4px 0 22px;letter-spacing:-.015em}.qtext strong{font-size:1.08em}.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-radius:var(--r-row);background:var(--fill);padding:14px 16px;margin:0 0 8px;cursor:pointer;font-size:calc(15.5px * var(--ts));transition:background var(--dur-2) var(--ease-out)}.opt:hover{background:var(--fill-2)}.opt .key{flex:none;width:18px;border:0;background:none;font-family:var(--mono);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);display:inline-flex;align-items:center;justify-content:center}.opt.sel{background:var(--acc-dim);color:var(--ink)}.opt.sel .key{color:var(--acc)}.opt.right{background:var(--good-dim)}.opt.right .key{color:var(--good)}.opt.wrong{background:var(--bad-dim)}.opt.wrong .key{color:var(--bad)}.typein{width:100%;font-size:calc(20px * var(--ts));padding:13px 16px;border-radius:var(--r-row);border:0;background:var(--fill);color:var(--ink);font-family:var(--serif);font-weight:600}.typein::-moz-placeholder{color:var(--faint);font-family:var(--sans);font-weight:450;font-size:calc(14px * var(--ts))}.typein::placeholder{color:var(--faint);font-family:var(--sans);font-weight:450;font-size:calc(14px * var(--ts))}.typein:focus{outline:2px solid var(--acc);outline-offset:0}.umlauts{display:flex;gap:6px;margin-top:10px}.umlauts button{flex:1;max-width:54px;font-family:var(--serif);font-size:calc(17px * var(--ts));font-weight:600;border:0;background:var(--fill);border-radius:var(--r-row);padding:8px 0;cursor:pointer}.umlauts button:hover{background:var(--fill-2);color:var(--acc)}.pairgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pairbtn{border:0;border-radius:var(--r-row);background:var(--fill);padding:12px 10px;cursor:pointer;font-size:calc(14px * var(--ts));min-height:50px}.pairbtn:hover{background:var(--fill-2)}.pairbtn.sel{background:var(--acc-dim);color:var(--acc)}.pairbtn.done{opacity:.28}.pairbtn.bad{background:var(--bad-dim)}.orderline{min-height:56px;border:0;border-radius:var(--r-row);padding:8px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;background:var(--fill)}.orderpool{display:flex;flex-wrap:wrap;gap:6px}.tok{border:0;border-radius:var(--r-row);background:var(--fill);padding:8px 13px;cursor:pointer;font-size:calc(15px * var(--ts))}.tok:hover{background:var(--fill-2)}.orderline .tok{background:var(--acc-dim);color:var(--ink)}.fb{border:0;border-radius:var(--r-row);padding:14px 16px;margin-top:16px;font-size:calc(14.5px * var(--ts))}.fb.ok{background:var(--good-dim)}.fb.no{background:var(--bad-dim)}.fb .verdict{font-size:calc(15px * var(--ts));font-weight:700;text-transform:none;letter-spacing:0}.fb.ok .verdict{color:var(--good)}.fb.no .verdict{color:var(--bad)}.fb .why{color:var(--ink);margin-top:5px;font-size:calc(14.5px * var(--ts))}.runfoot{display:flex;gap:8px;margin-top:18px}.runfoot .btn{flex:1;height:46px;font-size:calc(14.5px * var(--ts))}.kbd{display:none;color:var(--faint);font-size:calc(12.5px * var(--ts));margin-top:18px;text-align:center}@media (min-width: 1000px){.kbd{display:block}}.hintlink{font-size:calc(13.5px * var(--ts));color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hintlink:hover{color:var(--ink)}.flash{background:var(--fill);border:0;border-radius:20px;padding:40px 24px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.flash .front{font-family:var(--serif);font-weight:600;font-size:calc(36px * var(--ts));letter-spacing:-.01em;line-height:1.15}.flash .back-en{font-size:calc(19px * var(--ts));font-weight:600}.flash .ipa{color:var(--muted);font-size:calc(15px * var(--ts));font-family:var(--serif)}.flash .pron{color:var(--faint);font-size:calc(13px * var(--ts))}.flash .hintflip{font-size:calc(12.5px * var(--ts));color:var(--faint);margin-top:14px}.flash .au-btn{background:var(--fill-2)}.gradebtns{display:flex;gap:8px;margin-top:14px}.gradebtns .btn{flex:1;height:48px;font-size:calc(14.5px * var(--ts))}.btn.again{color:var(--bad);background:var(--bad-dim)}.btn.again:hover{background:color-mix(in srgb,var(--wrong) 24%,transparent)}.btn.goodb{color:var(--ink)}.btn.easy{color:var(--good);background:var(--good-dim)}.btn.easy:hover{background:color-mix(in srgb,var(--right) 24%,transparent)}.actbars{display:flex;align-items:flex-end;gap:6px;height:120px}.actbars .b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.actbars .b i{display:block;background:var(--acc);min-height:4px;border-radius:4px}.actbars .b.zero i{background:var(--fill-2)}.actlbls{display:flex;gap:6px;margin-top:6px}.actlbls span{flex:1;text-align:center;font-family:var(--mono);font-size:calc(12px * var(--ts));color:var(--faint)}.meterrow{padding:10px 0;border:0}.meterrow .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;gap:12px}.meterrow .name{font-weight:550;font-size:calc(14.5px * var(--ts))}.meterrow .num{font-family:var(--mono);font-size:calc(15px * var(--ts));font-weight:600;color:var(--muted)}.meters2{display:grid;grid-template-columns:1fr;-moz-column-gap:56px;column-gap:56px}@media (min-width: 1000px){.meters2{grid-template-columns:1fr 1fr}}.empty{text-align:center;color:var(--muted);padding:56px 20px;font-size:calc(14px * var(--ts))}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.note{color:var(--muted);font-size:calc(13px * var(--ts))}.note a{color:var(--muted)}.note a:hover{color:var(--ink)}.quietlink{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--accent);font-weight:600;font-size:calc(13.5px * var(--ts));text-decoration:none}.quietlink:hover{text-decoration:underline;text-underline-offset:3px}.finish{text-align:center;padding:64px 16px;max-width:520px;margin:0 auto}.finish .kicker{margin-bottom:10px}.finish h2{font-size:calc(36px * var(--ts));font-weight:650;letter-spacing:-.03em;margin:0 0 8px}.finish .sub{margin:0 auto 24px}select.plain{background:var(--fill);border:0;border-radius:var(--r-row);padding:8px 12px;font-weight:550;font-size:calc(13.5px * var(--ts));cursor:pointer}.settingrow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border:0}.settingrow .l1{font-weight:600;font-size:calc(15px * var(--ts))}.settingrow .l2{color:var(--muted);font-size:calc(13px * var(--ts));margin-top:2px;max-width:62ch}@media (max-width: 699px){.settingrow{flex-direction:column;align-items:stretch;gap:10px}.settingrow>div:first-child{min-width:0}.settingrow .btn,.settingrow select.plain{align-self:flex-start}.settingrow .row{justify-content:flex-start!important}.settingrow input.mini{width:100%}}.chsel{position:relative;display:flex;align-items:center;gap:14px;margin-top:16px;padding:10px 14px;border:0;border-radius:var(--r-block);background:var(--fill);cursor:pointer}.chsel .chnum{font-family:var(--font-num);font-size:calc(34px * var(--ts));line-height:1;font-weight:600;color:var(--accent);min-width:2ch;text-align:center}.chsel .chtext{display:flex;flex-direction:column;gap:3px;min-width:0}.chsel .chlbl{font-size:calc(12.5px * var(--ts));font-weight:500;line-height:1.2;color:var(--muted)}.chsel .chtitle{font-weight:600;font-size:calc(16px * var(--ts));line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chsel .chev{margin-left:auto;color:var(--muted);display:inline-flex}.chsel select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:max(16px,1rem)}.chsel:focus-within{outline:2px solid var(--accent)}.slidebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.count{font-family:var(--font-num);font-size:calc(22px * var(--ts));font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.count b{font-weight:500;color:var(--faint)}.slidebar .seg{display:inline-flex;gap:2px;padding:3px;border:0;border-radius:var(--r-full);background:var(--fill)}.slidebar .seg button{padding:6px 13px;font-size:calc(13px * var(--ts));font-weight:600;color:var(--muted);background:none;border:0;cursor:pointer;border-radius:var(--r-full)}.slidebar .seg button+button{border:0}.slidebar .seg button.on{background:var(--acc);color:var(--acc-ink)}.icbtn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-full);color:var(--muted);background:var(--fill);cursor:pointer}.icbtn:hover{color:var(--ink);background:var(--fill-2)}.slidestage{display:flex;align-items:center;gap:12px;margin:12px -16px 0}.slidestage .slidenav{display:none}.slideimg{flex:1;min-width:0;cursor:pointer;background:#fff;border:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.slideimg img{display:block;width:100%;aspect-ratio:16 / 9}.slideprog{height:3px;background:var(--fill-2);margin:0 -16px}.slideprog i{display:block;height:100%;background:var(--accent);transition:width var(--dur-2) var(--ease-out)}.touchhint{color:var(--faint);font-size:calc(12.5px * var(--ts));line-height:1.35;margin:12px 4px 0;text-align:center}@media (min-width: 1000px){.touchhint{display:none}.slidestage{margin:16px 0 0}.slidestage .slidenav{flex:none;width:44px;height:44px;border:0;border-radius:var(--r-full);background:var(--fill);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.slidestage .slidenav:first-child svg{transform:rotate(180deg)}.slidestage .slidenav:hover:not(:disabled){color:var(--ink);background:var(--fill-2)}.slidestage .slidenav:disabled{opacity:.25;cursor:default}.slideimg{border-radius:var(--r-block);overflow:hidden}.slideprog{margin:10px 56px 0;border-radius:var(--r-full)}}.slidegrid{display:grid;grid-template-columns:1fr;gap:14px;margin:14px -16px 0}.slidethumb{position:relative;display:block;padding:0;background:#fff;cursor:pointer;border:0}.slidethumb img{display:block;width:100%;aspect-ratio:16 / 9}.slidethumb span{position:absolute;left:8px;top:8px;font-family:var(--font-num);font-size:calc(14px * var(--ts));font-weight:600;line-height:1;padding:4px 8px 3px;border-radius:var(--r-full);background:#0000009e;color:#fff}.slidethumb.on span{background:var(--accent);color:var(--accent-ink)}@media (min-width: 600px){.slidegrid{grid-template-columns:repeat(2,1fr);margin:16px 0 0}.slidethumb{border-radius:var(--r-row);overflow:hidden;transition:opacity var(--dur-2) var(--ease-out)}.slidethumb:hover{opacity:.9}.slidethumb.on{outline:3px solid var(--accent);outline-offset:2px}}@media (min-width: 1000px){.slidegrid{grid-template-columns:repeat(3,1fr)}}.slidefull{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column;color:#fff}.slidefull .top{display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px calc(12px + env(safe-area-inset-left))}.slidefull .chfull{flex:1;font-size:calc(13px * var(--ts));color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slidefull .count{color:#fff}.slidefull .count b{color:#ffffff80}.slidefull .icbtn{color:#fff;background:#ffffff1f}.slidefull .stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:pointer}.slidefull .stage img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.slidefull .slideprog{margin:0;background:#ffffff26;padding-bottom:env(safe-area-inset-bottom)}.lock{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.lock .box{width:100%;max-width:340px;text-align:center}.lock .brand{font-size:calc(36px * var(--ts))}.lock .sub{margin:12px auto 22px}.lock input{width:100%;padding:13px 16px;border-radius:var(--r-row);text-align:center;border:0;background:var(--fill);color:var(--ink);font-size:calc(16px * var(--ts))}.lock input:focus{outline:2px solid var(--acc)}.lock input+input{margin-top:8px}.lock .btn{margin-top:12px;width:100%;height:44px}.lock .btn:disabled{opacity:.6}.lock .err{color:var(--bad);font-size:calc(13px * var(--ts));margin-top:10px;min-height:16px}.errbanner{border:0;background:var(--bad-dim);border-radius:var(--r-row);padding:14px 16px;margin:16px 0}.errbanner .h{font-size:calc(14px * var(--ts));color:var(--bad);font-weight:700}.errbanner .m{font-size:calc(13.5px * var(--ts));margin-top:5px}.errbanner .hint{font-size:calc(12.5px * var(--ts));margin-top:4px;color:var(--muted)}.ruled{background-color:var(--fill);background-image:var(--margin-rule-image),var(--paper-grid);background-size:100% 100%,var(--paper-grid-size);border:0;border-radius:var(--r-block);padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--margin-x) + var(--sp-3));margin-top:var(--sp-2)}.ruled .typein{background:transparent;border:0;border-radius:0;padding:0 2px;height:var(--sp-10);line-height:var(--sp-10);border-bottom:2px solid var(--accent);color:var(--accent)}.ruled .typein:focus{outline:none;border-bottom-color:var(--accent-hover)}.ruled .typein:disabled{color:var(--ink);border-bottom-color:var(--line-strong)}.ruled .umlauts{margin-top:var(--sp-3)}.ruled .umlauts button{background:var(--fill-2)}.ruled .prompt{color:var(--muted);font-size:calc(13.5px * var(--ts));line-height:var(--sp-5);margin-bottom:2px}.flash.flipped{background-image:var(--paper-grid);background-size:var(--paper-grid-size)}.leitner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start;padding:0}.lbox{display:grid;grid-template-rows:auto 96px auto auto auto;gap:6px;min-width:0;border:0;background:none;padding:0;text-align:left}.lbox .bc{font-family:var(--mono);font-size:calc(26px * var(--ts));font-weight:600;line-height:1;color:var(--ink)}.lbox .bar{height:96px;display:flex;align-items:flex-end}.lbox .bar i{display:block;width:100%;min-height:4px;border-radius:6px 6px 3px 3px;background:color-mix(in srgb,var(--accent) 45%,var(--fill))}.lbox.hot .bar i{background:var(--accent)}.lbox.last .bar i{background:var(--right)}.lbox.last .bc{color:var(--right)}.lbox .bn{font-size:calc(12.5px * var(--ts));color:var(--ink);font-weight:600}.lbox .bl{font-size:calc(12px * var(--ts));color:var(--muted);line-height:1.25}.lbox .bn{white-space:nowrap}.lbox .bd{font-size:calc(12px * var(--ts));font-weight:650;color:var(--accent)}.lbox .bd.none{color:transparent}.lnote{padding:14px 0 0;font-size:calc(13px * var(--ts));color:var(--muted);line-height:1.5}@media (max-width: 420px){.lbox .bc{font-size:calc(21px * var(--ts))}.leitner{gap:6px}}@media (max-width: 699px){.lesson .twrap{margin:16px -16px;overflow:visible;border-radius:0}.lesson table.vocab{display:block;font-size:calc(15px * var(--ts))}.lesson table.vocab thead,.lesson table.vocab tr:first-child:has(th){display:none}.lesson table.vocab tbody{display:block}.lesson table.vocab tr{display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:8px;column-gap:8px;row-gap:2px;padding:12px 16px;border:0}.lesson table.vocab tbody tr:nth-child(odd){background:var(--fill)}.lesson table.vocab tbody tr:nth-child(odd) td{background:none;border-radius:0}.lesson table.vocab td{display:block;padding:0;border:0}.lesson table.vocab tr:after{content:"";order:3;flex-basis:100%;height:0}.lesson table.vocab td[data-col=lead],.lesson table.vocab td[data-col=letter]{order:0;flex:none;font-family:var(--mono);font-weight:600;font-size:calc(15px * var(--ts));color:var(--accent);min-width:22px}.lesson table.vocab td[data-col=german]{order:1;flex:1 1 auto;min-width:0;font-size:calc(18px * var(--ts));line-height:1.3}.lesson table.vocab td[data-col=german] strong{font-size:1em}.lesson table.vocab td[data-col=audio]{order:2;flex:none;margin-left:auto;align-self:center;white-space:nowrap}.lesson table.vocab td[data-col=audio] .au-btn{margin:0 0 0 4px}.lesson table.vocab tbody tr:nth-child(odd) .au-btn{background:var(--fill-2)}.lesson table.vocab td[data-col=english]{order:4;flex:0 0 100%;color:var(--ink)}.lesson table.vocab td[data-col=ipa],.lesson table.vocab td[data-col=pron],.lesson table.vocab td[data-col=other]{order:5;flex:0 1 auto;font-size:calc(13.5px * var(--ts));color:var(--muted)}.lesson table.vocab td[data-col=ipa] .de-ipa{font-size:1em}.lesson table.vocab td[data-col=pron] code{background:transparent;padding:0;font-size:1em;color:var(--muted)}.lesson table.vocab td:empty{display:none}.lesson table:not(.vocab){font-size:calc(13.5px * var(--ts))}.lesson table:not(.vocab) th,.lesson table:not(.vocab) td{padding:8px 10px}.lesson table:not(.vocab) tr>:first-child{position:sticky;left:0;background:var(--bg);z-index:1}.lesson table:not(.vocab) tbody tr:nth-child(odd)>:first-child{background:var(--fill)}.lesson .twrap:has(table:not(.vocab)){overflow-x:auto;margin:16px 0}}.lesson ul,.lesson ol{padding-left:1.25rem}.lesson ul ul,.lesson ol ul{margin:2px 0 4px}.lesson .exlist{list-style:none;padding:0;margin:16px 0;display:grid;gap:4px 28px}.lesson .ex{position:relative;border:0;background:none;padding:8px 0 10px 14px;display:grid;gap:2px;border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.lesson .ex-no{position:absolute;top:9px;right:0;font-family:var(--mono);font-size:calc(14px * var(--ts));font-weight:600;color:var(--faint)}.lesson .ex-de{font-family:var(--serif);font-weight:600;font-size:calc(18px * var(--ts));line-height:1.35;padding-right:24px}.lesson .ex-de strong{font-size:1em}.lesson .ex-en{color:var(--ink)}.lesson .ex-meta{color:var(--muted);font-size:calc(13.5px * var(--ts));display:flex;flex-wrap:wrap;gap:2px 12px}.lesson .ex-meta code{background:transparent;padding:0;font-size:1em;color:inherit}.lesson .ex-meta .de-ipa{font-size:1em}.lesson .ex-au{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lesson .ex-au .au-btn{margin:0}@media (min-width: 700px){.lesson .exlist{grid-template-columns:1fr 1fr}}input.mini{width:170px;max-width:100%;padding:8px 12px;font-size:calc(14px * var(--ts));border:0;border-radius:var(--r-row);background:var(--fill);color:var(--ink)}input.mini:focus{outline:2px solid var(--accent)}.lessonwrap{position:relative}.lessoncol{min-width:0}.toc{display:none}@media (min-width: 1200px){.lessonwrap{display:grid;grid-template-columns:minmax(0,var(--read)) var(--rail);gap:56px;align-items:start;justify-content:center}.lessonbar{display:none!important}.toc{display:block}}.lessonbar{position:sticky;top:var(--topbar-h);z-index:20;display:flex;align-items:center;gap:10px;height:var(--lessonbar-h);margin:8px -16px 0;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:0}@media (min-width: 1000px){.lessonbar{margin:0 0 8px}}.lessonbar .cur{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:var(--r-full);background:var(--fill);text-align:left;cursor:pointer}.lessonbar .cur .no{font-family:var(--font-num);font-size:calc(17px * var(--ts));font-weight:600;color:var(--accent);min-width:2ch}.lessonbar .cur .t{flex:1;min-width:0;font-size:calc(13.5px * var(--ts));font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lessonbar .cur svg{color:var(--muted);flex:none}.lessonbar .pos{font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);white-space:nowrap}.toc{position:sticky;top:40px;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin;padding-left:0;border:0}.toc .kicker{margin:0 0 10px;font-weight:650;color:var(--ink);font-size:calc(14px * var(--ts))}.toc .kicker b{color:var(--faint);margin-left:4px}.toc-list{list-style:none;margin:0;padding:0}.toc-item{position:relative;display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:6px 10px;cursor:pointer;color:var(--muted);font-size:calc(13.5px * var(--ts));line-height:1.3;border-radius:var(--r-row);transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.toc-item .no{flex:none;width:2ch;text-align:right;font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint)}.toc-item .t{flex:1;min-width:0}.toc-item .cnt{font-family:var(--font-num);font-size:calc(14px * var(--ts));color:var(--faint)}.toc-item:hover{color:var(--ink)}.toc-item.on{color:var(--ink);background:var(--fill)}.toc-item.on .no{color:var(--accent)}.toc-item.l3{padding-left:24px;font-size:calc(13px * var(--ts))}.toc-item.end{color:var(--muted)}.toc-end{border:0;height:14px;margin:0}.sheet .toc-list{border:0;padding-left:0;margin:4px 0 0}.sheet .toc-item{min-height:46px;padding:11px 10px;font-size:calc(15px * var(--ts))}.sheet .toc-item .no{font-size:calc(17px * var(--ts))}.sheet .toc-item.on{background:var(--fill-2)}.totop{position:fixed;right:16px;z-index:24;bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom));height:38px;padding:0 14px 0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-full);background:var(--fill-2);border:0;box-shadow:var(--shadow-2);font-size:calc(13px * var(--ts));font-weight:600;color:var(--ink);cursor:pointer;animation:totop-in var(--dur-2) var(--ease-out)}html.has-player .totop{bottom:calc(var(--tabbar-h) + var(--player-h, 58px) + 14px + env(safe-area-inset-bottom))}.totop:hover{background:var(--fill-3)}@media (min-width: 1000px){.totop{right:40px;bottom:28px}html.has-player .totop{bottom:calc(var(--player-h, 58px) + 28px)}}@keyframes totop-in{0%{opacity:0;transform:translateY(6px)}}.totop-sentinel{position:absolute;top:150vh;left:0;width:1px;height:1px;pointer-events:none}.lessonnav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;max-width:var(--read)}.lessonnav .rowitem{margin:0;width:100%;background:var(--fill);padding:14px 16px}.lessonnav .rowitem:hover{background:var(--fill-2)}.lessonnav .rowitem+.rowitem{border:0}.lessonnav .rowitem.next{text-align:right;justify-content:flex-end}.lessonnav .rowitem.next .grow{text-align:right}.lessonnav .rowitem .t1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lessonnav .rowitem .t2{font-size:calc(12.5px * var(--ts));color:var(--muted)}.lessonnav .rowitem .arrow{font-size:calc(16px * var(--ts))}.lesson .listen-table{margin:-6px 0 14px}@media (max-width: 699px){.lesson .listen-table{margin:6px 16px 14px}}.lesson .listen-table svg{margin-right:2px}html.sheet-open{overflow:hidden}.sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;max-height:84vh;border:0;border-radius:22px 22px 0 0;background:var(--fill);color:var(--ink);padding:10px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow-3);overflow-y:auto}[data-theme=light] .sheet,[data-theme=minze] .sheet,[data-theme=contrast] .sheet,[data-theme=sepia] .sheet{background:var(--surface)}.sheet::backdrop{background:#00000080}.sheet .sh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sheet .sh .kicker{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650;color:var(--ink);font-size:calc(16px * var(--ts))}.sheet .grab{width:40px;height:5px;border-radius:var(--r-full);background:var(--fill-3);margin:0 auto 10px}.sheet .btn:not(.acc),.sheet .icbtn{background:var(--fill-2)}@media (prefers-reduced-motion: no-preference){.sheet[open]{animation:sheet-in var(--dur-4) var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}}@media (min-width: 700px){.sheet{max-width:520px;inset:auto auto 0 50%;transform:translate(-50%)}}.chhero{display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:22px;column-gap:22px;align-items:end;margin-top:8px}.chhero .bignum{font-family:var(--font-num);font-weight:600;color:var(--accent);font-size:calc(76px * var(--ts));line-height:.78;letter-spacing:-.01em}@media (min-width: 1000px){.chhero .bignum{font-size:calc(112px * var(--ts))}}.chhero h1,.chhero .kicker{margin:0 0 6px}.chhero .sub{margin:0}.acc-cta{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}.acc-cta .btn{max-width:100%;height:44px;padding:0 20px;font-size:calc(14.5px * var(--ts))}.acc-cta .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow .end .num{font-family:var(--font-num);font-size:calc(16px * var(--ts));font-weight:600;color:var(--muted)}.pblock{margin:0 calc(-1 * var(--bleed)) 4px;border-radius:var(--r-block)}.pblock.open{background:var(--fill);padding-bottom:6px}.pblock>.rowitem{margin:0;width:100%}.pblock.open>.rowitem:hover{background:var(--fill-2)}.ptopics{border:0;background:none;padding:0 0 4px}.ptopics .rowitem{margin:0 6px 2px;width:calc(100% - 12px);padding-left:44px}.ptopics .rowitem.static:hover{background:var(--fill-2)}.ptopics .rowitem .no{width:20px;margin-left:-30px}.rowitem .btn.small{flex:none}.panel .phead.withbtn{align-items:center}.panel .phead .btn{font-family:var(--font-ui);letter-spacing:0}html.has-player .main{padding-bottom:calc(84px + var(--player-h) + env(safe-area-inset-bottom))}@media (min-width: 1000px){html.has-player .main{padding-bottom:calc(72px + var(--player-h))}}.hl{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);-moz-column-gap:14px;column-gap:14px;align-items:baseline;min-width:0}.hl .rule{background:color-mix(in srgb,var(--accent) 50%,transparent);align-self:stretch;border-radius:1px}.hl .de{font-family:var(--font-de);font-weight:600;letter-spacing:-.01em;min-width:0}.hl .de.masked,.hl .ipa.masked,.player .t1.masked{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:repeating-linear-gradient(90deg,var(--line-strong) 0 3px,transparent 3px 7px);background-repeat:no-repeat;background-size:min(62%,190px) 1px;background-position:left .62em}.hl .en{color:var(--ink);min-width:0}.hl .ipa{grid-column:1;font-family:var(--font-de);font-size:calc(14px * var(--ts));color:var(--muted)}.hl .sec{grid-column:3;font-size:calc(12.5px * var(--ts));color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl.lg .de{font-size:calc(28px * var(--ts));line-height:1.15}.hl.lg .en{font-size:calc(16px * var(--ts))}.hl.dock{flex:1}.hl.dock .de,.hl.dock .en{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl.dock .de{font-size:calc(15px * var(--ts))}.hl.dock .en{font-size:calc(13px * var(--ts));color:var(--muted)}.hl.dock .ipa,.hl.dock .sec{display:none}.ink{position:relative;height:4px;background:var(--fill-2);border-radius:var(--r-full)}.ink>i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:var(--r-full);transition:width var(--dur-2) var(--ease-out)}.ink .tick{position:absolute;top:-2px;width:2px;height:8px;background:var(--fill-3);border-radius:1px}.ink[role=slider]{cursor:pointer;padding:8px 0;margin:-8px 0;background-clip:content-box}.ink[role=slider]:focus-visible{outline:2px solid var(--accent)}.player{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:29;height:var(--player-h);display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;background:color-mix(in srgb,var(--fill-2) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:0}@media (min-width: 1000px){.player{left:220px;bottom:0;gap:14px;padding-left:calc(48px + max(0px,(100vw - 220px - var(--measure)) / 2));padding-right:calc(48px + max(0px,(100vw - 220px - var(--measure)) / 2));background:color-mix(in srgb,var(--fill) 96%,transparent)}}.player .rule{position:absolute;left:0;right:0;top:0;height:2px;background:transparent}.player .rule i{display:block;height:100%;background:var(--accent);transition:width var(--dur-2) var(--ease-out)}.player.paused .rule i{opacity:.55}.player.loading .rule i{animation:pl-pulse 1.2s var(--ease-in-out) infinite}@keyframes pl-pulse{50%{opacity:.35}}.player .pp,.player .nx{flex:none;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);cursor:pointer;color:var(--muted)}.player .pp{color:var(--accent-ink);background:var(--accent)}.player .pp:hover{background:var(--accent-hover)}.player .nx:hover{color:var(--ink);background:var(--fill-3)}.player .tt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:100%;text-align:left;cursor:pointer}@media (min-width: 1000px){.player .tt{flex-direction:row;align-items:center;gap:14px}}.player .t1{font-family:var(--font-de);font-weight:600;font-size:calc(16px * var(--ts));line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player .t2{font-size:calc(12.5px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;gap:6px;align-items:center}.player .t2 .sub{overflow:hidden;text-overflow:ellipsis}.cnt{font-family:var(--font-num);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.player .t2 svg{color:var(--muted);flex:none}.pnow{display:grid;gap:12px}.pnow .kick{display:flex;align-items:baseline;gap:8px;font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted)}.pnow .kick .count{margin-left:auto;font-size:calc(19px * var(--ts))}.pnow .times{display:flex;justify-content:space-between;font-family:var(--font-num);font-size:calc(14px * var(--ts));font-weight:600;color:var(--muted);margin-top:-2px}.opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.opts .sleep{position:relative;display:inline-flex;align-items:center}.opts .sleep select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;font-size:max(16px,1rem);cursor:pointer}.uprow{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border:0;border-radius:var(--r-row);text-align:left;cursor:pointer;width:100%}.uprow:hover{background:var(--fill-2)}.uprow .no{font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);width:3ch;text-align:right}.uprow .t{font-family:var(--font-de);font-weight:600;font-size:calc(15px * var(--ts));flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uprow .s{font-size:calc(12.5px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.uprow.cur .no{color:var(--accent)}.lp-start{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"k k k" "no t1 go" "no t2 go";-moz-column-gap:16px;column-gap:16px;row-gap:2px;align-items:center;width:100%;text-align:left;margin-top:16px;padding:16px 18px;border:0;border-radius:var(--r-block);background:var(--fill);cursor:pointer}.lp-start:hover{background:var(--fill-2)}.lp-start .k{grid-area:k;font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted);margin-bottom:6px}.lp-start .no{grid-area:no;font-family:var(--font-num);font-size:calc(38px * var(--ts));line-height:1;font-weight:600;color:var(--accent);min-width:2ch}.lp-start .t1{grid-area:t1;font-weight:600;font-size:calc(17px * var(--ts));line-height:1.25;min-width:0}.lp-start .t2{grid-area:t2;font-size:calc(13px * var(--ts));color:var(--muted);min-width:0}.lp-start .go{grid-area:go;width:54px;height:54px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center}.lp-start .count{grid-area:go;font-family:var(--font-num);font-size:calc(22px * var(--ts));font-weight:600;color:var(--accent)}.pctl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pctl:not(.compact) .cell:first-child{grid-column:1 / -1}@media (min-width: 700px){.pctl{grid-template-columns:repeat(3,minmax(0,1fr))}.pctl:not(.compact) .cell:first-child{grid-column:auto}}.pctl .cell{position:relative;display:grid;gap:4px;align-content:start;padding:9px 14px;border:0;border-radius:var(--r-row);background:var(--fill-2);min-height:54px;cursor:pointer}.pctl .cell:hover{background:var(--fill-3)}.pctl .cell .l{font-size:calc(12px * var(--ts));font-weight:500;color:var(--muted);line-height:1}.pctl .cell .v{font-size:calc(14.5px * var(--ts));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.pctl .cell:after{content:"";position:absolute;right:13px;bottom:16px;width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);pointer-events:none}.pctl .cell select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:max(16px,1rem)}.pctl .cell:focus-within{outline:2px solid var(--accent)}.chrow{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;-moz-column-gap:12px;column-gap:12px;align-items:center;padding:8px var(--bleed);margin:0 calc(-1 * var(--bleed)) 2px;border:0;border-radius:var(--r-row)}.chrow:hover{background:var(--fill)}.chrow.on{background:var(--fill);padding-bottom:10px;margin-bottom:6px}.chrow .no{font-family:var(--font-num);font-size:calc(28px * var(--ts));font-weight:600;color:var(--ink);line-height:1}.chrow.cur .no,.chrow.on .no{color:var(--accent)}.chrow .tx{text-align:left;cursor:pointer;min-width:0;padding:4px 0}.chrow .t1{font-weight:600;font-size:calc(15px * var(--ts));display:block}.chrow .t2{font-size:calc(13px * var(--ts));color:var(--muted);display:block;margin-top:1px}.chrow .t2 b{font-family:var(--font-num);font-weight:600;color:var(--muted)}.chrow .go{justify-self:end}.chrow.on .playbtn:not(.on),.chrow:hover .playbtn:not(.on){background:var(--fill-2)}.chsub{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:6px 0 2px 56px;min-width:0}.chsub>*{min-width:0}@media (max-width: 559px){.chsub{padding-left:0}}@media (min-width: 1000px){.chsub{grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:8px;column-gap:8px}.chsub .tables,.chsub .seg,.chsub .full,.chsub .kick,.chsub .srow.toggle{grid-column:1 / -1}.chsub .tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:8px;column-gap:8px}}.lp-rail .chsub,.lp-rail .chsub .tables{grid-template-columns:minmax(0,1fr)}.lp-rail .chsub{padding-left:16px}.srow{display:flex;align-items:stretch;width:100%;border:0;border-radius:var(--r-row)}.srowmain{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 4px 6px 12px;text-align:left;cursor:pointer}.panel>.srow,.lp-rail .srow,.listen-list>.srow{margin:0 calc(-1 * var(--bleed)) 2px;width:calc(100% + 2 * var(--bleed))}.chsub .srowmain{min-height:48px;padding:4px 4px 4px 10px}.srow:hover{background:var(--fill)}.chsub .srow:hover,.chrow.on .srow:hover{background:var(--fill-2)}.bm{flex:none;width:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--faint);cursor:pointer;border-radius:var(--r-row)}.bm:hover,.bm.on{color:var(--accent)}.srow.off .bm{display:none}.srowmain .no{flex:none;width:28px;font-family:var(--font-num);font-size:calc(18px * var(--ts));font-weight:600;color:var(--faint)}.srowmain .t1{flex:1 1 auto;min-width:6ch;font-size:calc(14.5px * var(--ts));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srowmain .t1 .t2{font-size:calc(12.5px * var(--ts));font-weight:400;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srowmain .min{flex:0 1 auto;font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);text-align:right;white-space:nowrap;overflow:hidden}.srowmain .playbtn{pointer-events:none;flex:none}.srow:hover .playbtn:not(.on){background:var(--fill-2)}.chsub .srow:hover .playbtn:not(.on),.chrow.on .srow .playbtn:not(.on){background:var(--fill-3)}.srow.on .no,.srow.on .min,.srow.on .t1{color:var(--accent)}.playbtn.on{color:var(--acc-ink)}.srowmain:disabled{cursor:default;opacity:.5}.srow.off:hover{background:none}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:14px;width:14px}.eq i{width:2px;background:currentColor;height:40%}.on.playing .eq i:nth-child(1){animation:eq .9s ease-in-out infinite alternate}.on.playing .eq i:nth-child(2){animation:eq .7s ease-in-out infinite alternate}.on.playing .eq i:nth-child(3){animation:eq 1.1s ease-in-out infinite alternate}@keyframes eq{to{height:100%}}@media (prefers-reduced-motion: reduce){.eq i{animation:none!important;height:70%}}.lp-rail{display:grid;gap:28px;align-content:start}.psheet .pnow{padding-bottom:4px}.chsub .kick{display:flex;align-items:baseline;gap:8px;margin:10px 0 4px;padding-top:0;border:0;font-size:calc(13px * var(--ts));font-weight:600;color:var(--muted)}.chsub .seg{display:inline-flex;align-self:start;justify-self:start;gap:2px;margin:4px 0 6px;padding:3px;border:0;border-radius:var(--r-full);background:var(--fill-2)}.chsub .seg button{padding:5px 13px;font-size:calc(13px * var(--ts));font-weight:600;color:var(--muted);cursor:pointer;background:none;border:0;border-radius:var(--r-full)}.chsub .seg button+button{border:0}.chsub .seg button:hover{color:var(--ink)}.chsub .seg button.on{color:var(--accent-ink);background:var(--accent)}.chsub .srow.toggle,.chsub button.srow.toggle{margin-top:4px;align-items:center;gap:10px;min-height:44px;padding:4px 8px 4px 10px}.chsub .srow.toggle .t1,.chsub button.srow.toggle .t1{font-size:calc(13.5px * var(--ts));font-weight:600;color:var(--muted)}.chsub .srow .chev,.chsub button.srow .chev{flex:none;color:var(--muted);display:inline-flex;transition:transform var(--dur-2) var(--ease-out)}.chsub .srow .chev.open{transform:rotate(180deg)}.chrow .chev,.lp-rail .chev{display:inline-flex;color:var(--muted);transition:transform var(--dur-2) var(--ease-out)}.chrow .chev.open,.lp-rail .chev.open{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.chrow .chev,.chsub .srow .chev,.chsub button.srow .chev{transition:none}}.settingblock{padding:16px 0 18px;border:0}.settingblock .l2{margin-bottom:12px;max-width:62ch}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px}@media (min-width: 700px){.swatches{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1000px){.swatches{grid-template-columns:repeat(9,minmax(0,1fr))}}.swatch{display:grid;gap:8px;justify-items:center;padding:10px 6px 9px;border:0;border-radius:var(--r-row);background:var(--fill);cursor:pointer;color:var(--muted);min-height:44px}.swatch:hover{background:var(--fill-2);color:var(--ink)}.swatch.on{background:var(--accent-soft-2);color:var(--ink)}.swatch .nm{font-size:calc(12px * var(--ts));font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.swatch .swpaint{display:flex;align-items:stretch;width:100%;max-width:54px;height:28px;border-radius:6px;overflow:hidden;border:0;box-shadow:0 0 0 1px #7f7f7f40}.swatch .swpaint i{flex:1;display:block}.swatch .swpaint i:nth-child(3){flex:0 0 18%}.swatch .swpaint i:nth-child(4){flex:0 0 28%}.swpaint.th-system i:nth-child(1){background:#eef1ee}.swpaint.th-system i:nth-child(2){background:#0f1512}.swpaint.th-system i:nth-child(3){background:#1a1e1c}.swpaint.th-system i:nth-child(4){background:#2540a8}.swpaint.th-light i:nth-child(1){background:#eef1ee}.swpaint.th-light i:nth-child(2){background:#fff}.swpaint.th-light i:nth-child(3){background:#1a1e1c}.swpaint.th-light i:nth-child(4){background:#2540a8}.swpaint.th-sepia i:nth-child(1){background:#ece3d2}.swpaint.th-sepia i:nth-child(2){background:#fbf6ec}.swpaint.th-sepia i:nth-child(3){background:#2b241b}.swpaint.th-sepia i:nth-child(4){background:#8f3b26}.swpaint.th-minze i:nth-child(1){background:#e8efec}.swpaint.th-minze i:nth-child(2){background:#fff}.swpaint.th-minze i:nth-child(3){background:#16211d}.swpaint.th-minze i:nth-child(4){background:#0f6b5f}.swpaint.th-contrast i:nth-child(1){background:#fff}.swpaint.th-contrast i:nth-child(2){background:#ebebef}.swpaint.th-contrast i:nth-child(3){background:#0a0a0c}.swpaint.th-contrast i:nth-child(4){background:#0b2fa8}.swpaint.th-dark i:nth-child(1){background:#0f1512}.swpaint.th-dark i:nth-child(2){background:#1b241f}.swpaint.th-dark i:nth-child(3){background:#ecefea}.swpaint.th-dark i:nth-child(4){background:#96acff}.swpaint.th-night i:nth-child(1){background:#0a0a0b}.swpaint.th-night i:nth-child(2){background:#17171a}.swpaint.th-night i:nth-child(3){background:#e9e7e2}.swpaint.th-night i:nth-child(4){background:#f0b060}.swpaint.th-kobalt i:nth-child(1){background:#0d1220}.swpaint.th-kobalt i:nth-child(2){background:#161d31}.swpaint.th-kobalt i:nth-child(3){background:#e4e9f5}.swpaint.th-kobalt i:nth-child(4){background:#7fd4ff}.swpaint.th-espresso i:nth-child(1){background:#17120e}.swpaint.th-espresso i:nth-child(2){background:#221b15}.swpaint.th-espresso i:nth-child(3){background:#f0e8de}.swpaint.th-espresso i:nth-child(4){background:#e0a76a}.faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:660px}@media (min-width: 700px){.faces{grid-template-columns:repeat(4,minmax(0,1fr))}}.face{display:grid;gap:3px;justify-items:start;text-align:left;padding:12px 14px 13px;border:0;border-radius:var(--r-row);background:var(--fill);cursor:pointer;color:var(--muted);min-height:44px}.face:hover{background:var(--fill-2);color:var(--ink)}.face.on{background:var(--accent-soft-2);color:var(--ink)}.face .spec{font-size:calc(20px * var(--ts));line-height:1.15;color:var(--ink)}.face .spec b{font-weight:600}.face .nm{font-size:calc(13px * var(--ts));font-weight:600;color:var(--ink)}.face .sub{font-size:calc(12px * var(--ts));color:var(--muted);line-height:1.25}.face[data-font-preview=heft] .spec b{font-family:Gentium Book Plus,Georgia,serif}.face[data-font-preview=heft] .spec,.face[data-font-preview=heft] .nm,.face[data-font-preview=sans] .spec,.face[data-font-preview=sans] .spec b,.face[data-font-preview=sans] .nm{font-family:Instrument Sans,system-ui,sans-serif}.face[data-font-preview=buch] .spec,.face[data-font-preview=buch] .spec b,.face[data-font-preview=buch] .nm{font-family:"Source Serif 4",Georgia,serif}.face[data-font-preview=klar] .spec,.face[data-font-preview=klar] .spec b,.face[data-font-preview=klar] .nm{font-family:Atkinson Hyperlegible,system-ui,sans-serif}.seg.wide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;max-width:480px;border:0;border-radius:var(--r-block);background:var(--fill)}.seg.wide button{display:grid;gap:5px;justify-items:center;align-content:center;min-height:54px;padding:8px 4px;cursor:pointer;color:var(--muted);border-radius:11px;background:none;border:0;font-size:calc(12px * var(--ts));font-weight:600;line-height:1}.seg.wide button+button{border:0}.seg.wide button:hover{color:var(--ink);background:var(--fill-2)}.seg.wide button.on{color:var(--accent-ink);background:var(--accent)}.seg.wide .aa{font-family:var(--font-de);font-weight:600;line-height:1}.seg.wide .aa.sm{font-size:12px}.seg.wide .aa.md{font-size:15px}.seg.wide .aa.lg{font-size:18px}.seg.wide .aa.xl{font-size:21px}.wglyph{display:block;width:30px;height:14px;border-radius:3px;padding:2px;box-shadow:inset 0 0 0 1.5px currentColor}.wglyph i{display:block;height:100%;background:currentColor;margin:0 auto;opacity:.75;border-radius:1px}.wglyph.narrow i{width:34%}.wglyph.normal i{width:55%}.wglyph.wide i{width:78%}.wglyph.full i{width:100%}.deckwrap{margin-top:18px}.deck{margin-top:18px;padding:20px 22px;border:0;border-radius:18px;background:var(--fill);box-shadow:none;display:grid;gap:14px}.deck .kick{display:flex;align-items:baseline;gap:12px}.deck .kick .lbl{font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck .kick .count{margin-left:auto;font-family:var(--font-num);font-size:calc(21px * var(--ts));font-weight:600;color:var(--ink);white-space:nowrap}.deck .kick .count b{font-weight:600;color:var(--faint)}.deck .hl.lg .de{font-size:calc(34px * var(--ts))}.deck .hl.lg .en{font-size:calc(17px * var(--ts))}.deck .prog{display:grid;gap:6px}.deck .ink{background:var(--fill-3)}.deck .times{display:flex;justify-content:space-between;font-family:var(--font-num);font-size:calc(14px * var(--ts));font-weight:600;color:var(--muted)}.deck .times .state{color:var(--accent)}.deck .bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:4px;border:0}.deck .bar .opts{flex:0 0 auto}.deck .bar .opts .chip{background:var(--fill-2);color:var(--muted)}.deck .bar .opts .chip:hover{background:var(--fill-3);color:var(--ink)}.deck .bar .opts .chip.on{background:var(--accent-soft-2);color:var(--accent)}.deck .bar .pctl{flex:1 1 340px;margin-top:0;max-width:560px;margin-left:auto}.deck.idle .bar .pctl{margin-left:0}@media (max-width: 1199px){.deck .bar{gap:14px}.deck .bar .pctl{flex-basis:100%;max-width:none;margin-left:0}}.deck.idle{gap:6px}.deck .startline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;text-align:left;cursor:pointer;padding:2px 0 12px}.deck .startline .k{grid-column:1 / -1;font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted)}.deck .startline .no{font-family:var(--font-num);font-size:calc(56px * var(--ts));line-height:.85;font-weight:600;color:var(--accent);min-width:2ch}.deck .startline .no.icon{color:var(--accent);display:inline-flex}.deck .startline .tx{min-width:0;display:grid;gap:3px}.deck .startline .t1{font-size:calc(22px * var(--ts));font-weight:650;line-height:1.2;letter-spacing:-.02em}.deck .startline .t2{font-size:calc(14px * var(--ts));color:var(--muted)}.deck .startline .go{width:64px;height:64px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center}.deck .startline:hover .go{background:var(--accent-hover)}.deck .note{font-size:calc(12.5px * var(--ts));color:var(--muted)}.tr{display:flex;align-items:center;gap:10px}.tr button{border-radius:var(--r-full);border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;position:relative;background:var(--fill-2)}.tr button:hover{background:var(--fill-3);color:var(--accent)}.tr button b{position:absolute;font-family:var(--font-num);font-size:9px;font-weight:700;top:17px}.tr .big{background:var(--accent);color:var(--accent-ink)}.tr .big:hover{background:var(--accent-hover);color:var(--accent-ink)}.tr.lg button{width:44px;height:44px}.tr.lg .big{width:60px;height:60px}.tr.md{justify-content:center;gap:14px;margin:4px 0}.tr.md button{width:46px;height:46px}.tr.md .big{width:66px;height:66px}.tr .big.pulse{animation:pl-pulse 1.6s var(--ease-in-out) infinite}.qlist .qbody{max-height:46vh;overflow-y:auto;scrollbar-width:thin}.qlist .qstop{width:100%;padding:11px 10px;border:0;border-radius:var(--r-row);text-align:left;cursor:pointer;color:var(--muted);font-size:calc(13.5px * var(--ts));font-weight:600;margin-top:4px}.qlist .qstop:hover{color:var(--wrong);background:var(--fill)}.uprow .at{font-family:var(--font-num);font-size:calc(14px * var(--ts));font-weight:600;color:var(--faint);min-width:5ch}.uprow .t.plain{font-family:var(--font-ui);font-weight:550}.uprow.cur{color:var(--accent);background:var(--fill)}.uprow.cur .at,.uprow.cur .t{color:var(--accent)}.qlist .uprow{padding:9px 10px}.qlist .uprow:hover{background:var(--fill)}.legend{margin:-4px 0 10px;font-size:calc(12.5px * var(--ts));color:var(--muted);line-height:1.4;max-width:74ch}.dk{margin:0 calc(-1 * var(--bleed)) 2px;border:0;border-radius:var(--r-block);transition:background var(--dur-2) var(--ease-out)}.dk.open{background:var(--fill);margin-bottom:8px}.dkhead{display:flex;align-items:center;gap:14px;width:100%;padding:12px var(--bleed);text-align:left;cursor:pointer;border-radius:var(--r-block)}.dkhead:hover{background:var(--fill)}.dk.open .dkhead:hover{background:var(--fill-2)}.dkhead .no{flex:none;width:40px;font-family:var(--font-num);font-size:calc(28px * var(--ts));font-weight:600;color:var(--ink);line-height:1}.dk.open .dkhead .no{color:var(--accent)}.dkhead .grow{flex:1;min-width:0}.dkhead .t1{display:block;font-weight:600;font-size:calc(15.5px * var(--ts));letter-spacing:-.01em}.dkhead .t2{display:block;margin-top:2px;font-size:calc(13px * var(--ts));color:var(--muted)}.dkhead .t2 b{font-family:var(--font-num);font-weight:600;color:var(--muted)}.dkhead .t2 b.hot{color:var(--accent)}.dkhead .t2 .sep{color:var(--faint);margin:0 6px}.dkhead .t2 .hidn{color:var(--faint)}.dkhead .stack{display:flex;gap:2px;height:4px;margin-top:8px;max-width:280px;background:var(--fill-2);border-radius:var(--r-full);overflow:hidden}.dk.open .dkhead .stack{background:var(--fill-3)}.dkhead .stack i{display:block;height:100%}.dkhead .stack .k{background:var(--right)}.dkhead .stack .l{background:var(--accent);opacity:.45}.dkhead .stack .d{background:var(--accent)}.dkhead .chev{flex:none;color:var(--muted);display:inline-flex;transition:transform var(--dur-2) var(--ease-out)}.dkhead .chev.open{transform:rotate(180deg)}.dkbody{padding:2px 16px 16px 66px}.dkgo{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media (max-width: 559px){.dkbody{padding-left:16px}}.brow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:8px 0}.brow .bl{font-size:calc(13px * var(--ts));font-weight:600;color:var(--muted);padding-top:8px}@media (max-width: 559px){.brow{grid-template-columns:1fr;gap:6px}.brow .bl{padding-top:0}}.brow.len .lenctl{display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:16px;column-gap:16px;align-items:center}.brow.len .cur{display:flex;align-items:baseline;gap:5px;min-width:8ch}.brow.len .cur b{font-family:var(--font-num);font-size:calc(28px * var(--ts));line-height:1;font-weight:600;color:var(--accent)}.brow.len .cur i{font-family:var(--font-num);font-size:calc(13px * var(--ts));font-style:normal;font-weight:600;color:var(--faint);white-space:nowrap}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:none;cursor:pointer;margin:0}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-full);background:linear-gradient(to right,var(--accent) 0 var(--fill-pct, var(--fill, 0%)),var(--fill-3) var(--fill-pct, var(--fill, 0%)) 100%)}.slider::-moz-range-track{height:6px;border-radius:var(--r-full);background:var(--fill-3)}.slider::-moz-range-progress{height:6px;border-radius:var(--r-full);background:var(--accent)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--accent);border:0;box-shadow:0 1px 4px #0000004d}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:0}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft-2)}@media (max-width: 559px){.brow.len .lenctl{grid-template-columns:1fr;row-gap:6px}}.empty.sm{padding:6px 0;font-size:calc(13.5px * var(--ts));color:var(--muted);text-align:left}.lists .lrow{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;border:0}.lists .lrow .chip b{font-family:var(--font-num);font-weight:600;color:var(--muted);margin-left:4px}.lists .lrow .chip.on b{color:var(--acc-ink);opacity:.75}.lists .lrow .chip.ghost{background:transparent;color:var(--accent)}.lists .lrow .chip.ghost:hover{background:var(--fill)}.lists .lhead{display:flex;align-items:baseline;gap:4px;padding:4px 0 6px}.lists .lhead .nm{flex:1;min-width:0;font-weight:650;font-size:calc(15px * var(--ts));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lists .lhead .linkish{font-size:calc(13px * var(--ts));font-weight:600;color:var(--muted);cursor:pointer;margin-left:12px}.lists .lhead .linkish:hover{color:var(--accent)}.bm.rm:hover{color:var(--wrong)}.bm.pick{color:var(--muted)}.bm.pick:hover{color:var(--accent)}.bm.elsewhere{color:var(--fill-3)}.picker .pkhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 10px;border:0}.picker .pkhead .who{font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted)}.picker .pkhead .linkish{font-size:calc(13px * var(--ts));font-weight:600;color:var(--accent);cursor:pointer}.picker .pkhead .linkish:hover{text-decoration:underline;text-underline-offset:3px}.picker .pklist{display:grid;gap:2px}.pkrow{display:flex;align-items:center;gap:10px;padding:2px 6px;border:0;border-radius:var(--r-row)}.pkrow:hover{background:var(--fill-2)}.pkrow.on{background:var(--accent-soft)}.pkrow .no{flex:none;width:3ch;font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--faint);text-align:right}.pkrow .tx{flex:1;min-width:0;display:grid;gap:1px;text-align:left;padding:8px 0;cursor:pointer}.pkrow .de{font-family:var(--font-de);font-weight:600;font-size:calc(16px * var(--ts));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkrow .en{font-size:calc(13px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkrow .playbtn.sm{width:30px;height:30px;flex:none;pointer-events:none;background:var(--fill-2)}.pkrow .playbtn.sm.on{background:var(--accent);color:var(--accent-ink)}.pkrow .bm{min-height:40px}.srow.wholelist{background:var(--accent-soft);margin-bottom:6px}.srow.wholelist:hover{background:var(--accent-soft-2)}.srow.wholelist .t1{color:var(--accent);font-weight:650}.srow.wholelist .playbtn{background:var(--accent);color:var(--accent-ink)}.sec .dotsep{color:var(--faint);margin:0 7px}.tablebar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 22px}.tablebar .au-btn{height:32px;padding:0 12px}.tablebar .listen-table{font-family:var(--sans);font-weight:600;font-size:calc(13px * var(--ts))}.tablebar .save-table.on,.tablebar .pick-table.on{background:var(--accent-soft-2)}.alog{font-family:var(--font-num);font-size:calc(12px * var(--ts));line-height:1.5;white-space:pre;overflow:auto;max-height:42vh;margin:0;padding:12px 14px;background:var(--fill);border:0;border-radius:var(--r-row);color:var(--muted)}.au-btn.save-word{padding:0;width:28px;justify-content:center;color:var(--faint)}.au-btn.save-word:hover{color:var(--acc)}.au-btn.save-word.on{color:var(--acc);background:var(--accent-soft-2)}.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btnrow .btn{flex:0 1 auto;min-width:0}.btnrow .btn span,.btnrow .btn{overflow:hidden;text-overflow:ellipsis}.dkgo .btn svg,.hiderow svg{flex:none}.dkgo .btn{gap:6px}.hiderow{display:flex;justify-content:center;margin-top:14px;gap:6px;flex-wrap:wrap}.hiderow .linkish{display:inline-flex;align-items:center;gap:6px;font-size:calc(13px * var(--ts));color:var(--muted);cursor:pointer;padding:8px 12px;border-radius:var(--r-full)}.hiderow .linkish:hover{color:var(--ink);background:var(--fill)}.hiderow .linkish.on{color:var(--accent)}.chooser .pkhead .linkish+.linkish{margin-left:14px}.chooser .wc-help{margin:4px 2px 10px;font-size:calc(13px * var(--ts));color:var(--muted);line-height:1.45}.chooser .wc-filter{margin:0 0 8px}.chooser .wc-sub{padding:14px 6px 4px;font-size:calc(13px * var(--ts));font-weight:650;color:var(--muted);border:0}.pkrow.hid .de{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}.pkrow.hid .en{color:var(--faint)}.pkrow .eyebtn{color:var(--muted)}.pkrow .eyebtn.on{color:var(--faint)}.wquick{display:grid;gap:2px}.wq{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;width:calc(100% + 2 * var(--bleed));margin:0 calc(-1 * var(--bleed));padding:12px var(--bleed);text-align:left;cursor:pointer;border:0;border-radius:var(--r-block)}.wq:hover{background:var(--fill)}.wq-n{font-family:var(--font-num);font-size:calc(38px * var(--ts));line-height:.9;font-weight:600;color:var(--accent);text-align:left}.wq-t{display:grid;gap:2px;min-width:0}.wq-t b{font-size:calc(16px * var(--ts));font-weight:650;color:var(--ink);letter-spacing:-.01em}.wq-t small{font-size:calc(13px * var(--ts));color:var(--muted)}.wq-go{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center}.wq.quiet .wq-n{color:var(--ink)}.wq.quiet .wq-go{background:var(--fill);color:var(--accent)}.wq.quiet:hover .wq-go{background:var(--fill-2)}.wq:disabled{cursor:default}.wq:disabled:hover{background:none}.wq:disabled .wq-n{color:var(--faint)}.wq:disabled .wq-t b{color:var(--muted)}.wq:disabled .wq-go{background:var(--fill);color:var(--faint)}.wcustom{margin:6px calc(-1 * var(--bleed)) 0;padding:0;border:0;border-radius:var(--r-block)}.wcustom.open{background:var(--fill)}.wc-head{display:flex;align-items:center;gap:14px;width:100%;padding:12px var(--bleed);text-align:left;cursor:pointer;border-radius:var(--r-block)}.wc-head:hover{background:var(--fill)}.wcustom.open .wc-head:hover{background:var(--fill-2)}.wc-ic{width:64px;flex:none;display:inline-flex;color:var(--muted);padding-left:4px}.wc-t{flex:1;min-width:0;display:grid;gap:2px}.wc-t b{font-size:calc(16px * var(--ts));font-weight:650;letter-spacing:-.01em}.wc-t small{font-size:calc(13px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-head .chev{color:var(--muted);display:inline-flex;transition:transform var(--dur-2) var(--ease-out)}.wc-head .chev.open{transform:rotate(180deg)}.wc-body{border:0;padding:4px var(--bleed) 18px calc(64px + 14px + var(--bleed))}@media (max-width: 560px){.wc-body{padding-left:var(--bleed)}.wc-ic{width:52px}}.wrow{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start;padding:10px 0;border:0}.wl{font-size:calc(13.5px * var(--ts));font-weight:600;color:var(--muted);padding-top:8px}.wv{display:grid;gap:10px;min-width:0}.wv.chiprow{display:flex}.chip small{font-family:var(--font-num);font-size:calc(14px * var(--ts));font-weight:600;color:var(--muted)}.chip.on small{color:var(--acc-ink);opacity:.75}.chip:disabled{opacity:.4;cursor:default}.wlen{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.wlen b{font-family:var(--font-num);font-size:calc(28px * var(--ts));line-height:1;font-weight:600;color:var(--accent);min-width:4ch;font-variant-numeric:tabular-nums}.wlen .slider:disabled{opacity:.4}@media (max-width: 560px){.wrow{grid-template-columns:1fr;gap:8px}.wl{padding-top:0}.wq{grid-template-columns:52px minmax(0,1fr) auto}.wq-n{font-size:calc(32px * var(--ts))}}.discs{display:flex;flex-wrap:wrap;gap:6px}.disc{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--fill-2);font-family:var(--font-num);font-size:calc(19px * var(--ts));font-weight:600;color:var(--muted)}.disc:hover{background:var(--fill-3);color:var(--ink)}.disc.on{background:var(--accent);color:var(--accent-ink)}.disc.part{color:var(--accent);background:var(--accent-soft-2)}@media (max-width: 400px){.disc{width:40px;height:40px}}.wgo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px}.wstart{height:48px;padding:0 22px;gap:9px;font-size:calc(15px * var(--ts));min-width:210px}.wlook{display:inline-flex;align-items:center;gap:7px;font-size:calc(13.5px * var(--ts));font-weight:600;color:var(--muted);cursor:pointer;padding:8px 0}.wlook:hover{color:var(--accent)}.wlook small{font-size:calc(12.5px * var(--ts));color:var(--faint);margin-left:2px;font-weight:500}@media (max-width: 520px){.wstart{width:100%}}.wsec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:var(--gap-sec) 0 10px}.wsec h2{margin:0;font-size:calc(18px * var(--ts))}.wsec h2 small{font-family:var(--font-num);font-size:calc(17px * var(--ts));font-weight:600;color:var(--faint);margin-left:8px}.wsec .btn{gap:6px}.wrail .wsec{margin-top:0}@media (max-width: 999px){.wrail{margin-top:0}}.wempty{margin:0;font-size:calc(13.5px * var(--ts));color:var(--muted);line-height:1.5;max-width:60ch}.wbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wbtns .btn{gap:6px}.whard{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--margin-rule, var(--wrong))}.whard li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"de mk fl" "en mk fl";-moz-column-gap:14px;column-gap:14px;align-items:center;padding:7px 0;border:0}.whard .de{grid-area:de;font-family:var(--font-de);font-size:calc(17px * var(--ts));font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whard .en{grid-area:en;font-size:calc(13px * var(--ts));color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whard .mk{grid-area:mk;display:inline-flex}.whard .flagbtn{grid-area:fl}.tally{stroke:var(--wrong);stroke-width:1.8;stroke-linecap:round}.flagbtn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);color:var(--faint);cursor:pointer}.flagbtn:hover{color:var(--wrong);background:var(--fill-2)}.flagbtn.on{color:var(--accent)}.whard li.more{display:block}.whard li.more button{font-size:calc(13.5px * var(--ts));color:var(--accent);cursor:pointer;padding:4px 0;font-weight:600}@media (min-width: 760px){.whard li{grid-template-columns:minmax(0,15em) minmax(0,1fr) auto auto;grid-template-areas:"de en mk fl"}}.chlist{display:grid}.chparts{padding:0 var(--bleed) 14px calc(40px + 14px + var(--bleed))}@media (max-width: 559px){.chparts{padding-left:var(--bleed)}}.challrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:2px 0 12px}.challrow .note{margin-left:4px}.chpart{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0 -10px 2px;border:0;border-radius:var(--r-row)}.chpart:hover{background:var(--fill-2)}.chpart:hover .btn:not(.acc){background:var(--fill-3)}.chpart .grow{flex:1;min-width:0;display:grid;gap:1px}.chpart .t1{font-size:calc(14.5px * var(--ts));font-weight:600}.chpart .t2{font-size:calc(12.5px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chpart .t2 b{font-family:var(--font-num);font-weight:600}.chpart .t2 b.hot{color:var(--accent)}.chpart .t2 .hidn{color:var(--faint)}.chpart .btn{gap:5px;flex:none}@media (max-width: 480px){.chpart{flex-wrap:wrap}.chpart .grow{flex-basis:100%}}.wrail{display:grid;gap:var(--gap-sec);align-content:start}.whid p{margin:0;font-size:calc(13.5px * var(--ts));color:var(--muted);line-height:1.45}.whid .dkgo{margin-top:10px}.wtoast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:10px 10px 10px 18px;border-radius:var(--r-full);background:var(--ink);color:var(--paper);font-size:calc(13.5px * var(--ts));box-shadow:0 6px 24px #00000040}.wtoast.top{top:calc(14px + env(safe-area-inset-top,0px));bottom:auto}.wtoast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wtoast button{flex:none;font-weight:700;color:var(--paper);padding:6px 12px;border-radius:var(--r-full);border:0;background:color-mix(in srgb,var(--paper) 18%,transparent);cursor:pointer}.wsum{display:flex;justify-content:center;gap:32px;margin:8px 0 26px}.wsum span{display:grid;gap:4px;font-size:calc(13px * var(--ts));color:var(--muted)}.wsum b{font-family:var(--font-num);font-size:calc(40px * var(--ts));line-height:1;font-weight:600;color:var(--ink)}.wsum .a b{color:var(--wrong)}.wsum .e b{color:var(--right)}.wfin{display:grid;gap:8px;max-width:360px;margin:0 auto}.wfin .btn{height:48px;font-size:calc(14.5px * var(--ts))}.finish .wsum{margin-top:18px}.tdiff{display:grid;gap:8px;width:100%;max-width:460px;margin:14px auto 4px;text-align:left}.tdv{font-size:calc(14px * var(--ts));font-weight:700;text-align:center}.tdiff.ok .tdv{color:var(--right)}.tdiff.close .tdv{color:var(--accent)}.tdiff.no .tdv{color:var(--wrong)}.tdl{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:baseline}.tdl .lab{font-size:calc(12.5px * var(--ts));font-weight:600;color:var(--muted)}.tdl .de{font-family:var(--font-de);font-size:calc(24px * var(--ts));font-weight:600;line-height:1.3;overflow-wrap:anywhere;color:var(--ink)}.tdl .mine .x{color:var(--wrong);text-decoration:line-through;text-decoration-thickness:2px;background:color-mix(in srgb,var(--wrong) 12%,transparent);border-radius:2px}.tdl .mine .cs{-webkit-text-decoration:underline wavy var(--wrong);text-decoration:underline wavy var(--wrong);text-underline-offset:4px}.tdl .mine .gap{color:var(--wrong);font-family:var(--font-num);font-weight:600;margin:0 1px}.tdl .fixd .fix{color:var(--right);background:color-mix(in srgb,var(--right) 14%,transparent);box-shadow:inset 0 -2px 0 var(--right);border-radius:2px}.tdn{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:3px}.tdn li{font-size:calc(13px * var(--ts));color:var(--muted);line-height:1.4;padding-left:94px}.fb .tdiff{margin:8px 0 2px;max-width:none}.fb .tdv{display:none}.fb .tdl .de{font-size:calc(19px * var(--ts))}@media (max-width: 420px){.tdl{grid-template-columns:66px minmax(0,1fr);gap:8px}.tdn li{padding-left:74px}}.runsub .leech{margin-left:8px;color:var(--wrong);font-weight:600}.chhard{margin-top:8px;padding-top:4px;border:0}.chhard-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.chhard-t{display:inline-flex;align-items:center;gap:8px;min-height:38px;font-size:calc(14.5px * var(--ts));font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.chhard-t .chev{display:inline-flex;color:var(--muted);transition:transform var(--dur-2) var(--ease-out)}.chhard-t .chev.open{transform:rotate(180deg)}.chhard .whard{margin-top:8px}.chhard-h .btn{gap:5px;flex:none}.chhard .whard li{padding:6px 0}.standing{display:grid;gap:26px}.standing .figs{gap:26px 20px}.meterwrap{display:block;margin-top:8px;max-width:280px}.klecks{position:relative;display:inline-block;flex:none}.klecks svg{display:block;overflow:visible}.klecks .k-body{transform-box:fill-box;transform-origin:50% 100%}.klecks .k-blob{fill:var(--accent)}.klecks .k-shine{fill:#fff;opacity:.28}.klecks .k-white{fill:#fff}.klecks .k-pupil{fill:#14141c}.klecks .k-glint{fill:#fff}.klecks .k-lid{fill:none;stroke:#14141c;stroke-width:2.6;stroke-linecap:round}.klecks .k-mouth{fill:none;stroke:#14141c;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.klecks .k-mouth.open{fill:#14141c}.klecks .k-drops circle{fill:var(--accent);opacity:.8}.klecks .k-eyes{transform-box:fill-box;transform-origin:center}.klecks .k-z{font-family:var(--font-num);font-weight:700;font-size:18px;fill:var(--muted)}.klecks .k-say{position:absolute;left:calc(100% + 10px);top:4px;width:-moz-max-content;width:max-content;max-width:210px;background:var(--fill-2);color:var(--ink);border-radius:12px 12px 12px 3px;padding:7px 11px;font-size:calc(12.5px * var(--ts));font-weight:550;line-height:1.35;animation:k-say-in var(--dur-4) var(--ease-spring) both .3s}@keyframes k-say-in{0%{opacity:0;transform:translateY(6px) scale(.92)}}.k-idle .k-body{animation:k-breathe 3.2s var(--ease-in-out) infinite}.k-idle .k-eyes,.k-happy .k-eyes{animation:k-blink 4.6s infinite}.k-sleepy .k-body{animation:k-breathe 4.8s var(--ease-in-out) infinite}.k-sleepy .k-z{animation:k-z 2.6s ease-out infinite}.k-happy .k-body{animation:k-hop 1.1s var(--ease-spring) infinite}.k-cheer .k-body{animation:k-jump .9s var(--ease-spring) 2 both}.k-cheer .k-drops circle{animation:k-splash .9s var(--ease-out) 2 both}.k-cheer .k-drops circle:nth-child(2){animation-delay:60ms}.k-cheer .k-drops circle:nth-child(3){animation-delay:.12s}.k-sad .k-body{animation:k-droop .6s var(--ease-out) both}.k-drops{opacity:0}.k-cheer .k-drops,.k-happy .k-drops{opacity:1}@keyframes k-breathe{50%{transform:scale(1.035,.965)}}@keyframes k-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes k-hop{0%,60%,to{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.08,.9)}40%{transform:translateY(-9%) scale(.95,1.06)}}@keyframes k-jump{0%{transform:scale(1)}20%{transform:scale(1.12,.86)}50%{transform:translateY(-22%) scale(.92,1.1) rotate(-4deg)}80%{transform:translateY(0) scale(1.06,.94)}to{transform:none}}@keyframes k-splash{0%{transform:scale(.2);opacity:0}40%{opacity:1}to{transform:scale(1.3) translateY(-6px);opacity:.2}}@keyframes k-droop{0%{transform:none}30%{transform:translate(-4%) rotate(-5deg) scale(1.02,.95)}60%{transform:translate(3%) rotate(4deg)}to{transform:scaleY(.96)}}@keyframes k-z{0%{transform:translate(0);opacity:0}30%{opacity:1}to{transform:translate(8px,-16px);opacity:0}}.learn .pagetop{margin-bottom:8px}.todaystrip{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin:4px 0 6px}.todaystrip .streak{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--font-num);font-size:calc(22px * var(--ts));font-weight:600;color:var(--faint)}.todaystrip .streak svg{align-self:center}.todaystrip .streak.on{color:var(--accent)}.todaystrip .streak small{font-family:var(--font-ui);font-size:calc(13px * var(--ts));font-weight:500;color:var(--muted)}.todaystrip .week{display:inline-flex;gap:7px}.todaystrip .wd{display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:calc(10.5px * var(--ts));font-weight:600;color:var(--faint);min-width:14px}.todaystrip .wd i{width:12px;height:12px;border-radius:50%;background:var(--fill-2);display:block;transition:transform var(--dur-3) var(--ease-spring)}.todaystrip .wd.on i{background:var(--accent)}.todaystrip .wd.td{color:var(--ink)}.todaystrip .wd.td.on i{transform:scale(1.18)}.goal{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:calc(19px * var(--ts));font-weight:600}.goal small{font-family:var(--font-ui);font-size:calc(12.5px * var(--ts));font-weight:500;color:var(--muted);margin-left:2px}.goal .gr-bg{fill:none;stroke:var(--fill-2);stroke-width:4.5}.goal .gr-fg{fill:none;stroke:var(--accent);stroke-width:4.5;stroke-linecap:round;transition:stroke-dasharray var(--dur-4) var(--ease-out)}.goal.met .gr-fg{stroke:var(--right)}.learngrid{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:"next" "rail" "weg";margin-top:18px}.upnext{grid-area:next}.learnrail{grid-area:rail}.weg{grid-area:weg}@media (min-width: 1000px){.learngrid{grid-template-columns:minmax(0,1fr) var(--rail);grid-template-areas:"next rail" "weg rail";-moz-column-gap:48px;column-gap:48px;align-items:start}.learnrail{position:sticky;top:32px}}.upnext{display:flex;align-items:center;gap:18px;background:var(--fill);border-radius:var(--r-block);padding:18px 18px 18px 14px;position:relative}.upnext .klecks .k-say{left:auto;right:auto;top:auto;bottom:calc(100% + 6px);left:6px;border-radius:12px 12px 12px 3px}.un-body{flex:1;min-width:0;display:flex;flex-direction:column}.un-k{font-size:calc(12.5px * var(--ts));color:var(--muted);font-weight:500}.un-t{font-size:calc(20px * var(--ts));font-weight:650;letter-spacing:-.015em;line-height:1.25;margin:2px 0}.un-m{font-size:calc(12.5px * var(--ts));color:var(--muted);margin-bottom:12px}.un-go{align-self:flex-start;height:42px;padding:0 22px;gap:8px;box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,#000);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.un-go:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000)}@media (max-width: 520px){.upnext .klecks .k-say{display:none}.un-go{align-self:stretch;justify-content:center}}.learnrail{display:flex;flex-direction:column;gap:2px}.railrow{display:flex;align-items:flex-start;gap:12px;padding:10px var(--bleed);margin:0 calc(-1 * var(--bleed));border-radius:var(--r-row);text-decoration:none;color:var(--ink);transition:background var(--dur-2) var(--ease-out)}.railrow:hover{background:var(--fill)}.railrow .ri{color:var(--accent);padding-top:1px}.railrow .grow{flex:1;min-width:0;display:flex;flex-direction:column}.railrow .t1{font-weight:600;font-size:calc(14.5px * var(--ts))}.railrow .t2{font-size:calc(12.5px * var(--ts));color:var(--muted);line-height:1.4}.railfigs{display:flex;gap:28px;margin-top:14px}.railfigs div{display:flex;flex-direction:column}.railfigs b{font-family:var(--font-num);font-size:calc(26px * var(--ts));font-weight:600;line-height:1}.railfigs span{font-size:calc(12px * var(--ts));color:var(--muted);margin-top:4px}@media (max-width: 999px){.railfigs{display:none}}.weg{display:flex;flex-direction:column;gap:6px}.unit{border-radius:var(--r-block);transition:background var(--dur-3) var(--ease-out)}.unit.open{background:color-mix(in srgb,var(--fill) 55%,transparent);padding-bottom:18px}.ubanner{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-block);cursor:pointer;text-align:left;transition:background var(--dur-2) var(--ease-out)}.ubanner:hover{background:var(--fill)}.unit.open .ubanner:hover{background:transparent}.ubanner .unum{font-family:var(--font-num);font-weight:600;font-size:calc(34px * var(--ts));line-height:1;color:var(--faint);width:2ch;flex:none}.unit.cur .unum,.unit.open .unum{color:var(--accent)}.unit.open .unum{font-size:calc(52px * var(--ts))}.unit.complete .unum{color:var(--right)}.ubanner .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ubanner .ut{font-weight:650;font-size:calc(16px * var(--ts));line-height:1.25}.unit.open .ut{font-size:calc(19px * var(--ts))}.ubanner .us{font-size:calc(12.5px * var(--ts));color:var(--muted)}.ubanner .ubar{display:block;height:4px;border-radius:var(--r-full);background:var(--fill-2);overflow:hidden;margin-top:6px;max-width:260px}.ubanner .ubar i{display:block;height:100%;background:var(--accent);border-radius:var(--r-full);transition:width var(--dur-4) var(--ease-out)}.unit.complete .ubar i{background:var(--right)}.ubanner .ucheck{color:var(--right);display:inline-flex}.ubanner .uchev{color:var(--faint);display:inline-flex;transition:transform var(--dur-3) var(--ease-out)}.unit.open .uchev{transform:rotate(180deg)}.ureads{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px calc(28px + 2ch)}.ureads .chip{gap:6px;height:32px;font-size:calc(12.5px * var(--ts));text-decoration:none;display:inline-flex;align-items:center}@media (max-width: 520px){.ureads{padding-left:14px}}.snake{position:relative;margin:10px 14px 0;animation:sn-in var(--dur-4) var(--ease-out) both}@keyframes sn-in{0%{opacity:0;transform:translateY(-6px)}}.sn-line{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.sn-base,.sn-ink{fill:none;stroke-width:10;stroke-linecap:round}.sn-base{stroke:var(--fill-2)}.sn-ink{stroke:var(--accent);opacity:.85;stroke-dasharray:4000;stroke-dashoffset:4000;animation:sn-draw 1.1s var(--ease-out) .15s forwards}@keyframes sn-draw{to{stroke-dashoffset:0}}.stn{position:absolute;left:0;right:0;height:0}.station{--d: 60px;--ledge: color-mix(in srgb, var(--fill-3) 80%, #000);position:absolute;top:0;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--fill-2);color:var(--faint);box-shadow:0 5px 0 var(--ledge);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-2) var(--ease-out);z-index:1}.station:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ledge)}.station:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ledge)}.station.side{--d: 52px}.station.s-started{color:var(--accent)}.station.s-done{background:var(--accent);color:var(--accent-ink);--ledge: color-mix(in srgb, var(--accent) 55%, #000)}.station.s-solid{background:var(--right);color:#fff;--ledge: color-mix(in srgb, var(--right) 55%, #000)}.station.now{--d: 72px;background:var(--accent);color:var(--accent-ink);--ledge: color-mix(in srgb, var(--accent) 55%, #000);z-index:2}.station.now:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:var(--accent);opacity:.22;z-index:-1;animation:now-halo 2s var(--ease-out) infinite}@keyframes now-halo{0%{transform:scale(.85);opacity:.35}to{transform:scale(1.35);opacity:0}}.station .sring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);pointer-events:none}.station .sring circle{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round}.station .bubble{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);font-weight:700;font-size:calc(13px * var(--ts));padding:6px 12px;border-radius:10px;white-space:nowrap;animation:bubble-bob 1.6s var(--ease-in-out) infinite}.station .bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--ink)}@keyframes bubble-bob{50%{transform:translate(-50%,-4px)}}.slbl{position:absolute;top:0;transform:translateY(-50%);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0}.slbl.l{text-align:right;align-items:flex-end}.slbl .sl1{font-weight:600;font-size:calc(13.5px * var(--ts));line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slbl .sl2{font-size:calc(11.5px * var(--ts));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.slbl.now .sl1{color:var(--accent);font-size:calc(14.5px * var(--ts))}.slbl:hover .sl1{text-decoration:underline;text-underline-offset:3px}.weglegend{display:flex;gap:16px;flex-wrap:wrap;font-size:calc(12px * var(--ts));color:var(--muted);padding:12px 14px 0}.weglegend span{display:inline-flex;align-items:center;gap:6px}.weglegend .lg{width:12px;height:12px;border-radius:50%;display:inline-block}.lg.s-done{background:var(--accent)}.lg.s-solid{background:var(--right)}.lg.s-quiet{background:var(--fill-2)}.ghero{display:flex;align-items:flex-start;gap:20px}.ghero .grow{flex:1;min-width:0}.ghero .klecks{margin-top:8px}.gsolid{align-self:center;font-size:calc(13px * var(--ts));color:var(--muted)}.gsolid b{font-family:var(--font-num);font-size:calc(18px * var(--ts));color:var(--ink);font-weight:600}@media (max-width: 520px){.ghero .klecks{display:none}}.gch{margin-top:var(--gap-sec)}.gch-h{display:flex;align-items:center;gap:14px;margin-bottom:6px}.gch-h .no.big{font-family:var(--font-num);font-size:calc(28px * var(--ts));font-weight:600;color:var(--accent);width:2ch;line-height:1}.gch-h .grow{flex:1;min-width:0}.gch-h .t1{font-weight:650;font-size:calc(17px * var(--ts))}.grow-row{display:flex;align-items:center;gap:16px;padding:10px var(--bleed);margin:0 calc(-1 * var(--bleed));border-radius:var(--r-row);text-decoration:none;color:var(--ink);transition:background var(--dur-2) var(--ease-out)}.grow-row:hover{background:var(--fill)}.grow-row .grow{flex:1;min-width:0;display:flex;flex-direction:column;padding-left:calc(2ch + 14px)}.grow-row .t1{font-weight:600;font-size:calc(14.5px * var(--ts))}.grow-row .t2{font-size:calc(12.5px * var(--ts));color:var(--muted);line-height:1.4}.gend{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.gend .num{font-family:var(--font-num);font-size:calc(13px * var(--ts));font-weight:600;color:var(--faint)}@media (max-width: 520px){.grow-row .grow{padding-left:0}}.gbars{display:inline-flex;gap:3px;align-items:flex-end}.gbars i{width:9px;height:18px;border-radius:3px;background:var(--fill-2);display:block;position:relative;overflow:hidden}.gbars i:nth-child(1){height:8px}.gbars i:nth-child(2){height:11px}.gbars i:nth-child(3){height:14px}.gbars i:nth-child(4){height:16px}.gbars i.on{background:var(--right)}.gbars i.seen{background:color-mix(in srgb,var(--accent) 40%,var(--fill-2))}.gbars i b{position:absolute;inset:auto 0 0 0;height:100%;width:100%;background:var(--right);opacity:.45}.gskill .back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:calc(13px * var(--ts));margin:18px 0 4px}.gskill .back svg{transform:rotate(180deg)}.gskill .back:hover{color:var(--ink)}@media (min-width: 1000px){.gskill .back{margin-top:0}}.grule{margin:22px 0 18px;background:var(--fill);border-radius:var(--r-block);padding:6px 0;max-width:760px}.gr-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;padding:10px 18px}.gr-row+.gr-row{box-shadow:0 -1px color-mix(in srgb,var(--fill-2) 70%,transparent)}.gr-row .gl{font-size:calc(15.5px * var(--ts))}.gr-row .gl strong{color:var(--accent)}.gr-row .grt{font-size:calc(13px * var(--ts));color:var(--muted);line-height:1.45}.gr-row .grt strong{color:var(--ink)}@media (max-width: 600px){.gr-row{grid-template-columns:1fr;gap:2px}}.gstand{display:flex;align-items:center;gap:12px;font-size:calc(13.5px * var(--ts));color:var(--muted);margin-bottom:4px}.runwrap{padding-bottom:260px}.runbar-meter{flex:1}.runbar-meter .meter{height:10px}.runbar-meter .meter>i{transition:width var(--dur-4) var(--ease-spring)}.runbar-meter.hot .meter>i{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.combo{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-num);font-weight:700;font-size:calc(16px * var(--ts));color:var(--accent);animation:combo-pop var(--dur-4) var(--ease-spring)}@keyframes combo-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.runbar{position:fixed;left:0;right:0;bottom:0;z-index:35;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 16px calc(14px + env(safe-area-inset-bottom));transition:background var(--dur-3) var(--ease-out)}@media (min-width: 1000px){.runbar{left:220px;padding:16px 48px 22px}}.runbar.ok{background:color-mix(in srgb,var(--right) 16%,var(--bg))}.runbar.no{background:color-mix(in srgb,var(--wrong) 14%,var(--bg))}.rb-in{max-width:640px;margin:0 auto}.runbar .runfoot{margin-top:0}.rb-fb{animation:rb-up var(--dur-3) var(--ease-out);margin-bottom:12px;max-height:42vh;overflow:auto}@keyframes rb-up{0%{transform:translateY(14px);opacity:0}}.rb-v{display:flex;align-items:center;gap:10px}.rb-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none;animation:rb-pop var(--dur-4) var(--ease-spring)}@keyframes rb-pop{0%{transform:scale(.3) rotate(-30deg)}}.runbar.ok .rb-ic{background:var(--right)}.runbar.no .rb-ic{background:var(--wrong)}.runbar .verdict{font-size:calc(18px * var(--ts));font-weight:750}.runbar.ok .verdict{color:var(--right)}.runbar.no .verdict{color:var(--wrong)}.rb-au{margin-left:auto}.rb-fb .why{margin-top:6px;font-size:calc(14.5px * var(--ts));color:var(--ink)}.rb-fb .tdiff{margin:8px 0 2px;max-width:none}.rb-fb .tdv{display:none}.runbar .btn{box-shadow:0 4px 0 var(--ledge, transparent);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.runbar .btn.acc{--ledge: color-mix(in srgb, var(--accent) 55%, #000)}.runbar .btn.acc:disabled{--ledge: transparent}.runbar .btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ledge, transparent)}.btn.go-ok{background:var(--right);color:#fff;--ledge: color-mix(in srgb, var(--right) 55%, #000)}.btn.go-ok:hover{background:color-mix(in srgb,var(--right) 88%,#000)}.btn.go-no{background:var(--wrong);color:#fff;--ledge: color-mix(in srgb, var(--wrong) 55%, #000)}.btn.go-no:hover{background:color-mix(in srgb,var(--wrong) 88%,#000)}.qv.is-wrong .qtext,.qv.is-wrong .opt.wrong,.qv.is-wrong .orderline,.qv.is-wrong .ruled{animation:shake .42s var(--ease-out)}.qv.is-right .opt.right,.qv.is-right .orderline{animation:pop var(--dur-4) var(--ease-spring)}@keyframes shake{15%{transform:translate(-7px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(2px)}}@keyframes pop{40%{transform:scale(1.035)}}.opt{transition:background var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.opt:active{transform:scale(.985)}.orderline .tok,.orderpool .tok{animation:tok-in var(--dur-3) var(--ease-spring);box-shadow:0 3px 0 var(--fill-3)}.orderline .tok{box-shadow:0 3px color-mix(in srgb,var(--accent) 30%,var(--fill-3))}.tok:active{transform:translateY(2px);box-shadow:none}@keyframes tok-in{0%{transform:scale(.85);opacity:.4}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.fin2{padding-top:48px}.fin2 .klecks{margin:0 auto 6px;display:block}.fin2 h2{animation:fin-in var(--dur-4) var(--ease-spring) both .12s}@keyframes fin-in{0%{transform:scale(.8);opacity:0}}.finfigs{display:flex;justify-content:center;gap:36px;margin:22px 0 30px;flex-wrap:wrap}.finfigs .ff{display:flex;flex-direction:column;align-items:center;animation:fin-in var(--dur-4) var(--ease-spring) both}.finfigs .ff:nth-child(2){animation-delay:.22s}.finfigs .ff:nth-child(3){animation-delay:.34s}.finfigs .ff:nth-child(1){animation-delay:.1s}.finfigs b{font-family:var(--font-num);font-size:calc(34px * var(--ts));font-weight:600;line-height:1;display:inline-flex;align-items:center;gap:4px}.finfigs b small{font-size:.6em;color:var(--muted)}.finfigs span{font-size:calc(12.5px * var(--ts));color:var(--muted);margin-top:6px}.finfigs .ff.tick b{color:var(--accent)}.finfigs .ff.tick b svg{animation:flame .9s var(--ease-spring) .5s both}@keyframes flame{0%{transform:scale(.3)}50%{transform:scale(1.5) rotate(-8deg)}to{transform:scale(1)}}.finbtns{display:flex;flex-direction:column;gap:10px;max-width:360px;margin:0 auto}.finbtns .btn{height:48px;justify-content:center}.finbtns .btn.acc{flex-direction:column;height:auto;padding:10px 18px;gap:1px;box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,#000)}.finbtns .btn.acc:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000)}.finbtns .nx{font-size:calc(12px * var(--ts));font-weight:500;opacity:.8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion: reduce){.klecks *,.station.now:before,.station .bubble,.sn-ink,.snake,.combo,.rb-fb,.rb-ic,.qv *,.fin2 *,.finfigs *,.tok{animation:none!important}.sn-ink{stroke-dashoffset:0}}.upnext{align-items:flex-start}.upnext>.klecks{margin-top:4px}.upnext .klecks .k-say{top:calc(100% + 10px);bottom:auto;left:-2px;border-radius:3px 12px 12px;max-width:170px}@media (min-width: 521px){.upnext{min-height:196px}}.grid2>.panel.tracklist{margin-top:0}@media (max-width: 999px){.grid2:has(>.tracklist){gap:0}}.runbar{background:linear-gradient(to bottom,transparent,var(--bg) 38%);backdrop-filter:none;-webkit-backdrop-filter:none;padding:18px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.runbar.ok,.runbar.no{background:transparent}@media (min-width: 1000px){.runbar{padding:24px 48px}}.rb-in{pointer-events:auto}.runbar.ok .rb-in,.runbar.no .rb-in{padding:14px;border-radius:18px;background:color-mix(in srgb,var(--fill) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px -18px #00000073,0 2px 8px -2px #0000001f;animation:rb-up var(--dur-3) var(--ease-out)}.runbar.ok .rb-in{background:color-mix(in srgb,var(--right) 10%,var(--fill))}.runbar.no .rb-in{background:color-mix(in srgb,var(--wrong) 9%,var(--fill))}.rb-fb{animation:none;margin-bottom:12px}.rb-v{gap:12px}.rb-v .klecks{margin:-6px 0 -4px -2px}.runbar .verdict{font-size:calc(17px * var(--ts));font-weight:700;letter-spacing:-.01em}.rb-fb .why{color:var(--muted);font-size:calc(14px * var(--ts))}.rb-fb .why strong{color:var(--ink)}.runbar .btn.go{width:100%}@media (min-width: 1000px){.runwrap{padding-top:5vh}.runwrap .qtext{font-size:calc(25px * var(--ts));margin-bottom:26px}.runwrap .opt{padding-top:15px;padding-bottom:15px}}.klecks{cursor:pointer;-webkit-tap-highlight-color:transparent}.klecks.say-left .k-say{left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%);border-radius:12px 3px 12px 12px;text-align:right;animation-name:k-say-in-l}@keyframes k-say-in-l{0%{opacity:0;transform:translate(6px,-50%) scale(.92)}}.klecks.say-below .k-say{left:50%;top:calc(100% + 8px);transform:translate(-50%);border-radius:12px;text-align:center;animation-name:k-say-in-b}@keyframes k-say-in-b{0%{opacity:0;transform:translate(-50%,-6px) scale(.92)}}.fin2 .klecks.say-below{margin-bottom:44px}.ghero .klecks.say-below .k-say{max-width:150px}.pghead{display:flex;align-items:flex-start;gap:16px}.pghead .grow{flex:1;min-width:0}.pghead .klecks{margin-top:14px}@media (min-width: 1000px){.pghead .klecks{margin-top:0}}@media (max-width: 640px){.pghead .k-say{display:none}.pghead .klecks{width:48px!important;height:48px!important}.pghead .klecks svg{width:48px;height:48px}}.kload{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18vh 16px;color:var(--muted);font-size:calc(13px * var(--ts))}@media (max-width: 640px){.pghead .klecks.poked .k-say{display:block}}.ksay{position:relative;display:inline-block;align-self:flex-start;max-width:260px;background:var(--fill-2);color:var(--ink);border-radius:12px;padding:6px 11px;font-size:calc(12.5px * var(--ts));font-weight:550;line-height:1.35;animation:k-say-in var(--dur-4) var(--ease-spring) both .25s}.ksay:before{content:"";position:absolute;top:10px;border:6px solid transparent}.ksay.t-left{margin-left:6px}.ksay.t-left:before{right:100%;border-right-color:var(--fill-2)}.ksay.t-right:before{left:100%;border-left-color:var(--fill-2)}.upnext .ksay{margin-bottom:10px}.upnext.upnext .un-body{padding-top:2px}.upnext{min-height:0}.pghead .ksay,.ghero .ksay{flex:0 1 auto;margin-top:18px}@media (min-width: 1000px){.pghead .ksay,.ghero .ksay{margin-top:6px}}@media (max-width: 640px){.pghead .ksay,.ghero .ksay{display:none}}.upnext .klecks .k-say,.pghead .klecks .k-say,.ghero .klecks .k-say{display:none!important}.face[data-font-preview=rund] .spec,.face[data-font-preview=rund] .spec b,.face[data-font-preview=rund] .nm{font-family:Nunito,system-ui,sans-serif;font-weight:800}.klecks svg{transform-origin:50% 90%}.klecks .k-ground{fill:var(--ink);opacity:.08}.klecks .k-blush{fill:#ff7a9a;opacity:.32}.klecks .k-tongue{fill:#ff6b81}.klecks .k-face{transform-box:fill-box}.klecks:not(.m-klecks) .k-drops{opacity:1}.klecks .k-drops circle,.klecks .k-drops path{transform-box:fill-box;transform-origin:center}.m-funke .f-flick{transform-box:fill-box;transform-origin:50% 95%;animation:f-flick .55s ease-in-out infinite alternate}.m-funke .f-core{transform-box:fill-box;transform-origin:50% 100%;animation:f-flick .4s ease-in-out infinite alternate-reverse}.m-funke .f-embers circle{fill:#ffbe3d;animation:f-ember 1.9s ease-out infinite}.m-funke .f-embers circle:nth-child(2){animation-delay:.5s}.m-funke .f-embers circle:nth-child(3){animation-delay:1s}.m-funke .f-embers circle:nth-child(4){animation-delay:1.4s}@keyframes f-flick{0%{transform:scale(1) skew(0)}to{transform:scale(1.03,1.06) skew(-2.5deg)}}@keyframes f-ember{0%{transform:translateY(10px) scale(.6);opacity:0}30%{opacity:1}to{transform:translateY(-16px) scale(.3);opacity:0}}.m-blitz .b-streaks path{stroke:#ffc928;stroke-width:3;stroke-linecap:round;fill:none;animation:b-streak .75s linear infinite}.m-blitz .b-streaks path:nth-child(2){animation-delay:.25s}.m-blitz .b-streaks path:nth-child(3){animation-delay:.5s}.m-blitz.k-idle .k-body{animation:b-hover 1.1s ease-in-out infinite}@keyframes b-streak{0%{transform:translate(10px);opacity:0}35%{opacity:1}to{transform:translate(-12px);opacity:0}}@keyframes b-hover{50%{transform:translateY(-3px)}}.m-kristall .kr-shine{animation:kr-shine 3.4s ease-in-out infinite}@keyframes kr-shine{0%,55%{transform:translate(0)}to{transform:translate(150px)}}.m-kristall .k-sparkle path{fill:#5fd4f5}.m-komet .k-sparkle path{fill:#e879f9}.k-sparkle path{animation:twinkle 1.7s ease-in-out infinite}.k-sparkle path:nth-child(2){animation-delay:.8s}@keyframes twinkle{0%,to{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(45deg);opacity:1}}.m-welle .w-wave{animation:w-wave 2.2s linear infinite}@keyframes w-wave{to{transform:translate(25px)}}.m-welle .w-bubbles circle{fill:none;stroke:#5cc0ff;stroke-width:1.4;animation:w-bub 2.6s ease-in infinite}.m-welle .w-bubbles circle:nth-child(2){animation-delay:.9s}.m-welle .w-bubbles circle:nth-child(3){animation-delay:1.7s}@keyframes w-bub{0%{transform:translateY(8px) scale(.5);opacity:0}30%{opacity:1}to{transform:translateY(-14px) scale(1);opacity:0}}.m-fels.k-idle .k-body{animation:k-breathe 4.6s var(--ease-in-out) infinite}.m-fels.k-happy .k-body{animation:r-stomp 1s var(--ease-spring) infinite}@keyframes r-stomp{0%,to{transform:none}30%{transform:translateY(-6%) rotate(-3deg)}55%{transform:translateY(0) scale(1.06,.92)}70%{transform:scale(.98,1.02)}}.m-nebel.k-idle .k-body,.m-nebel.k-sleepy .k-body{animation:n-float 2.8s var(--ease-in-out) infinite}.m-nebel .n-wisps path{fill:none;stroke:#b9a5ff;stroke-width:2;stroke-linecap:round;animation:n-wisp 2.4s ease-in-out infinite}.m-nebel .n-wisps path:nth-child(2){animation-delay:1.2s}@keyframes n-float{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes n-wisp{0%,to{opacity:0;transform:translate(-3px)}50%{opacity:.9;transform:translate(3px)}}.m-ranke .p-leaves{transform-box:view-box;transform-origin:51px 20px;animation:p-sway 2.2s ease-in-out infinite alternate}@keyframes p-sway{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.m-komet .c-orbit{transform-box:view-box;transform-origin:50px 57px;animation:c-orbit 4.5s linear infinite}.m-komet .c-bulb{transform-box:fill-box;transform-origin:center;animation:c-bulb 1.3s ease-in-out infinite}@keyframes c-orbit{to{transform:rotate(360deg)}}@keyframes c-bulb{50%{transform:scale(1.3);opacity:.75}}.k-shift svg{animation:k-morph .62s var(--ease-spring)}@keyframes k-morph{0%{transform:scale(.15) rotate(-30deg);opacity:.1}55%{transform:scale(1.16) rotate(7deg);opacity:1}to{transform:none}}.k-flashwrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.k-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,#fff) 0%,transparent 65%);animation:k-flash .6s ease-out forwards}@keyframes k-flash{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.8);opacity:0}}.k-spark{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--a))}.k-spark:before{content:"";position:absolute;left:calc(50% - 1.5px);top:50%;width:3px;height:16%;border-radius:2px;background:var(--accent);animation:k-spark .6s ease-out forwards}.k-spark:nth-child(odd):before{background:#ffc928}@keyframes k-spark{0%{transform:translateY(0) scaleY(.3);opacity:1}to{transform:translateY(-300%) scaleY(1);opacity:0}}.qspeak{display:flex;align-items:flex-end;gap:14px;margin:6px 0 24px}.qspeak>.klecks{flex:none}.qbubble{position:relative;flex:1;min-width:0;background:var(--fill);border-radius:18px;padding:14px 18px;margin-bottom:14px;box-shadow:0 3px 0 var(--fill-3);animation:qb-in var(--dur-4) var(--ease-spring)}.qbubble:before{content:"";position:absolute;left:-9px;bottom:16px;border:9px solid transparent;border-right-color:var(--fill);border-left:0}.qbubble .qtext{margin:0}@keyframes qb-in{0%{transform:translate(-8px) scale(.97);opacity:0}}@media (max-width: 520px){.qspeak .klecks,.qspeak .klecks svg{width:64px!important;height:64px!important}.qbubble{padding:12px 14px}}.optset{display:grid;gap:10px}.optset.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.optset .opt{margin:0;border-radius:14px;padding:15px 16px;font-size:calc(16.5px * var(--ts));font-weight:650;box-shadow:0 4px 0 var(--fill-3);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-2) var(--ease-out)}.optset .opt:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--fill-3)}.optset .opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--fill-3)}.optset .opt.sel{background:var(--acc-dim);box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,transparent)}.optset .opt.right{background:var(--good-dim);box-shadow:0 4px color-mix(in srgb,var(--right) 60%,transparent)}.optset .opt.wrong{background:var(--bad-dim);box-shadow:0 4px color-mix(in srgb,var(--wrong) 55%,transparent)}.optset.grid .opt{justify-content:center;min-height:64px}.optset .opt .key{font-size:calc(12px * var(--ts))}.runbar-meter .meter{height:14px;background:var(--fill-2)}.runbar-meter .meter>i{box-shadow:inset 0 -3px #0000001f}.runbar-meter .meter>i:after{content:"";position:absolute;left:8px;right:8px;top:3px;height:3px;border-radius:3px;background:#fff6}.runhead .x{padding:6px}[data-font=rund] .pagetop,[data-font=rund] h1,[data-font=rund] h2{font-weight:800;letter-spacing:-.02em}[data-font=rund] .btn{font-weight:800;border-radius:14px}[data-font=rund] .un-t,[data-font=rund] .ut,[data-font=rund] .qtext{font-weight:800}[data-font=rund] .chip,[data-font=rund] .tabbar a{font-weight:700}.btn.acc:not(.go):not(.un-go){box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,#000)}.btn.acc:not(.go):not(.un-go):active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000)}@media (prefers-reduced-motion: reduce){.klecks *,.k-spark:before,.qbubble,.k-shift svg{animation:none!important}}.heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:12px}.hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border-radius:16px;background:var(--fill);cursor:pointer;text-align:center;box-shadow:0 3px 0 var(--fill-3);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.hero:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--fill-3)}.hero.on{background:var(--acc-dim);box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,transparent)}.hero .nm{font-weight:800;font-size:calc(14px * var(--ts))}.hero .sub{font-size:calc(11.5px * var(--ts));color:var(--muted);line-height:1.3}.hero .hq{width:64px;height:64px;display:grid;place-items:center;font-family:var(--font-num);font-size:calc(40px * var(--ts));font-weight:700;color:var(--accent)}.hero .klecks{pointer-events:none}.qspeak{margin-top:22px}.btn.acc:disabled,.runbar .btn.acc:disabled{box-shadow:none!important}.wt{max-width:calc(var(--read) + 12ch);margin:0 auto;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.wt-kicker{font-size:calc(14px * var(--ts));font-weight:700;color:var(--muted)}.wt-top{display:flex;align-items:center;gap:16px;margin:18px 0 6px}.wt-top h1{font-size:calc(26px * var(--ts));font-weight:800;line-height:1.15;margin:0}.wt-sub{margin:4px 0 0;color:var(--muted);font-size:calc(14px * var(--ts))}.wt-resumed{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:10px 0 0;color:var(--muted);font-size:calc(13.5px * var(--ts))}.wt .linkish{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:4px 0}.wt .linkish:hover{text-decoration:underline;text-underline-offset:3px}.wt-anchor{scroll-margin-top:72px}.wt-pager{margin:18px 0 4px}.wt-segs{display:flex;gap:4px}.wt-segs.tight{gap:1px}.wt-seg{flex:1;min-width:0;height:10px;border:0;padding:0;border-radius:var(--r-full);background:var(--fill-2);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),background var(--dur-2) var(--ease-out)}.wt-segs.tight .wt-seg{border-radius:2px}.wt-seg.some{background:color-mix(in srgb,var(--accent) 38%,var(--fill-2))}.wt-seg.full{background:var(--accent)}.wt-seg.cur{transform:scaleY(1.9)}.wt-seg.cur:not(.full){background:color-mix(in srgb,var(--ink) 45%,var(--fill-2))}.wt-seg.cur.some{background:color-mix(in srgb,var(--accent) 60%,var(--ink))}.wt-seg:hover{transform:scaleY(1.5)}.wt-pnav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:calc(13.5px * var(--ts));color:var(--muted);font-variant-numeric:tabular-nums}.wt-pnav .plain-ic{display:inline-flex;padding:8px;border:0;border-radius:var(--r-full);background:var(--fill);color:var(--ink);cursor:pointer}.wt-pnav .plain-ic svg{transform:rotate(90deg)}.wt-pnav .plain-ic.nx svg{transform:rotate(-90deg)}.wt-pnav .plain-ic:disabled{opacity:.35;cursor:default}.wt-list{list-style:none;margin:10px 0 0;padding:0}.wt-h1{margin:22px 0 2px;font-size:calc(13px * var(--ts));font-weight:800;color:var(--accent)}.wt-h2{margin:16px 0 4px;font-size:calc(13px * var(--ts));font-weight:700;color:var(--muted)}.wt-row{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;grid-template-areas:"n q au" ". in in";align-items:center;gap:6px 10px;padding:10px 0}.wt-n{grid-area:n;font-family:var(--font-num);font-size:calc(17px * var(--ts));font-weight:600;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}.wt-q{grid-area:q;font-size:calc(16px * var(--ts));line-height:1.35;cursor:text;overflow-wrap:anywhere}.wt-q.de{font-weight:700}.wt-au{grid-area:au;display:inline-flex}.wt-in{grid-area:in;width:100%;min-width:0;border:0;outline:0;border-radius:12px;background:var(--fill);color:var(--ink);padding:11px 14px;font-size:calc(17px * var(--ts));font-family:inherit;box-shadow:inset 0 -2px 0 var(--fill-3);transition:background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.wt-in.de{font-weight:700}.wt-in::-moz-placeholder{color:var(--faint);font-weight:400}.wt-in::placeholder{color:var(--faint);font-weight:400}.wt-in:focus{background:var(--fill-2);box-shadow:inset 0 -3px 0 var(--accent)}.wt-row.on .wt-n{color:var(--accent)}@media (min-width: 720px){.wt-row{grid-template-columns:2.6em minmax(0,1fr) auto minmax(0,1.15fr);grid-template-areas:"n q au in";gap:10px 14px;padding:6px 0}}.wt-nextbtn{display:flex;margin:22px auto 0;gap:8px}.wt-nextbtn svg{transform:rotate(-90deg)}.wt-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:12px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom,transparent,var(--bg) 45%)}@media (min-width: 1000px){.wt-bar{left:220px;padding:16px 48px 22px}}html.has-player .wt-bar{bottom:var(--player-h)}.wt-bar-in{pointer-events:auto;max-width:calc(var(--read) + 12ch);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:10px 10px 10px 12px;border-radius:18px;background:color-mix(in srgb,var(--fill) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px -18px #00000073,0 2px 8px -2px #0000001f}.wt-letters{display:flex;gap:6px;margin-right:auto}.wt-letters button{width:42px;height:40px;border:0;border-radius:10px;background:var(--fill-2);color:var(--ink);font-size:calc(18px * var(--ts));font-weight:700;cursor:pointer}.wt-letters button:hover{background:var(--fill-3);color:var(--accent)}.wt-letters button:active{transform:translateY(2px)}.wt-left{color:var(--muted);font-size:calc(13.5px * var(--ts));font-variant-numeric:tabular-nums}.wt-ask{margin-right:auto;font-weight:700}.wt-bar .btn.acc{box-shadow:0 4px color-mix(in srgb,var(--accent) 55%,#000)}.wt-bar .btn.acc:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,#000)}@media (max-width: 420px){.wt-letters button{width:38px}.wt-left{display:none}}.wt-score{display:flex;align-items:center;gap:22px;margin:22px 0 8px}.wt-figure{flex:1;min-width:0}.wt-big{display:flex;align-items:baseline;gap:10px}.wt-big b{font-family:var(--font-num);font-size:calc(64px * var(--ts));line-height:.95;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.wt-big span{font-size:calc(18px * var(--ts));font-weight:700}.wt-line{margin:6px 0 12px;color:var(--muted);font-size:calc(14.5px * var(--ts))}.wt-split{display:flex;gap:3px;height:10px;max-width:420px}.wt-split i{min-width:0;border-radius:var(--r-full)}.wt-split .r{background:var(--right)}.wt-split .w{background:var(--wrong)}.wt-split .b{background:var(--fill-3)}.wt-acts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}.wt-filter{margin:22px 0 4px}.wt-res{list-style:none;margin:0;padding:0}.wt-r{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:12px 0}.wt-r+.wt-r{margin-top:6px}.wt-r .wt-n{grid-area:auto;padding-top:2px}.wt-r.v-right .wt-n{color:var(--right)}.wt-r.v-wrong .wt-n{color:var(--wrong)}.wt-p{font-size:calc(15px * var(--ts));color:var(--muted)}.wt-p.de{color:var(--ink);font-weight:700}.wt-ok{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:calc(17px * var(--ts))}.wt-ok svg{color:var(--right)}.wt-ok .de{font-weight:700}.wt-also{color:var(--muted);font-size:calc(14px * var(--ts))}.wt-bl{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:4px}.wt-bl span:first-child{color:var(--faint);font-size:calc(13px * var(--ts));font-weight:700}.wt-bl span+span{font-size:calc(17px * var(--ts))}.wt-bl .de{font-weight:700}.wt-r .tdiff{margin:6px 0 0;max-width:none}.wt-ra{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wt-ra .linkish{color:var(--muted);font-size:calc(12.5px * var(--ts));white-space:nowrap}.wt-ra .linkish.on{color:var(--right)}.wq-ic{display:inline-flex;align-items:center;color:var(--accent)}.wq-ic svg{width:30px;height:30px}@media (max-width: 520px){.wt-score{gap:14px}.wt-big b{font-size:calc(52px * var(--ts))}}@media (prefers-reduced-motion: reduce){.wt-seg,.wt-in{transition:none}}.wt-cheer{font-size:calc(14px * var(--ts));font-weight:800;color:var(--accent);margin-bottom:4px}.wt-r .tdiff .tdv{display:none}.wb{margin:14px calc(-1 * var(--bleed)) 0;padding:18px var(--bleed) 14px;border-radius:var(--r-block);background:var(--fill)}.wb-title{font-size:calc(19px * var(--ts));font-weight:800;margin:0 0 4px}.wb-q{font-size:calc(15px * var(--ts));font-weight:800;margin:16px 0 10px}.wb .disc.on{background:var(--accent);color:var(--accent-ink)}.wb-pick{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;font-size:calc(14px * var(--ts))}.wb-pick span{color:var(--muted)}.wb-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;cursor:pointer;color:var(--accent);font:inherit;font-size:calc(13.5px * var(--ts));font-weight:700}.wb-link small{color:var(--muted);font-weight:600;margin-left:4px}.wb-link:hover{text-decoration:underline;text-underline-offset:3px}.wb-go{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:22px}.wb-btn{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;border:0;border-radius:16px;padding:14px 16px;color:var(--ink);font:inherit;background:var(--fill-2);--ledge: color-mix(in srgb, var(--fill-3) 80%, #000);box-shadow:0 4px 0 var(--ledge);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-2) var(--ease-out)}.wb-btn span{display:grid;gap:2px;min-width:0}.wb-btn b{font-size:calc(17px * var(--ts));font-weight:800}.wb-btn small{font-size:calc(13px * var(--ts));color:var(--muted)}.wb-btn svg{flex:none;color:var(--accent)}.wb-btn.acc{background:var(--accent);color:var(--accent-ink);--ledge: color-mix(in srgb, var(--accent) 55%, #000)}.wb-btn.acc small,.wb-btn.acc svg{color:inherit;opacity:.85}.wb-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--ledge)}.wb-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ledge)}.wb-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.wb-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:16px}.wb-optbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 0;cursor:pointer;color:var(--ink);font:inherit;font-size:calc(14px * var(--ts));font-weight:800}.wb-optbtn .chev{display:inline-flex;color:var(--muted);transition:transform var(--dur-2) var(--ease-out)}.wb-optbtn .chev.open{transform:rotate(180deg)}.wb-optline{flex:1 1 240px;min-width:0;color:var(--muted);font-size:calc(13px * var(--ts))}.wb-opts{margin-top:8px}.wb-sub{margin:14px 0 0;font-size:calc(13px * var(--ts));font-weight:800;color:var(--accent)}@media (max-width: 560px){.wb-go{grid-template-columns:minmax(0,1fr)}}.wt-prev{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0;font-size:calc(13.5px * var(--ts));color:var(--muted)}.wt-prev b{font-family:var(--font-num);font-size:calc(17px * var(--ts));font-weight:600;color:var(--muted)}.wt-prev.up b{color:var(--right)}.wt-prev.down b{color:var(--wrong)}.wr-empty{margin-top:24px;display:grid;gap:14px;justify-items:start;color:var(--muted)}.wr-figs{display:flex;flex-wrap:wrap;gap:8px 28px;margin:6px 0 4px}.wr-figs span{display:inline-flex;align-items:baseline;gap:7px;color:var(--muted);font-size:calc(14px * var(--ts))}.wr-figs b{font-family:var(--font-num);font-size:calc(34px * var(--ts));font-weight:600;line-height:1;color:var(--ink)}.wr-figs .r b{color:var(--right)}.wr-groups{display:grid;gap:14px}.wr-g{margin:0 calc(-1 * var(--bleed));padding:12px var(--bleed) 8px;border-radius:var(--r-block);background:var(--fill)}.wr-gh{display:flex;align-items:center;gap:12px}.wr-gh .grow{display:grid;gap:2px;min-width:0;flex:1}.wr-gh b{font-size:calc(16px * var(--ts));font-weight:800}.wr-gh small{color:var(--muted);font-size:calc(13px * var(--ts))}.wr-gh .btn{background:var(--fill-2)}.wr-runs{list-style:none;margin:8px 0 0;padding:0}.wr-run{display:grid;grid-template-columns:minmax(0,8.5em) auto auto minmax(40px,1fr) auto 16px;align-items:center;gap:12px;width:100%;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:9px 8px;margin:0 -8px;border-radius:10px;box-sizing:content-box}.wr-run:hover{background:var(--fill-2)}.wr-run>svg{color:var(--faint);transform:rotate(-90deg)}.wr-when{color:var(--muted);font-size:calc(13px * var(--ts));white-space:nowrap}.wr-sc{white-space:nowrap;font-size:calc(14px * var(--ts))}.wr-sc b{font-family:var(--font-num);font-size:calc(19px * var(--ts));font-weight:600;color:var(--accent)}.wr-d{font-family:var(--font-num);font-size:calc(15px * var(--ts));font-weight:600;color:var(--muted);white-space:nowrap}.wr-d.none{font-family:inherit;font-weight:400;font-size:calc(12.5px * var(--ts));color:var(--faint)}.wr-d.up{color:var(--right)}.wr-d.down{color:var(--wrong)}.wr-bar{display:flex;gap:2px;height:6px}.wr-bar i{min-width:0;border-radius:var(--r-full)}.wr-bar .r{background:var(--right)}.wr-bar .w{background:var(--wrong)}.wr-bar .b{background:var(--fill-3)}.wr-min{color:var(--faint);font-size:calc(12.5px * var(--ts));white-space:nowrap}.wr-miss{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.wr-miss li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px}.wr-miss .de{font-weight:700}.wr-miss .en{grid-row:2;color:var(--muted);font-size:calc(13px * var(--ts))}.wr-miss .n{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--wrong);font-size:calc(12.5px * var(--ts));font-weight:700}.wr-recent{display:grid;gap:0;justify-items:start;margin-bottom:6px}.wr-recent .wr-run{grid-template-columns:auto minmax(0,1fr) auto 16px;width:calc(100% + -0px)}.wr-tt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.wr-recent .wb-link{margin-top:4px}@media (max-width: 560px){.wr-run{grid-template-columns:minmax(0,1fr) auto auto 16px;gap:4px 12px}.wr-run .wr-bar{grid-column:1 / -2;grid-row:2}.wr-run .wr-min{display:none}.wr-recent .wr-run{grid-template-columns:minmax(0,1fr) auto 16px}.wr-recent .wr-when{grid-column:1;grid-row:2}.wr-recent .wr-tt{grid-column:1;grid-row:1}.wr-recent .wr-sc{grid-column:2;grid-row:1 / span 2}.wr-recent .wr-run>svg{grid-column:3;grid-row:1 / span 2}}.tdiff .art{color:var(--muted);font-weight:400}@media (max-width: 560px){.wt-r{grid-template-columns:2.2em minmax(0,1fr)}.wt-ra{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}}