:root{--bg: #18191b;--panel: #24262a;--panel-2: #2e3035;--cap: #111214;--ink: #ffffff;--soft: #a9adb4;--faint: #6f737a;--line: #36383d;--y: #ffd23f;--y-ink: #1d1d1f;--red: #ff5a5a;--radius: 26px;font-family:Atkinson Hyperlegible,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);min-height:100%}body{font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:3px solid var(--y);outline-offset:3px;border-radius:12px}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:0 20px calc(110px + env(safe-area-inset-bottom));position:relative}.screen{padding-top:max(18px,env(safe-area-inset-top))}.top{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:18px}.top h1{font-size:19px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{margin-left:auto;display:flex;align-items:center;gap:8px}.mark{height:20px;width:auto}.wordmark{height:13px;width:auto;opacity:.92}.round{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:var(--panel);color:var(--soft);transition:background .15s,color .15s}.round:hover{color:var(--ink);background:var(--panel-2)}.round.small{width:44px;height:44px}.round.big{width:64px;height:64px}.round.yellow{background:var(--y);color:var(--y-ink)}.round.yellow:hover{background:#ffdc66;color:var(--y-ink)}.pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;background:var(--panel);font-weight:700;font-size:14px}.pill.ghost{background:transparent;border:0;color:var(--soft)}.pill.ghost:hover{color:var(--ink);border-color:var(--soft)}.pill.danger:hover{color:var(--red);border-color:var(--red)}.home-center{min-height:calc(100dvh - 250px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.mic{position:relative;width:148px;height:148px;border-radius:50%;display:grid;place-items:center}.mic:before,.mic:after{content:"";position:absolute;border-radius:50%;border:2px solid var(--y)}.mic:before{top:0;right:0;bottom:0;left:0;opacity:.25}.mic:after{top:14px;right:14px;bottom:14px;left:14px;opacity:.5}.mic:not(.loading):hover:before{animation:breathe 1.6s ease-out infinite}.mic-core{width:96px;height:96px;border-radius:50%;background:var(--y);color:var(--y-ink);display:grid;place-items:center;box-shadow:none}.mic.loading:before,.mic.loading:after{opacity:.12}.ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--panel);stroke-width:4}.ring-fill{fill:none;stroke:var(--y);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .2s}@keyframes breathe{0%{transform:scale(1);opacity:.35}to{transform:scale(1.12);opacity:0}}.hint{color:var(--faint);font-size:14px;min-height:20px}.hint.small{font-size:12px;min-height:0;margin-top:-8px}.chips{display:flex;gap:22px;color:var(--faint)}.chip{width:40px;height:40px;border-radius:50%;background:transparent;color:var(--faint);display:grid;place-items:center;align-content:center;gap:2px}.chip small{display:none}.rec{display:inline-flex;align-items:center;gap:8px;color:var(--soft);font-variant-numeric:tabular-nums;font-size:15px}.rec i{width:10px;height:10px;border-radius:50%;background:var(--faint)}.rec.on i{background:var(--red);animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.captions{background:var(--cap);border-radius:var(--radius);padding:22px 22px 26px;height:min(58dvh,520px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;font-weight:700;letter-spacing:-.005em;scrollbar-width:none}.captions.page{height:auto;max-height:none}.captions.s1{font-size:20px;line-height:1.35}.captions.s2{font-size:24px;line-height:1.32}.captions.s3{font-size:34px;line-height:1.22}.captions .empty{color:var(--faint);font-weight:400;font-size:18px;margin:auto}.line{position:relative;padding-right:40px}.line.partial{color:#ffffff8c}.line.fixed{color:var(--ink)}.line .fix{position:absolute;right:0;top:2px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--faint);background:transparent}.line .fix:hover{color:var(--ink);background:var(--panel)}.line.fixed .fix{color:var(--y)}.line.editing{display:grid;gap:10px;padding:0}.line textarea:focus-visible{outline:none}.line textarea{width:100%;resize:vertical;font:inherit;color:var(--ink);background:var(--panel);border:2px solid var(--y);border-radius:18px;padding:12px 14px}.line-actions{display:flex;justify-content:flex-end;gap:10px}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:52px;margin:14px 0 6px}.wave i{width:5px;border-radius:3px;background:var(--faint);transition:height .1s}.wave.live i{background:var(--soft)}.wave.yellow{height:30px;margin:0;justify-content:flex-start;gap:3px}.wave.yellow i{width:4px;background:var(--y)}.controls{display:flex;align-items:center;justify-content:center;gap:20px}.round.learned{position:relative}.round.learned em{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--y);color:var(--y-ink);font-style:normal;font-size:12px;font-weight:700;display:grid;place-items:center}.search{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;background:var(--panel);color:var(--soft);margin-bottom:16px}.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:inherit}.card{display:flex;align-items:center;gap:14px;background:var(--panel);border-radius:24px;padding:16px 18px;margin-bottom:12px}.card:hover{background:var(--panel-2)}.card .wave{width:110px;flex:none}.card-text{display:grid;min-width:0}.card-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-text small,.dur{color:var(--soft);font-size:13px}.dur{margin-left:auto;font-variant-numeric:tabular-nums}.blank{display:grid;place-items:center;gap:12px;color:var(--faint);padding:70px 0;text-align:center}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.stat{background:var(--panel);border-radius:22px;padding:16px 14px;display:grid;gap:2px}.stat b{font-size:24px;line-height:1}.stat small{color:var(--soft);font-size:13px}.label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--soft);margin:6px 0 12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tag{padding:8px 14px;border-radius:999px;background:var(--panel);font-size:15px}.tag.faint{background:transparent;border:1.5px dashed var(--line);color:var(--soft)}.rules{list-style:none;padding:0;display:grid;gap:8px;margin-bottom:26px}.rules li{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:999px;padding:10px 16px}.rules s{color:var(--faint)}.rules svg{color:var(--y)}.note{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:14px;margin-bottom:18px}.hero-num{display:grid;place-items:center;text-align:center;width:176px;height:176px;margin:6px auto 18px;border-radius:50%;border:6px solid var(--y);align-content:center}.hero-num b{font-size:34px;line-height:1;letter-spacing:-.02em}.hero-num small{color:var(--soft);font-size:13px;max-width:120px;margin-top:6px}.duo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.duo div{background:var(--panel);border-radius:22px;padding:14px;display:grid;gap:2px}.duo b{font-size:22px}.duo small{color:var(--soft);font-size:12px;line-height:1.3}.bars{display:grid;gap:12px;margin-bottom:22px}.bar-row{display:grid;grid-template-columns:84px 1fr 74px;align-items:center;gap:10px}.who{display:grid;line-height:1.2}.who b{font-size:14px}.who small{color:var(--faint);font-size:12px}.bar-track{position:relative;height:14px;border-radius:999px;background:var(--cap)}.bar-track i{position:absolute;left:0;top:0;bottom:0;border-radius:999px}.bar-track .before{background:var(--panel-2)}.bar-track .after{background:var(--y)}.num{font-size:12px;color:var(--soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.credit{color:var(--faint);font-size:12px;margin-top:14px;text-align:center}.credit a{text-decoration:underline;text-underline-offset:2px}.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(360px,calc(100% - 40px));height:56px;border-radius:999px;background:#24262aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:space-around;align-items:center;box-shadow:0 12px 40px #00000059;z-index:10}.dock a{width:56px;height:48px;display:grid;place-items:center;color:var(--soft);border-radius:999px}.dock a:hover{color:var(--ink)}.dock a.on{color:var(--y)}.toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--y);color:var(--y-ink);font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;z-index:20;animation:drop .25s ease-out}@keyframes drop{0%{transform:translate(-50%,-12px);opacity:0}}.foot{text-align:center;color:var(--faint);font-size:12px;padding:30px 0 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.pill.demo{display:flex;margin:0 auto 26px;background:var(--y);color:var(--y-ink)}