:root{--yellow:#ffd21e;--bg:#0b0b0f;--text:#fff;--muted:#b9b9c9;--meta:#8e8ea3;--panel:#15151c;--panel-line:#2a2a36;--panel-shadow:none;--field:#0f0f15;--field-line:#2f2f3c;--chip-bg:#1d1d26;--chip-line:transparent;--ex-bg:transparent;--ex-line:#33333f;--ex-text:#d3d3e0;--voice-bg:#1d1d26;--voice-on-bg:#1d1d26;--voice-on-line:var(--yellow);--avatar-bg:#1d1d26;--big-text:var(--yellow);--marker:none;--accent-text:var(--yellow);--focus:var(--yellow);--on-yellow:#0b0b0f;--wave-on:var(--yellow);--wave-off:#2c2c38;--loader-fill:var(--yellow);--err-text:#ffb4a3;--err-bg:#2a1712;--info-bg:#1d1d26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#faf8f2;--text:#121212;--muted:#5f5d57;--meta:#77746c;--panel:#fff;--panel-line:#e7e3d8;--panel-shadow:0 20px 40px -24px #3c321440;--field:#fbfaf6;--field-line:#e4e0d4;--chip-bg:#fff;--chip-line:#e4e0d4;--ex-bg:#fff;--ex-line:#e0dccf;--ex-text:#3d3b36;--voice-bg:#f2efe6;--voice-on-bg:#fff;--voice-on-line:#121212;--avatar-bg:#f2efe6;--big-text:#121212;--marker:linear-gradient(transparent 58%, var(--yellow) 58%, var(--yellow) 92%, transparent 92%);--accent-text:#121212;--focus:#121212;--on-yellow:#121212;--wave-on:#121212;--wave-off:#e6e2d6;--loader-fill:#121212;--err-text:#8a1c0a;--err-bg:#fdecea;--info-bg:#f2efe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#faf8f2;--text:#121212;--muted:#5f5d57;--meta:#77746c;--panel:#fff;--panel-line:#e7e3d8;--panel-shadow:0 20px 40px -24px #3c321440;--field:#fbfaf6;--field-line:#e4e0d4;--chip-bg:#fff;--chip-line:#e4e0d4;--ex-bg:#fff;--ex-line:#e0dccf;--ex-text:#3d3b36;--voice-bg:#f2efe6;--voice-on-bg:#fff;--voice-on-line:#121212;--avatar-bg:#f2efe6;--big-text:#121212;--marker:linear-gradient(transparent 58%, var(--yellow) 58%, var(--yellow) 92%, transparent 92%);--accent-text:#121212;--focus:#121212;--on-yellow:#121212;--wave-on:#121212;--wave-off:#e6e2d6;--loader-fill:#121212;--err-text:#8a1c0a;--err-bg:#fdecea;--info-bg:#f2efe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Archivo,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation}.mono,.facts,.wmeta{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.root{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:20px 48px;max-width:1440px;min-height:100vh;margin:0 auto;padding:40px 48px;display:grid}.hero{min-width:0}.big{letter-spacing:-.03em;color:var(--big-text);margin:-4px 0 0;font-size:clamp(140px,32.6vh,260px);font-weight:900;font-stretch:62%;line-height:.82}.big-num,.big-unit{background:var(--marker);width:-moz-fit-content;width:fit-content;margin-left:-4px;padding:0 4px;display:block}.topbar{grid-column:1/-1;align-items:center;gap:16px;min-width:0;display:flex}.theme-btn{border:1px solid var(--chip-line);background:var(--chip-bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;margin-left:auto;display:grid}.theme-btn svg{width:20px;height:20px}.theme-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.big small{letter-spacing:-.01em;color:var(--text);margin-top:14px;font-size:clamp(26px,5.3vh,40px);font-weight:700;font-stretch:100%;line-height:1.1;display:block}.facts{min-width:0;color:var(--muted);font-size:15px}.chip{border:1px solid var(--chip-line);background:var(--chip-bg);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 10px;text-decoration:none;display:inline-flex}.chip .hf{font-size:20px}.app{background:var(--panel);border:1px solid var(--panel-line);min-width:0;box-shadow:var(--panel-shadow);border-radius:24px;flex-direction:column;align-self:stretch;gap:16px;padding:24px;display:flex}.quote{overflow-wrap:anywhere;min-height:1.12em;margin:0;font-size:30px;font-weight:700;line-height:1.12}.quote .on{color:var(--on-yellow);background:var(--yellow);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;margin:0 -4px;padding:0 4px}.quote.long{font-size:22px}.quote.longer{font-size:17px;line-height:1.25}.wavebox{position:relative}canvas.w{width:100%;height:76px;display:block}.loader{background:var(--panel);color:var(--muted);flex-direction:column;justify-content:center;gap:10px;font:500 13px JetBrains Mono,monospace;display:flex;position:absolute;inset:0}.loader[hidden]{display:none}.loader-track{background:var(--wave-off);border-radius:3px;height:6px;overflow:hidden}.loader-fill{background:var(--loader-fill);width:0;height:100%;transition:width .15s linear;display:block}.wmeta{color:var(--meta);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:-10px 0 -8px;font-size:12px;display:flex}.meta-right{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.meta-btn{min-height:44px;color:var(--meta);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0 -8px;padding:0 8px}.meta-right .meta-btn{margin-right:-8px}.meta-btn:disabled{cursor:default;opacity:.55}.meta-btn:not(:disabled){color:var(--ex-text)}textarea{border:1.5px solid var(--field-line);background:var(--field);min-height:76px;color:var(--text);resize:none;border-radius:14px;outline:none;padding:12px 14px;font:500 17px/1.35 Archivo,sans-serif}textarea:focus-visible{border-color:var(--focus)}.examples{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.ex{border:1px solid var(--ex-line);background:var(--ex-bg);min-height:32px;color:var(--ex-text);cursor:pointer;text-align:left;border-radius:999px;padding:0 11px;font:500 13px Archivo,sans-serif}.notice{color:var(--err-text);background:var(--err-bg);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:8px 12px;font-size:13px;line-height:1.45}.notice.info{color:var(--muted);background:var(--info-bg)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.voices{gap:8px;display:flex}.voice{background:var(--voice-bg);min-height:48px;color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 15px 0 5px;font:700 16px Archivo,sans-serif;display:flex}.voice.on{border-color:var(--voice-on-line);background:var(--voice-on-bg)}.voice canvas{width:36px;height:36px;image-rendering:pixelated;border-radius:50%}.speak{background:var(--yellow);min-height:48px;color:var(--on-yellow);cursor:pointer;border:0;border-radius:999px;margin-left:auto;padding:0 24px;font:900 17px Archivo,sans-serif}.speak:disabled{opacity:.6;cursor:progress}.speak:active{transform:translateY(1px)}:is(.speak,.voice,.ex,.chip,.meta-btn):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.ex:hover,.chip:hover{border-color:var(--focus)}.voice:not(.on):hover{border-color:var(--ex-line)}.meta-btn:not(:disabled):hover{color:var(--accent-text);text-decoration:underline}}@media (min-width:901px) and (max-height:620px){.big{font-size:140px}}@media (max-width:900px){.root{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:20px;max-width:640px;padding:20px 16px 24px}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"chip theme""facts facts";gap:8px 12px;display:grid}.chip{grid-area:chip;justify-self:start;max-width:100%}.topbar .facts{grid-area:facts}.theme-btn{grid-area:theme;margin-left:0}.big{flex-wrap:wrap;align-items:baseline;column-gap:12px;margin:0;font-size:64px;line-height:.9;display:flex}.big-num,.big-unit{display:inline-block}.big small{flex-basis:100%;margin-top:6px;font-size:20px}.desk{display:none}.facts{font-size:13px}.app{border-radius:20px;gap:14px;padding:18px}.quote{font-size:24px}.quote.long{font-size:19px}.quote.longer{font-size:16px}.ex{min-height:44px;font-size:14px}textarea{font-size:17px}.speak{flex:1 0 auto}}@media (max-width:380px){.big{font-size:54px}.row{gap:6px}.voice{padding-right:12px}.speak{padding:0 16px}}@media (prefers-reduced-motion:reduce){.loader-fill{transition:none}}