@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..900;1,8..60,300..900&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-serif: "Source Serif 4", "GT Sectra", "Newsreader", Georgia, serif;--font-sans: "Inter Tight", "Söhne", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-mark: 14px;--t-meta: 13px;--t-body: 17px;--t-read: 22px;--t-read-lg: 26px;--t-h3: 28px;--t-h2: 40px;--t-h1: 56px;--t-display: 88px;--lh-tight: 1.08;--lh-snug: 1.25;--lh-read: 1.5;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-mark: .08em;--tracking-display: -.03em;--paper: #F4EFE6;--paper-2: #EFE9DD;--paper-3: #E7E0D0;--ink: #1A1814;--ink-2: #423E36;--ink-3: #6E6859;--ink-4: #9A9382;--rule: #D9D2C0;--accent: oklch(.58 .17 25);--accent-ink: oklch(.36 .13 25);--accent-wash: oklch(.94 .04 25);--lvl-bg: var(--paper-3);--lvl-ink: var(--ink-2);--focus: oklch(.58 .17 25);--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--maxw-read: 640px;--maxw-page: 1180px;--ease-page: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.6, 0, .4, 1);--dur-fast: .14s;--dur-med: .26s;--dur-slow: .48s;--dur-breath: 1.6s;--shadow-rest: 0 1px 0 rgba(26, 24, 20, .04), 0 0 0 1px rgba(26, 24, 20, .06);--shadow-pop: 0 1px 1px rgba(26, 24, 20, .06), 0 12px 32px -8px rgba(26, 24, 20, .18), 0 0 0 1px rgba(26, 24, 20, .08)}:root[data-theme=dark]{--paper: #16181C;--paper-2: #1C1F24;--paper-3: #242830;--ink: #ECE6D6;--ink-2: #B8B2A4;--ink-3: #807B70;--ink-4: #5A564E;--rule: #2A2E36;--accent: oklch(.72 .15 28);--accent-ink: oklch(.85 .1 30);--accent-wash: oklch(.28 .07 25);--lvl-bg: var(--paper-3);--lvl-ink: var(--ink-2);--shadow-rest: 0 1px 0 rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-pop: 0 1px 1px rgba(0, 0, 0, .5), 0 16px 36px -10px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-med: 0ms;--dur-slow: 0ms}}.home{display:flex;flex-direction:column}.home__date{margin-bottom:var(--space-5)}.home__greeting{font-family:var(--font-serif);font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);font-weight:400;margin:0 0 var(--space-4) 0;display:flex;flex-direction:column}.home__greeting-line{display:block}.home__greeting-line--name{font-style:italic;color:var(--ink)}.home__sub{font-family:var(--font-sans);color:var(--ink-3);font-size:17px;margin:0}.home__rule{margin:var(--space-7) 0}.home__feature{cursor:pointer;display:block;padding:var(--space-2) 0;transition:transform var(--dur-med) var(--ease-page);text-align:left;width:100%}.home__feature:hover{transform:translate(2px)}.home__feature-meta{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-4)}.home__feature-title{font-family:var(--font-serif);font-size:var(--t-h2);line-height:1.12;letter-spacing:var(--tracking-tight);font-weight:400;margin:0 0 var(--space-3) 0;text-wrap:balance;overflow-wrap:break-word}.home__greeting-line{overflow-wrap:break-word}.home__feature-dek{font-family:var(--font-serif);font-size:18px;line-height:1.5;color:var(--ink-2);margin:0 0 var(--space-5) 0;max-width:560px;font-style:italic}.home__feature-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;row-gap:12px}.home__feature-stats{flex-wrap:wrap;row-gap:4px}.home__feature-stats{display:flex;align-items:center;gap:10px;color:var(--ink-3)}.home__dot{width:3px;height:3px;background:var(--ink-4);border-radius:50%}.home__secondary{display:flex;flex-direction:column}.home__sec-item{display:flex;align-items:baseline;gap:18px;padding:22px 0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;transition:padding var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);width:100%}.home__sec-item:last-child{border-bottom:0}.home__sec-item:hover{padding-left:6px}.home__sec-num{flex-shrink:0;width:26px;color:var(--ink-3);padding-top:6px}.home__sec-body{flex:1;display:flex;flex-direction:column;gap:4px}.home__sec-title{font-family:var(--font-serif);font-size:22px;font-weight:400;letter-spacing:-.01em;color:var(--ink);line-height:1.2}.home__sec-dek{font-family:var(--font-sans);font-size:14px;color:var(--ink-3)}.home__sec-arrow{font-style:italic;color:var(--ink-3);font-size:22px;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast)}.home__sec-item:hover .home__sec-arrow{transform:translate(4px);color:var(--ink)}.home__foot{margin-top:var(--space-9);padding-top:var(--space-5);border-top:1px solid var(--rule)}.home__sig{display:flex;align-items:center;gap:10px}.snew{display:flex;flex-direction:column;gap:var(--space-6)}.snew__back,.story__back{align-self:flex-start;color:var(--ink-3);cursor:pointer;background:none;border:0;padding:4px 0;transition:color var(--dur-fast)}.snew__back:hover,.story__back:hover{color:var(--ink)}.snew__head{margin-top:var(--space-3)}.snew__title{font-family:var(--font-serif);font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);font-weight:400;margin:var(--space-3) 0 var(--space-3) 0;font-style:italic}.snew__sub{font-family:var(--font-sans);color:var(--ink-3);font-size:17px;margin:0}.snew__input-wrap{position:relative}.snew__input{width:100%;font-family:var(--font-serif);font-size:26px;line-height:1.4;background:transparent;border:0;padding:16px 0;color:var(--ink)}.snew__input::placeholder{color:var(--ink-4);font-style:italic}.snew__input:focus{outline:none}.snew__input-rule{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--rule);transition:background var(--dur-med) var(--ease-out)}.snew__input:focus+.snew__input-rule{background:var(--ink)}.snew__chips-block{display:flex;flex-direction:column;gap:12px}.snew__chips{display:flex;flex-wrap:wrap;gap:8px}select.snew__input option{background:var(--paper);color:var(--ink)}.snew__level{padding:12px 0 4px}.snew__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--rule);border-radius:999px;cursor:pointer;outline:none;margin:0}.snew__range:disabled{cursor:not-allowed;opacity:.5}.snew__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--ink);border-radius:50%;border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.snew__range::-webkit-slider-thumb:hover{transform:scale(1.12)}.snew__range::-moz-range-thumb{width:18px;height:18px;background:var(--ink);border-radius:50%;border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.snew__range::-moz-range-thumb:hover{transform:scale(1.12)}.snew__level-marks{display:flex;justify-content:space-between;margin-top:14px;padding:0 2px}.snew__level-marks span{color:var(--ink-4);transition:color var(--dur-fast) var(--ease-out)}.snew__level-marks span[data-active=true]{color:var(--ink)}.snew__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--space-3)}.snew__klara{display:flex;align-items:center;gap:8px;margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--rule)}.snew__toast{display:inline-block;margin-top:.75rem;padding:.3rem .6rem;border:1px solid var(--rule);color:var(--ink-3);opacity:.95}.story{display:flex;flex-direction:column;gap:var(--space-5);min-height:calc(100dvh - 200px)}@keyframes step-in-fwd{0%{opacity:0;transform:translate(28px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}.story-end{display:flex;flex-direction:column;gap:var(--space-5);animation:step-in-fwd .54s var(--ease-page) both}.story-end__head{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5)}.story-end__sig{display:flex;align-items:center;gap:8px;color:var(--ink-3);letter-spacing:.08em;font-size:11px}.story-end__title{font-family:var(--font-serif);font-size:var(--t-h1);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:0;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}.story-end__dek{font-style:italic;font-size:19px;color:var(--ink-3);margin:0;line-height:1.5;max-width:50ch}.story-end__stats{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.story-end__stat{display:flex;flex-direction:column;gap:4px}.story-end__stat-num{font-family:var(--font-serif);font-size:56px;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.story-end__stat-unit{font-size:14px;color:var(--ink-3);margin-left:2px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.story-end__stat-rule{width:1px;align-self:stretch;background:var(--rule)}.story__new{display:flex;flex-direction:column;gap:var(--space-4)}.story__new-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.story__new-count{color:var(--ink-3)}.story__new-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.story__new-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}.story__new-item:last-child{border-bottom:0}.story__new-word{grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:8px}.story__new-art{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.05em}.story__new-lemma{font-family:var(--font-serif);font-size:22px;color:var(--ink);letter-spacing:-.01em}.story__new-tx{grid-column:1;grid-row:2;font-family:var(--font-sans);font-size:14px;color:var(--ink-3)}.story__new-add{grid-column:2;grid-row:1 / span 2;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--ink-2);padding:8px 12px;border:1px solid var(--rule);border-radius:var(--r-sm);cursor:pointer;transition:all var(--dur-fast);align-self:center;background:transparent}.story__new-add:hover{border-color:var(--ink);color:var(--ink)}.story__new-add[data-added=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.story__new-add:disabled{opacity:.5;cursor:default}.story__foot{display:flex;flex-wrap:wrap;gap:12px}.story-loading{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:var(--space-7) 0;color:var(--ink-3)}.wpop{position:absolute;z-index:50;min-width:240px;max-width:320px;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-md);padding:14px 16px 12px;box-shadow:var(--shadow-pop);animation:wpop-in .18s var(--ease-out)}@keyframes wpop-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 6px))}to{opacity:1;transform:translate(-50%,-100%)}}.wpop__head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.wpop__article{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em}.wpop__lemma{font-family:var(--font-serif);font-size:22px;color:var(--ink);flex:1;letter-spacing:-.01em}.wpop__audio{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer;flex-shrink:0}.wpop__audio-icon{width:0;height:0;border-left:7px solid var(--paper);border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.wpop__translation{font-family:var(--font-sans);font-size:16px;color:var(--ink);line-height:1.4}.wpop__example{margin-top:10px;padding-top:10px;border-top:1px dashed var(--rule);display:flex;flex-direction:column;gap:3px}.wpop__example-de{font-family:var(--font-serif);font-size:14px;color:var(--ink-2);line-height:1.4}.wpop__example-es{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.wpop__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}.wpop__add{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--ink);cursor:pointer;padding:4px 0;background:none;border:0}.wpop__add:hover,.wpop__add[data-added=true]{color:var(--accent)}.wpop__add:disabled{opacity:.6;cursor:default}.wpop__pos{font-style:italic;color:var(--ink-4)}.wpop__tail{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--paper-2);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.placeholder{display:flex;flex-direction:column;gap:var(--space-5)}.ph__head{margin-top:var(--space-5)}.ph__title{font-family:var(--font-serif);font-size:var(--t-h1);font-weight:400;letter-spacing:var(--tracking-display);margin:var(--space-3) 0;font-style:italic}.ph__dek{font-family:var(--font-serif);font-size:19px;color:var(--ink-2);max-width:48ch;line-height:1.5;margin:0}@media (max-width: 600px){:root{--t-h1: 40px;--t-h2: 28px;--t-display: 64px}.home__greeting{font-size:40px}.story-end__title{font-size:36px}.snew__input{font-size:22px}.home__feature-title{font-size:26px}.story__new-add{padding:6px 10px;font-size:10px}.story__new-lemma{font-size:19px}.story-end__stats{gap:var(--space-4)}.story-end__stat-num{font-size:44px}}*{box-sizing:border-box}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html,body,#root{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-read);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}body{min-height:100vh;background-image:radial-gradient(rgba(26,24,20,.025) 1px,transparent 1px),radial-gradient(rgba(26,24,20,.018) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px}:root[data-theme=dark] body{background-image:radial-gradient(rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.012) 1px,transparent 1px)}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-xs)}button,input,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.k-mono{font-family:var(--font-mono);font-size:var(--t-mark);letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--ink-3);font-weight:500}.k-serif{font-family:var(--font-serif)}.k-rule{height:1px;background:var(--rule);border:0;margin:0}.kapp{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:0}.kframe{width:100%;max-width:480px;background:var(--paper);position:relative;display:flex;flex-direction:column;overflow-x:clip;min-width:0}@media (min-width: 900px){.kapp{padding:48px 24px}.kframe{max-width:1180px;border:1px solid var(--rule);min-height:calc(100vh - 96px)}}.k-masthead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--paper);z-index:10;gap:16px}.k-masthead .lockup{display:flex;align-items:baseline;gap:10px}.k-masthead .lockup .wordmark{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:-.02em;font-style:italic}.k-masthead .lockup .edition{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--ink-3)}.k-masthead nav{display:flex;gap:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;row-gap:4px}.k-masthead nav a{cursor:pointer;padding:4px 0;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.k-masthead nav a:hover{color:var(--ink)}.k-masthead nav a[data-active=true]{color:var(--ink);border-bottom-color:var(--ink)}.k-masthead__theme{font:inherit;cursor:pointer;padding:4px 0;background:none;border:0;color:var(--ink-3);border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);font-style:italic;font-family:var(--font-serif);text-transform:none;letter-spacing:0;font-size:13px;margin-left:4px}.k-masthead__theme:hover{color:var(--ink);border-bottom-color:var(--ink)}.k-masthead__star{display:inline-flex;align-items:center;gap:5px;padding:4px 0;text-decoration:none;color:var(--ink-3);font-family:var(--font-serif);font-style:italic;font-size:13px;border-bottom:1px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);margin-left:4px}.k-masthead__star:hover{color:var(--ink);border-bottom-color:var(--ink)}.k-masthead__star-icon{font-size:15px;line-height:1;font-style:normal;transition:color var(--dur-fast) var(--ease-out)}.k-masthead__star:hover .k-masthead__star-icon{color:var(--accent)}@media (max-width: 600px){.k-masthead{padding:14px 18px;gap:10px}.k-masthead .lockup .edition{display:none}.k-masthead nav{gap:12px}.k-masthead__star-label{display:none}}@media (max-width: 500px){.k-masthead{flex-direction:column;align-items:stretch;gap:6px;padding:12px 18px 10px}.k-masthead nav{justify-content:flex-end;gap:14px}}.k-page{flex:1;padding:28px 22px 80px;animation:page-in var(--dur-slow) var(--ease-page) both;min-width:0}@media (min-width: 900px){.k-page{padding:56px 80px 120px}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.klara-mark{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--ink);position:relative;-webkit-user-select:none;user-select:none;line-height:1}.klara-mark[data-speaking=true]:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:var(--accent);opacity:.18;animation:klara-breath var(--dur-breath) var(--ease-out) infinite}@keyframes klara-breath{0%,to{transform:scale(.85);opacity:0}50%{transform:scale(1.05);opacity:.22}}.klara-mark .glyph{position:relative;z-index:1}.k-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-family:var(--font-sans);font-weight:500;font-size:15px;border-radius:var(--r-sm);background:var(--ink);color:var(--paper);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);cursor:pointer;letter-spacing:-.005em}.k-btn:hover{transform:translateY(-1px)}.k-btn:active{transform:translateY(0)}.k-btn .arrow{font-family:var(--font-serif);font-style:italic;transition:transform var(--dur-fast) var(--ease-out)}.k-btn:hover .arrow{transform:translate(3px)}.k-btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}.k-btn--ghost:hover{border-color:var(--ink);background:var(--paper-2)}.k-btn--accent{background:var(--accent);color:#fff}.k-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--font-sans);font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:1px;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.k-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.k-level{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--lvl-bg);color:var(--lvl-ink);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--tracking-mark);text-transform:uppercase;border-radius:var(--r-sm)}.k-level:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.k-chip{display:inline-flex;align-items:center;padding:8px 14px;background:transparent;border:1px solid var(--rule);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:14px;color:var(--ink-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.k-chip:hover{border-color:var(--ink);color:var(--ink)}.k-chip[data-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.k-hairline{border:0;border-top:1px solid var(--rule);margin:var(--space-6) 0}.k-error{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--accent-ink);padding:10px 12px;border-left:2px solid var(--accent);background:var(--accent-wash)}.k-spinner{display:inline-block;width:14px;height:14px;border:1.5px solid var(--rule);border-top-color:var(--ink);border-radius:50%;animation:k-spin .72s linear infinite}@keyframes k-spin{to{transform:rotate(360deg)}}.ob{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--paper);position:relative}.ob__chrome{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;gap:16px}.ob__exit{background:none;border:0;cursor:pointer;color:var(--ink-3);text-decoration:none;padding:4px 0;transition:color var(--dur-fast)}.ob__exit:hover{color:var(--ink)}.ob__chrome-mark{display:inline-flex;align-items:center;gap:8px}.ob__chrome-label{font-style:italic;color:var(--ink-3);font-family:var(--font-serif);text-transform:none;letter-spacing:0;font-size:14px}.ob__chrome-spacer{width:60px}.ob__main{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:48px;max-width:1200px;width:100%;margin:0 auto;padding:48px 32px 24px;align-items:start}@media (max-width: 1080px){.ob__main{grid-template-columns:110px minmax(0,1fr) 220px;gap:32px}}@media (max-width: 860px){.ob__main{grid-template-columns:minmax(0,1fr);padding:32px 24px}.ob__rail,.ob__margin{display:none}}.ob__rail{position:sticky;top:96px;align-self:start}.ob__rail-inner{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ob__rail-label,.ob__rail-of{color:var(--ink-3);font-size:10px}.ob__rail-numeral{font-family:var(--font-serif);font-style:italic;font-size:88px;font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--ink);text-align:left}.ob__margin{position:sticky;top:96px;align-self:start}.ob__whisper{display:flex;flex-direction:column;gap:12px;padding-left:16px;border-left:1px solid var(--rule);animation:whisper-in .6s var(--ease-out) .2s both}@keyframes whisper-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.ob__whisper-text{margin:0;font-family:var(--font-serif);font-style:italic;font-size:15px;line-height:1.5;color:var(--ink-3);text-wrap:pretty}.ob__content{display:flex;flex-direction:column;min-height:480px;animation:ob-step-in .54s var(--ease-page) both}.ob__main[data-direction=backward] .ob__content{animation-name:ob-step-in-bwd}@keyframes ob-step-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes ob-step-in-bwd{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}.ob-step{display:flex;flex-direction:column;gap:var(--space-6)}.ob-prompt{display:flex;flex-direction:column;gap:var(--space-3)}.ob-prompt__title{font-family:var(--font-serif);font-size:48px;line-height:1.05;letter-spacing:-.02em;font-weight:400;color:var(--ink);margin:0;text-wrap:balance;max-width:18ch}@media (max-width: 860px){.ob-prompt__title{font-size:36px}}.ob-prompt__sub{font-style:italic;font-size:17px;line-height:1.5;color:var(--ink-3);margin:0;max-width:50ch}.ob-prompt__rule{border:0;border-top:1px solid var(--rule);margin:var(--space-3) 0 0}.ob-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--rule);gap:var(--space-3)}.ob-nav__left,.ob-nav__right{display:flex;align-items:center;gap:18px}.ob-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:var(--r-sm);border:0;cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:-.005em;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.ob-btn:hover:not(:disabled){transform:translateY(-1px)}.ob-btn:disabled{opacity:.35;cursor:not-allowed}.ob-btn__arrow{font-style:italic;font-size:16px;transition:transform var(--dur-fast)}.ob-btn:hover:not(:disabled) .ob-btn__arrow{transform:translate(3px)}.ob-btn--lg{padding:16px 28px;font-size:17px}.ob-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;cursor:pointer;color:var(--ink);font-family:var(--font-sans);font-size:15px;border-bottom:1px solid var(--ink);transition:color var(--dur-fast),border-color var(--dur-fast)}.ob-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.ob-link--mute{color:var(--ink-3);border-bottom-color:var(--rule)}.ob-link--mute:hover{color:var(--ink);border-bottom-color:var(--ink)}.ob-link__arrow{font-style:italic}.ob-welcome{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-top:8px}.ob-welcome__mark{margin-bottom:var(--space-3);animation:welcome-mark-in .9s var(--ease-out) both}@keyframes welcome-mark-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.ob-welcome__hello{font-family:var(--font-serif);font-style:italic;font-size:112px;font-weight:400;letter-spacing:-.04em;line-height:.95;margin:0;color:var(--ink);animation:welcome-text-in .9s var(--ease-out) .2s both}@media (max-width: 860px){.ob-welcome__hello{font-size:72px}}@keyframes welcome-text-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ob-welcome__lede{font-family:var(--font-serif);font-size:22px;line-height:1.45;color:var(--ink);margin:0;max-width:36ch;animation:welcome-text-in .9s var(--ease-out) .4s both}.ob-welcome__triad{list-style:none;margin:0;padding:var(--space-3) 0;display:flex;gap:28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;animation:welcome-text-in .9s var(--ease-out) .5s both}.ob-welcome__triad li{display:flex;align-items:baseline;gap:10px;font-family:var(--font-serif);font-size:19px;letter-spacing:-.01em;color:var(--ink)}.ob-welcome__triad li .k-mono{color:var(--ink-3);font-size:11px}.ob-welcome__sub{font-style:italic;font-size:16px;color:var(--ink-3);margin:0;animation:welcome-text-in .9s var(--ease-out) .6s both}.ob-welcome__cta{display:flex;align-items:center;gap:18px;margin-top:var(--space-3);animation:welcome-text-in .9s var(--ease-out) .8s both;flex-wrap:wrap}.ob-welcome__tip{color:var(--ink-4)}.ob-name{gap:var(--space-7)}.ob-name__input-wrap{display:flex;flex-direction:column;gap:8px;position:relative}.ob-name__input{background:transparent;border:0;padding:8px 0 14px;font-family:var(--font-serif);font-size:56px;font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--ink);width:100%;outline:none}.ob-name__input::placeholder{color:var(--ink-4);font-style:italic}.ob-name__rule{height:1px;background:var(--rule);transition:background var(--dur-med) var(--ease-out),height var(--dur-med)}.ob-name__input:focus~.ob-name__rule{background:var(--ink);height:2px}.ob-name__hint{font-style:italic;color:var(--ink-3);text-transform:none;letter-spacing:0;font-family:var(--font-serif);font-size:14px;min-height:1.4em}@media (max-width: 860px){.ob-name__input{font-size:36px}}.ob-lang__sentence{font-family:var(--font-serif);font-size:36px;line-height:1.35;letter-spacing:-.015em;color:var(--ink);margin:0;padding:var(--space-4) 0;text-wrap:balance}@media (max-width: 860px){.ob-lang__sentence{font-size:26px}}.ob-lang__sub{font-style:italic;color:var(--ink-3);font-size:17px;line-height:1.5;max-width:50ch;min-height:1.5em}.ob-isel{display:inline-block;position:relative}.ob-isel__trigger{display:inline-flex;align-items:baseline;gap:6px;background:transparent;border:0;padding:0 0 2px;cursor:pointer;font:inherit;color:var(--ink);position:relative;border-bottom:2px solid var(--ink-3);transition:border-color var(--dur-fast),color var(--dur-fast)}.ob-isel__trigger:hover{border-color:var(--ink);color:var(--accent)}.ob-isel__caret{font-size:.6em;color:var(--ink-3);transition:transform var(--dur-fast)}.ob-isel__trigger[aria-expanded=true] .ob-isel__caret{transform:translateY(2px);color:var(--accent)}.ob-isel__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;list-style:none;margin:0;padding:6px;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:var(--shadow-pop);min-width:220px;animation:isel-in .2s var(--ease-out)}@keyframes isel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ob-isel__opt{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-serif);font-size:18px;color:var(--ink);text-align:left;transition:background var(--dur-fast)}.ob-isel__opt:hover{background:var(--paper-3)}.ob-isel__opt[data-active=true]{background:var(--ink);color:var(--paper)}.ob-isel__opt-sub{color:var(--ink-3);font-size:10px}.ob-isel__opt[data-active=true] .ob-isel__opt-sub{color:color-mix(in oklch,var(--paper) 60%,transparent)}.ob-level__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width: 720px){.ob-level__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ob-level__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 18px 22px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md);cursor:pointer;text-align:left;font-family:inherit;transition:all var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.ob-level__card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:0;transition:opacity var(--dur-fast)}.ob-level__card:hover{border-color:var(--ink);transform:translateY(-1px)}.ob-level__card[data-active=true]{border-color:var(--ink);background:var(--paper-2)}.ob-level__card[data-active=true]:before{opacity:1}.ob-level__code{color:var(--ink-3);font-size:11px;letter-spacing:.08em}.ob-level__card[data-active=true] .ob-level__code{color:var(--accent)}.ob-level__title{font-family:var(--font-serif);font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--ink);line-height:1.2}.ob-level__phrase{font-style:italic;font-size:14px;color:var(--ink-3);line-height:1.45;margin-top:2px}.ob-context__field{display:flex;flex-direction:column;gap:8px}.ob-context__textarea{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px 18px;font-family:var(--font-serif);font-size:18px;line-height:1.55;color:var(--ink);width:100%;outline:none;resize:vertical;min-height:140px;transition:border-color var(--dur-fast)}.ob-context__textarea:focus{border-color:var(--ink)}.ob-context__textarea::placeholder{color:var(--ink-4);font-style:italic}.ob-context__foot{display:flex;justify-content:flex-end}.ob-context__count{color:var(--ink-4)}.ob-pass__fields{display:grid;gap:18px;max-width:420px}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-field__label{color:var(--ink-3)}.ob-field__hint{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--accent)}.ob-input{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-sm);padding:12px 14px;font-family:var(--font-mono);font-size:16px;color:var(--ink);outline:none;transition:border-color var(--dur-fast)}.ob-input:focus{border-color:var(--ink)}.ob-input[data-error=true]{border-color:var(--accent)}.ob-done{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-top:8px}.ob-done__mark{margin-bottom:var(--space-3);animation:welcome-mark-in .9s var(--ease-out) both}.ob-done__title{font-family:var(--font-serif);font-size:64px;line-height:1.05;letter-spacing:-.025em;font-weight:400;margin:0;color:var(--ink);text-wrap:balance;max-width:18ch;animation:welcome-text-in .9s var(--ease-out) .2s both}.ob-done__name{font-style:italic}@media (max-width: 860px){.ob-done__title{font-size:44px}}.ob-done__sub{font-style:italic;font-size:19px;color:var(--ink-3);margin:0;max-width:44ch;line-height:1.5;animation:welcome-text-in .9s var(--ease-out) .4s both}.ob-done__summary{display:flex;flex-direction:column;gap:12px;padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:var(--space-3) 0;min-width:320px;animation:welcome-text-in .9s var(--ease-out) .6s both}.ob-done__row{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.ob-done__row-val{font-family:var(--font-serif);font-size:18px;color:var(--ink);letter-spacing:-.005em}.ob__progress{padding:18px 32px 28px;display:flex;justify-content:center}.ob__pips{display:flex;gap:6px;width:100%;max-width:1200px}.ob__pip{flex:1;height:2px;background:var(--rule);transition:background var(--dur-med)}.ob__pip[data-state=done]{background:var(--ink-2)}.ob__pip[data-state=now]{background:var(--ink)}.ob-error{display:block;padding:10px 12px;border-left:2px solid var(--accent);background:var(--accent-wash);color:var(--accent-ink);font-size:12px;letter-spacing:.02em}.ksentence{flex:1;display:flex;flex-direction:column;gap:22px;padding:28px 48px 40px}.k-chapter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--rule)}.k-chapter__exit{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);justify-self:start;background:none;border:0;padding:0;cursor:pointer}.k-chapter__exit:hover{color:var(--ink)}.k-chapter__title{display:inline-flex;align-items:baseline;gap:8px}.k-chapter__k{font-family:var(--font-serif);font-style:italic;font-size:14px}.k-chapter__name{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}.k-chapter__level{justify-self:end;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2)}.k-prog{display:flex;align-items:center;gap:18px}.k-prog__count{font-family:var(--font-mono);font-size:13px;color:var(--ink-2);letter-spacing:.06em;font-variant-numeric:tabular-nums}.k-prog__slash{color:var(--ink-4);margin:0 2px}.k-prog__track{flex:1;display:flex;gap:6px}.k-prog__pip{flex:1;height:2px;background:var(--rule);transition:background .24s}.k-prog__pip[data-state=done]{background:var(--ink-2)}.k-prog__pip[data-state=now]{background:var(--ink)}.k-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:26px;padding:14px 60px;text-align:center}.k-stage__de{font-family:var(--font-serif);font-size:64px;letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--ink);text-wrap:balance;font-weight:400}.k-stage__es{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--ink-3);margin:0}.k-tok{display:inline;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;transition:box-shadow .22s,background .22s}.k-tok:disabled{cursor:default}.k-tok[data-matched=true]:hover,.k-tok[data-breakdown=true]:hover{color:var(--accent-ink)}.k-tok[data-active=true]{background:var(--paper-3)}.k-tok[data-score=good]{box-shadow:inset 0 -3px #4e9a52}.k-tok[data-score=ok]{box-shadow:inset 0 -3px #d5a13c}.k-tok[data-score=bad]{box-shadow:inset 0 -3px 0 var(--accent);background:var(--accent-wash)}.k-tok-space,.k-tok-punct{white-space:pre}.k-wave{display:flex;flex-direction:column;gap:6px;margin-top:4px}.k-wave__bars{position:relative;height:70px;display:flex;align-items:center;gap:3px;padding:0 4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.k-wave__bar{flex:1;min-width:2px;background:var(--ink-4);border-radius:1px;transition:background .2s}.k-wave__bar[data-active=true]{background:var(--ink)}.k-wave__playhead{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--accent);left:0%;transition:left .2s linear;pointer-events:none}.k-wave__playhead:before{content:"";position:absolute;top:-4px;left:-3px;width:7px;height:7px;background:var(--accent);border-radius:50%}.k-wave__foot{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3);font-variant-numeric:tabular-nums}.k-toolbar{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}.k-tool--speed{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--rule);border-radius:999px;background:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2);cursor:pointer;transition:border-color .14s,color .14s}.k-tool--speed:hover{border-color:var(--ink);color:var(--ink)}.k-tool--play{width:64px;height:64px;border-radius:50%;background:var(--paper-2);border:1.5px solid var(--ink);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s}.k-tool--play:hover{transform:scale(1.04)}.k-tool--play [data-icon=pause],.ksentence[data-state=playing] .k-tool--play [data-icon=play]{display:none}.ksentence[data-state=playing] .k-tool--play [data-icon=pause]{display:inline-block}.k-pause{width:10px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor}.k-tool--mic{display:inline-flex;align-items:center;gap:12px;padding:16px 22px 16px 18px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--font-serif);font-size:17px;font-weight:500;cursor:pointer;transition:transform .14s,background .14s}.k-tool--mic:hover{transform:translateY(-1px)}.k-tool--mic:active{transform:scale(.97)}.k-tri{width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;display:inline-block;margin-left:2px}.k-tri--lg{border-left-width:13px;border-top-width:8px;border-bottom-width:8px}.k-mic{position:relative;width:14px;height:22px;background:currentColor;border-radius:6px;display:inline-block;flex-shrink:0}.k-mic:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:22px;height:10px;border:2px solid currentColor;border-top:0;border-radius:0 0 11px 11px}.k-hint{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--ink-3);margin:0}.k-hint kbd{font-family:var(--font-mono);font-style:normal;font-size:10px;letter-spacing:.06em;padding:2px 6px;border:1px solid var(--rule);border-radius:3px;color:var(--ink-2);margin:0 2px}.k-rec{display:inline-grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:18px 22px;background:var(--accent-wash);border:1px solid color-mix(in oklch,var(--accent) 25%,transparent);border-radius:999px;width:max-content;max-width:100%;margin:0 auto}.k-rec__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.4}}.k-rec__bars{display:flex;align-items:center;gap:3px;height:32px;width:240px}.k-rec__bar{flex:1;min-width:2px;background:var(--accent);border-radius:1px;height:30%;transition:height 60ms linear}.k-rec__lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-weight:500}.k-rec__stop{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink);background:var(--paper);border:1px solid color-mix(in oklch,var(--accent) 40%,transparent);border-radius:999px;padding:6px 12px;cursor:pointer}.k-eval{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;width:max-content;max-width:100%;margin:0 auto}.k-eval__spinner{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink-4);border-top-color:var(--ink);animation:k-eval-spin .8s linear infinite}@keyframes k-eval-spin{to{transform:rotate(360deg)}}.k-eval__lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:500}.k-feedback{display:flex;flex-direction:column;gap:14px;align-items:center;padding:22px;background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;max-width:640px;margin:0 auto}.k-feedback__head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;justify-content:center}.k-feedback__score{font-family:var(--font-serif);font-size:48px;letter-spacing:-.025em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.k-feedback__unit{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin-left:4px}.k-feedback__verdict{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink-2);text-align:left}.k-feedback__verdict em{color:var(--accent-ink);font-style:italic}.k-feedback__legend{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.k-feedback__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule)}.k-feedback__pill:before{content:"";width:6px;height:6px;border-radius:50%}.k-feedback__pill[data-tone=good]:before{background:#4e9a52}.k-feedback__pill[data-tone=ok]:before{background:#d5a13c}.k-feedback__pill[data-tone=bad]:before{background:var(--accent)}.k-feedback__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.k-feedback__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:4px;cursor:pointer}.k-feedback__btn:hover{border-color:var(--ink);color:var(--ink)}.k-feedback__btn--strong{background:var(--ink);border-color:var(--ink);color:var(--paper)}.k-feedback__btn--strong:hover{background:var(--ink);color:var(--paper)}.ksentence [data-show]{display:none}.ksentence[data-state=idle] [data-show~=idle],.ksentence[data-state=playing] [data-show~=playing]{display:flex}.ksentence[data-state=recording] [data-show~=recording]{display:inline-grid}.ksentence[data-state=evaluating] [data-show~=evaluating]{display:inline-flex}.ksentence[data-state=feedback] [data-show~=feedback]{display:flex}.ksentence[data-state=idle] .k-hint{display:block}.k-stepnav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--rule)}.k-stepnav__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);border-radius:4px;background:transparent;color:var(--ink-2);cursor:pointer}.k-stepnav__btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.k-stepnav__btn:disabled{opacity:.35;cursor:not-allowed}.k-stepnav__btn--next{background:var(--ink);border-color:var(--ink);color:var(--paper)}.k-stepnav__btn--next:hover:not(:disabled){background:var(--ink);color:var(--paper)}.k-stepnav__arrow{font-family:var(--font-serif);font-style:italic}@media (max-width: 720px){.ksentence{padding:22px 18px 30px}.k-stage{padding:8px 0;gap:18px}.k-stage__de{font-size:38px}.k-stage__es{font-size:17px}.k-toolbar{flex-wrap:wrap;gap:12px}.k-tool--mic{font-size:15px;padding:14px 18px}.k-feedback__head{flex-direction:column;gap:8px}.k-rec__bars{width:140px}}@media (hover: none) and (pointer: coarse){.k-hint{display:none}}.fin-cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;display:block}.fin-rule{border:0;border-top:1px solid var(--rule);margin:0}.fin-back{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);padding:4px 0;text-decoration:none;background:none;border:0;cursor:pointer}.fin-back:hover{color:var(--ink)}.fin-arr{font-family:var(--font-serif);font-style:italic;transition:transform .14s;display:inline-block}.fin-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-family:var(--font-sans);font-size:15px;font-weight:500;border-radius:4px;border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer;letter-spacing:-.005em;white-space:nowrap;flex-shrink:0;transition:transform .14s,background .14s,border-color .14s}.fin-btn:hover:not(:disabled){transform:translateY(-1px)}.fin-btn:disabled{opacity:.45;cursor:not-allowed}.fin-btn--primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.fin-btn--primary:hover:not(:disabled) .fin-arr{transform:translate(3px)}.fin-btn--ghost:hover:not(:disabled){border-color:var(--ink)}.fin-mic{position:relative;width:11px;height:16px;background:currentColor;border-radius:5px;display:inline-block;flex-shrink:0}.fin-mic:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:17px;height:7px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 9px 9px}.finish-flow{padding:32px 60px 96px;display:flex;flex-direction:column;gap:40px}.fin-hero{display:flex;flex-direction:column;gap:18px;padding-top:8px}.fin-hero__cap{display:inline-flex;align-items:baseline;gap:10px}.fin-hero__k{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink)}.fin-hero__cap-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}.fin-hero__title{font-family:var(--font-serif);font-size:80px;font-weight:400;letter-spacing:-.03em;line-height:1.02;margin:0;color:var(--ink);text-wrap:balance}.fin-hero__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--ink-3)}.fin-hero__meta strong{font-style:normal;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.fin-hero__sep{color:var(--ink-4)}.fin-souvenir{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:12px 0 4px}.fin-souvenir__quote{font-family:var(--font-serif);font-size:56px;font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:1.08;color:var(--ink);margin:0;max-width:22ch;text-wrap:balance}.fin-souvenir__mark{color:var(--ink-4);font-style:italic;margin:0 6px}.fin-souvenir__sub{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink-3);margin:0;max-width:56ch}.fin-souvenir__en{font-family:var(--font-mono);font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--ink-4)}.quiz-hero{display:flex;flex-direction:column;gap:14px}.quiz-hero__title{font-family:var(--font-serif);font-size:52px;font-weight:400;letter-spacing:-.025em;line-height:1.05;margin:0;color:var(--ink);text-wrap:balance}.quiz-hero__sub{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink-3);margin:0;max-width:56ch}.quiz-hero__prog{display:flex;align-items:center;gap:18px;margin-top:8px}.quiz-hero__count{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink-2);font-variant-numeric:tabular-nums}.quiz-hero__slash{color:var(--ink-4);margin:0 2px}.quiz-hero__track{flex:1;display:flex;gap:6px;max-width:280px}.quiz-hero__pip{flex:1;height:2px;background:var(--rule);transition:background .24s}.quiz-hero__pip[data-state=done]{background:var(--ink-2)}.quiz-hero__pip[data-state=now]{background:var(--ink)}.qstage{animation:qcard-in .38s cubic-bezier(.2,.7,.2,1) both}@keyframes qcard-in{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}.qcard{background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:28px 36px 24px;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}.qcard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ink)}.qcard__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.qcard__body{display:flex;flex-direction:column;gap:22px}.qcard__prompt{font-family:var(--font-serif);font-size:22px;line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin:0;text-wrap:pretty}.qcard__prompt--lg{font-size:28px;line-height:1.25}.qcard__opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.qcard__opt{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:6px;cursor:pointer;text-align:left;transition:border-color .14s,background .14s,color .14s,transform .14s;font-family:inherit}.qcard__opt:hover:not(:disabled){border-color:var(--ink-3);transform:translate(2px)}.qcard__opt:disabled{cursor:default}.qcard__opt-letter{width:26px;height:26px;border-radius:50%;border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);flex-shrink:0}.qcard__opt-text{flex:1;font-family:var(--font-serif);font-size:18px;line-height:1.3;color:var(--ink);letter-spacing:-.005em}.qcard__opt-mark{flex-shrink:0;font-family:var(--font-serif);font-size:18px;font-style:italic}.qcard__opt[data-state=correct]{background:color-mix(in oklch,oklch(.62 .13 145) 10%,var(--paper-2));border-color:#4e9a52;box-shadow:inset 3px 0 #4e9a52}.qcard__opt[data-state=correct] .qcard__opt-letter{background:#4e9a52;border-color:#4e9a52;color:var(--paper)}.qcard__opt[data-state=correct] .qcard__opt-mark{color:#135d1d}.qcard__opt[data-state=wrong]{background:var(--accent-wash);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.qcard__opt[data-state=wrong] .qcard__opt-letter{background:var(--accent);border-color:var(--accent);color:var(--paper)}.qcard__opt[data-state=wrong] .qcard__opt-mark{color:var(--accent-ink)}.qcard__opt[data-state=reveal]{background:var(--paper-2);border-color:#4e9a52;border-style:dashed}.qcard__opt[data-state=reveal] .qcard__opt-letter{border-color:#4e9a52;color:#135d1d}.qcard__opt[data-state=reveal] .qcard__opt-mark{color:#135d1d}.qcard__opt[data-state=muted]{opacity:.35}.qcard__klara-line{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--ink-3);margin:0}.qcard__cloze{font-family:var(--font-serif);font-size:44px;font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:0;text-wrap:pretty}.qcard__en{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink-3);margin:0}.qcard__blank{display:inline-flex;align-items:baseline;justify-content:center;min-width:6ch;padding:0 .2em;margin:0 .05em;border-radius:4px;vertical-align:baseline;transition:all .28s cubic-bezier(.2,.7,.2,1)}.qcard__blank-rule{display:inline-block;width:5ch;height:.08em;background:var(--ink-3);vertical-align:middle;position:relative;top:-.18em}.qcard__blank[data-state=correct]{background:color-mix(in oklch,oklch(.62 .13 145) 14%,transparent);box-shadow:inset 0 -3px #4e9a52;color:var(--ink)}.qcard__blank[data-state=revealed]{background:var(--accent-wash);box-shadow:inset 0 -3px 0 var(--accent);color:var(--accent-ink)}.qcard__shadow-head{display:flex;gap:18px;align-items:flex-start}.qcard__shadow-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.qcard__shadow-sentence{font-family:var(--font-serif);font-size:36px;font-weight:400;letter-spacing:-.015em;line-height:1.2;color:var(--ink-3);margin:0;text-wrap:pretty}.qcard__shadow-sentence[data-played=true]{color:var(--ink)}.qcard__shadow-tok{display:inline;transition:box-shadow .22s,background .22s}.qcard__shadow-tok[data-score=good]{box-shadow:inset 0 -3px #4e9a52}.qcard__shadow-tok[data-score=ok]{box-shadow:inset 0 -3px #d5a13c}.qcard__shadow-tok[data-score=bad]{box-shadow:inset 0 -3px 0 var(--accent);background:var(--accent-wash)}.qcard__shadow-result{display:flex;flex-direction:column;gap:10px;width:100%}.qcard__shadow-legend{display:flex;gap:6px;flex-wrap:wrap}.qcard__leg{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule)}.qcard__leg:before{content:"";width:6px;height:6px;border-radius:50%}.qcard__leg[data-tone=good]:before{background:#4e9a52}.qcard__leg[data-tone=ok]:before{background:#d5a13c}.qcard__leg[data-tone=bad]:before{background:var(--accent)}.qcard__play{width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:0;transition:transform .14s}.qcard__play:hover{transform:scale(1.04)}.qcard__play[data-on=true]{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}.qcard__play-tri{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.qcard__foot{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px dashed var(--rule)}.qcard__voicebar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.qcard__after{margin:0;font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1.45;color:var(--ink-2);max-width:64ch}.qcard__next{align-self:flex-end}.qcard__hint{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink-3);flex:1}.qcard__actions{display:flex;align-items:center;gap:12px}.qcard__ghost{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:none;border:0;padding:8px 4px;cursor:pointer}.qcard__ghost:hover{color:var(--ink)}.qcard__mic{display:inline-flex;align-items:center;gap:10px;padding:14px 22px 14px 20px;border-radius:999px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);font-family:var(--font-serif);font-size:16px;font-weight:500;cursor:pointer;transition:transform .14s}.qcard__mic:hover:not(:disabled){transform:translateY(-1px)}.qcard__mic:disabled{opacity:.45;cursor:not-allowed}.qcard__rec{display:inline-grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 20px;background:var(--accent-wash);border:1px solid color-mix(in oklch,var(--accent) 30%,transparent);border-radius:999px;margin:0 auto;min-width:320px}.qcard__rec-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:qcard-pulse 1.1s ease-in-out infinite}@keyframes qcard-pulse{0%,to{opacity:1}50%{opacity:.4}}.qcard__rec-bars{display:flex;align-items:center;gap:3px;height:24px;width:200px}.qcard__rec-bar{flex:1;min-width:2px;background:var(--accent);border-radius:1px;height:30%;transition:height 60ms linear}.qcard__rec-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.qcard__eval{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--paper);border:1px solid var(--rule);border-radius:999px;margin:0 auto}.qcard__eval-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-4);border-top-color:var(--ink);animation:qcard-spin .8s linear infinite}@keyframes qcard-spin{to{transform:rotate(360deg)}}.qcard__eval-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.qcard__result{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%}.qcard__verdict{font-family:var(--font-serif);font-size:18px;color:var(--ink);flex:1;min-width:0}.qcard__verdict em{font-style:italic}.fin-back-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.fin-back--right{border:0;background:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);cursor:pointer;padding:4px 0}.fin-back--right:hover{color:var(--ink)}.fin-twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}.fin-sched{display:flex;flex-direction:column;gap:16px}.fin-sched__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:4px}.fin-sched__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}.fin-sched__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.fin-sched__item{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.4fr) auto;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px dashed var(--rule)}.fin-sched__item:last-child{border-bottom:0}.fin-sched__word{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fin-sched__art{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em}.fin-sched__lemma{font-family:var(--font-serif);font-size:22px;color:var(--ink);letter-spacing:-.01em}.fin-sched__tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--accent-ink);text-transform:uppercase;padding:2px 6px;background:var(--accent-wash);border-radius:3px}.fin-sched__tx{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink-3)}.fin-sched__next{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.fin-sched__next-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-3)}.fin-sched__item[data-struggled] .fin-sched__next-dot{background:var(--accent)}.fin-sched__item[data-struggled] .fin-sched__next{color:var(--ink)}.fin-insight{display:flex;flex-direction:column;gap:14px;padding-top:4px}.fin-insight__title{font-family:var(--font-serif);font-size:26px;font-weight:400;letter-spacing:-.015em;line-height:1.15;color:var(--ink);margin:0;font-style:italic}.fin-insight__body{font-family:var(--font-serif);font-size:16px;line-height:1.55;color:var(--ink-2);margin:0;max-width:38ch}.fin-insight__skeleton{display:flex;flex-direction:column;gap:10px;padding:4px 0}.fin-insight__skeleton-row{height:12px;border-radius:2px;background:var(--paper-3);animation:fin-skel-pulse 1.4s ease-in-out infinite}.fin-insight__skeleton-row:nth-child(1){width:60%}.fin-insight__skeleton-row:nth-child(2){width:95%}.fin-insight__skeleton-row:nth-child(3){width:88%}.fin-insight__skeleton-row:nth-child(4){width:72%}@keyframes fin-skel-pulse{0%,to{opacity:.7}50%{opacity:.35}}.fin-note{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:12px 0;text-align:right}.fin-note__body{font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.4;color:var(--ink-2);margin:0;max-width:50ch}.fin-note__open,.fin-note__close{color:var(--ink-4);margin:0 4px}.fin-note__sign{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--ink-3);margin:0;letter-spacing:.04em}.fin-note__skeleton{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:12px 0;width:100%}.fin-note__skeleton-row{height:20px;border-radius:3px;background:var(--paper-3);animation:fin-skel-pulse 1.4s ease-in-out infinite;width:60%;max-width:50ch}.fin-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:8px}@media (max-width: 980px){.fin-note{align-items:flex-start;text-align:left}.fin-note__skeleton{align-items:flex-start}.fin-note__skeleton-row{width:90%}.finish-flow{padding:24px 22px 80px;gap:32px}.fin-hero__title{font-size:56px}.fin-souvenir__quote,.quiz-hero__title{font-size:38px}.qcard{padding:22px 20px}.qcard__cloze{font-size:32px}.qcard__shadow-sentence{font-size:26px}.qcard__prompt--lg{font-size:22px}.qcard__opt{padding:14px 16px}.qcard__opt-text{font-size:16px}.fin-twocol{grid-template-columns:1fr;gap:36px}.fin-sched__item{grid-template-columns:1fr;gap:4px}.fin-sched__next{align-self:flex-start}}