:root{--bg-0: #06090d;--bg-1: #0b1118;--bg-2: #0f1a26;--panel-glass: rgba(16, 26, 38, .42);--panel-border: rgba(56, 243, 255, .12);--panel-blur: 14px;--accent-cyan: #38f3ff;--accent-lime: #9dff4a;--accent-pink: #ff64ff;--accent-amber: #ffb020;--accent-red: #ff4d5a;--text-primary: rgba(220, 240, 255, .92);--text-dim: rgba(150, 185, 210, .55);--text-label: rgba(100, 150, 180, .7);--glow-cyan-sm: 0 0 8px rgba(56, 243, 255, .5);--glow-cyan-md: 0 0 16px rgba(56, 243, 255, .6), 0 0 32px rgba(56, 243, 255, .2);--glow-lime-sm: 0 0 8px rgba(157, 255, 74, .5);--glow-pink-sm: 0 0 8px rgba(255, 100, 255, .6);--glow-amber-sm: 0 0 8px rgba(255, 176, 32, .5);--header-height: 68px;--panel-width: 300px;--radius: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:.04em}.route-stage{flex:1;overflow:auto;padding:24px;background:radial-gradient(circle at top left,rgba(255,159,207,.1),transparent 22%),radial-gradient(circle at top right,rgba(108,239,255,.08),transparent 24%),linear-gradient(180deg,#050a10fa,#080d14fa)}.route-stage__inner{width:min(1380px,100%);margin:0 auto}.glow-cyan{color:var(--accent-cyan);text-shadow:var(--glow-cyan-md)}.glow-lime{color:var(--accent-lime);text-shadow:var(--glow-lime-sm)}.glow-pink{color:var(--accent-pink);text-shadow:var(--glow-pink-sm)}.glow-amber{color:var(--accent-amber);text-shadow:var(--glow-amber-sm)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#38f3ff2e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#38f3ff66}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.route-stage{padding:10px}}:root{--font-ui: "Chakra Petch", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ink: rgba(238, 246, 255, .96);--ink-2: rgba(186, 208, 228, .8);--ink-3: rgba(150, 178, 202, .58);--glass: rgba(9, 15, 24, .66);--glass-strong: rgba(9, 15, 24, .9);--glass-border: rgba(150, 220, 255, .13);--glass-edge: rgba(255, 255, 255, .07);--cyan: #38f3ff;--lime: #9dff4a;--pink: #ff64ff;--amber: #ffb020;--rec: #ff3b4b;--rec-soft: #ff6b75;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--ink);font-family:var(--font-body);font-size:15px;letter-spacing:normal;background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(24,58,92,.35),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(56,243,255,.08),transparent 60%),#04070c;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.home:before{content:"";position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%;opacity:.8;box-shadow:8vw 12vh #ffffff8c,17vw 71vh #ffffff59,27vw 33vh #fff6,36vw 88vh #ffffff4d,44vw 8vh #ffffff80,53vw 62vh #ffffff40,61vw 22vh #ffffff73,69vw 79vh #ffffff59,78vw 41vh #ffffff80,86vw 14vh #ffffff4d,93vw 67vh #ffffff73,4vw 52vh #ffffff4d,12vw 93vh #fff6,22vw 5vh #ffffff59,31vw 58vh #ffffff4d,40vw 27vh #fff6,48vw 96vh #ffffff4d,57vw 44vh #ffffff40,65vw 3vh #ffffff80,73vw 55vh #ffffff4d,82vw 91vh #fff6,90vw 30vh #ffffff59,97vw 84vh #ffffff4d,2vw 25vh #ffffff73,15vw 40vh #ffffff40,25vw 83vh #ffffff59,34vw 16vh #ffffff4d,46vw 74vh #fff6,59vw 90vh #ffffff4d,67vw 35vh #ffffff59,76vw 6vh #ffffff73,84vw 58vh #ffffff4d,95vw 45vh #fff6,10vw 64vh 1px #a0dcff59,50vw 50vh 1px #a0dcff33,71vw 18vh 1px #a0dcff59,88vw 76vh 1px #a0dcff4d,38vw 45vh 1px #a0dcff33,20vw 20vh 1px #a0dcff4d;pointer-events:none}:where(.home,.subpage__bar) :where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;letter-spacing:inherit}:where(.home) :where(button:disabled){cursor:default}.home :focus-visible,.subpage__bar :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.home h1,.home h2,.home p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home__globe,.globe-mount{position:absolute;top:0;right:0;bottom:0;left:0}.home__globe{z-index:1}.home .float-tooltip-kap{padding:0;border-radius:12px;background:transparent;font-family:var(--font-body)}.globe-tooltip{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 10px 30px #00000073;color:var(--ink);white-space:nowrap}.globe-tooltip strong{font-family:var(--font-ui);font-size:14px;font-weight:600}.globe-tooltip span{font-size:12px;color:var(--ink-3)}.topbar{position:absolute;top:0;left:0;right:0;z-index:42;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(var(--safe-top) + 14px) 14px 28px 16px;background:linear-gradient(180deg,rgba(4,7,12,.85),rgba(4,7,12,.45) 60%,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand__mark{font-size:26px;line-height:1;filter:drop-shadow(0 0 10px rgba(157,255,74,.35))}.brand__text{min-width:0}.brand__title{font-family:var(--font-ui);font-size:17px;font-weight:700;letter-spacing:.08em;line-height:1.05;text-transform:uppercase;color:#f4fbff;text-shadow:0 0 22px rgba(56,243,255,.35)}.brand__tagline{margin-top:4px;font-size:12.5px;color:var(--ink-2)}.topbar__right{display:flex;align-items:center;gap:10px;flex:none}.topbar__stats{display:none;align-items:center;font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap}.live-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#ffffff40;flex:none}.live-dot.is-live{background:var(--lime);box-shadow:0 0 10px #9dff4acc;animation:livePulse 2.4s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.45}}.topbar__stats--inline{display:flex;margin-top:6px;font-size:12.5px}.home--compact .brand__tagline{display:none}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;color:var(--ink-2);transition:background .15s ease,color .15s ease,transform .15s ease}.icon-button:hover{background:#ffffff14;color:var(--ink)}.icon-button:active{transform:scale(.94)}.icon-button--accent{color:var(--cyan);background:#38f3ff1a}.icon-button--accent:hover{color:#bff9ff;background:#38f3ff2e}.icon-button--glass{width:42px;height:42px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff0a;font-family:var(--font-ui);font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pill-button:hover{background:#ffffff14;border-color:#96dcff40}.pill-button:active{transform:scale(.97)}.pill-button:disabled{opacity:.45}.pill-button--accent{border-color:#38f3ff59;background:#38f3ff1a;color:#bff9ff}.pill-button--danger{color:#ffb3b9;border-color:#ff4d5a4d}.pill-button--danger.is-armed{background:var(--rec);border-color:var(--rec);color:#fff}.pill-button--record{background:linear-gradient(180deg,#ff5864,#e2283b);border-color:transparent;color:#fff;box-shadow:0 10px 30px -8px #ff3b4bb3}.pill-button--ghost{background:transparent}.link-button{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.big-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;padding:0 20px;border-radius:16px;font-family:var(--font-ui);font-size:17px;font-weight:700;letter-spacing:.02em;transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease}.big-button:active{transform:scale(.98)}.big-button:disabled{opacity:.55}.big-button--post{background:linear-gradient(120deg,#b6ff6a,#54f0ff);color:#03131b;box-shadow:0 14px 34px -10px #78ffbea6,inset 0 1px #ffffff80}.big-button--record{background:linear-gradient(180deg,#ff5864,#e2283b);color:#fff;box-shadow:0 14px 34px -10px #ff3b4bbf,inset 0 1px #ffffff4d}.chip{height:30px;min-width:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);transition:all .15s ease}.chip:hover{border-color:#ff64ff59}.chip.is-active{border-color:#ff64ff99;background:#ff64ff29;color:#ffd6ff}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge--lime{margin-left:6px;background:#9dff4a24;color:var(--lime)}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.segmented button{height:28px;padding:0 11px;border-radius:999px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink-3);transition:background .15s ease,color .15s ease}.segmented button.is-active{background:#ffffff1f;color:var(--ink)}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;opacity:.9}.spinner--sm{width:14px;height:14px;border-width:2px}.spinner--lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.sheet-layer--recorder,.sheet-layer--about{z-index:45}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0205098c;opacity:0;transition:opacity .42s ease;pointer-events:auto}.sheet-layer.is-open .sheet-backdrop{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100% - var(--safe-top) - 24px);padding-bottom:var(--safe-bottom);border-radius:26px 26px 0 0;border:1px solid var(--glass-border);border-bottom:none;background:linear-gradient(180deg,#0e1723f0,#080d15f7);box-shadow:0 -18px 60px #00000080,inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);transform:translate3d(0,105%,0);transition:transform .5s var(--ease-sheet);pointer-events:auto;overflow:hidden;will-change:transform}.sheet-layer.is-open .sheet{transform:translateZ(0)}.sheet.is-dragging{transition:none}.sheet__grip{flex:none;display:grid;place-items:center;height:28px;touch-action:none;cursor:grab}.sheet__handle{width:42px;height:5px;border-radius:3px;background:#fff3}.sheet--list{height:min(78%,680px)}.sheet--card{max-height:72%}.rlist{display:flex;flex-direction:column;height:100%;min-height:0}.rlist__head{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:6px 14px 12px}.rlist__head .segmented{display:flex}.rlist__head .segmented button{flex:1}.rlist__title{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.rlist__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 14px;scrollbar-width:thin;scrollbar-color:rgba(150,220,255,.2) transparent}.rlist__items{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.rrow{display:flex;align-items:center;border-radius:14px;transition:background .15s ease,box-shadow .15s ease}.rrow:hover{background:#ffffff0b}.rrow.is-selected{background:#ff64ff17;box-shadow:inset 0 0 0 1px #ff64ff47}.rrow__main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:10px 6px 10px 10px;text-align:left}.rrow__flag{font-size:24px;line-height:1;flex:none}.rrow__text{display:flex;flex-direction:column;gap:2px;min-width:0}.rrow__place{font-family:var(--font-ui);font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrow__meta{display:flex;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}.rrow__play{display:grid;place-items:center;width:38px;height:38px;margin-right:8px;flex:none;border-radius:50%;border:1px solid rgba(56,243,255,.32);color:var(--cyan);transition:background .15s ease,color .15s ease,transform .15s ease}.rrow__play:hover{background:#38f3ff1f}.rrow__play:active{transform:scale(.92)}.rrow.is-playing .rrow__play{background:var(--cyan);color:#03141b;box-shadow:0 0 18px #38f3ff80}.rrow--skeleton{height:60px;margin:2px 4px;background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.rlist__empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;color:var(--ink-2);font-size:14.5px;line-height:1.5}.rlist__empty-title{font-family:var(--font-ui);font-size:20px;font-weight:700;color:var(--ink)}.rlist__more{display:block;width:calc(100% - 16px);margin:10px 8px 0;height:40px;border-radius:12px;border:1px dashed rgba(255,255,255,.14);color:var(--ink-2);font-family:var(--font-ui);font-weight:600}.wplayer{--tone: var(--cyan);--tone-glow: rgba(56, 243, 255, .45);display:flex;align-items:center;gap:14px;padding:12px 14px 10px 12px;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.wplayer--lime{--tone: var(--lime);--tone-glow: rgba(157, 255, 74, .45)}.wplayer--coral{--tone: #ff7a84;--tone-glow: rgba(255, 90, 105, .45)}.wplayer__button{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;background:var(--tone);color:#041018;box-shadow:0 10px 28px -8px var(--tone-glow),inset 0 1px #ffffff8c;transition:transform .15s ease,box-shadow .2s ease}.wplayer__button:hover{box-shadow:0 10px 34px -6px var(--tone-glow),inset 0 1px #ffffff8c}.wplayer__button:active{transform:scale(.93)}.wplayer__button .icon{margin-left:2px}.wplayer.is-playing .wplayer__button .icon{margin-left:0}.wplayer--sm .wplayer__button{width:42px;height:42px}.wplayer__body{flex:1;min-width:0}.wave{position:relative;height:52px;overflow:hidden;cursor:pointer}.wave__bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:1.5px}.wave__bars span{flex:1 1 0;min-width:0;border-radius:2px;background:#fff3;transition:height .35s var(--ease-out)}.wave__bars--fill{clip-path:inset(0 100% 0 0);pointer-events:none}.wave__bars--fill span{background:var(--tone);box-shadow:0 0 8px var(--tone-glow)}.wave__placeholder{height:22%;animation:waveIdle 1.1s ease-in-out infinite alternate}.wave__placeholder:nth-child(3n){height:38%}.wave__placeholder:nth-child(4n+1){height:14%}.wave__placeholder:nth-child(5n+2){height:30%}@keyframes waveIdle{0%{opacity:.35}to{opacity:.8}}.wplayer__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.wplayer__error{font-family:var(--font-body);color:#ffb3b9;text-align:right}.rcard__stats,.review__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px 11px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.stat__label{font-family:var(--font-ui);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.stat__value{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat__hint{min-height:15px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.meter{display:block;height:4px;margin-top:5px;border-radius:2px;background:#ffffff14;overflow:hidden}.meter span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--amber),var(--rec));background-size:250px 100%;transition:width .6s var(--ease-out)}.rcard{display:flex;flex-direction:column;gap:14px;min-height:0;padding:2px 18px 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.rcard__head{display:flex;align-items:flex-start;gap:12px}.rcard__flag{font-size:32px;line-height:1;margin-top:1px}.rcard__place{flex:1;min-width:0}.rcard__title{font-family:var(--font-ui);font-size:23px;font-weight:700;line-height:1.12;overflow-wrap:anywhere}.rcard__subtitle{margin-top:3px;font-size:13.5px;color:var(--ink-2)}.rcard__siblings{display:flex;flex-direction:column;gap:7px}.rcard__siblings-label{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}.rcard__chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.rcard__chips::-webkit-scrollbar{display:none}.rcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;color:var(--ink-2)}.rcard__name{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}.rcard__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.rcard__nav{display:flex;align-items:center;gap:6px}.dock{position:absolute;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:34px 22px calc(var(--safe-bottom) + 18px);background:linear-gradient(0deg,rgba(4,7,12,.88),rgba(4,7,12,.5) 60%,transparent);transition:transform .45s var(--ease-sheet),opacity .3s ease;pointer-events:none}.dock>*{pointer-events:auto}.dock.is-hidden{transform:translate3d(0,120%,0);opacity:0}.dock.is-hidden>*{pointer-events:none}.dock__side{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ink-2)}.dock__side .icon{width:50px;height:50px;padding:13px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-sizing:border-box;transition:transform .15s ease}.dock__side:active .icon{transform:scale(.92)}.dock__side:disabled{opacity:.4}.dock__rec{position:relative;display:grid;place-items:center;width:86px;height:86px;border-radius:50%}.dock__rec-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,107,117,.55);box-shadow:0 0 30px #ff3b4b59;animation:recHalo 2.6s ease-out infinite}.dock__rec-core{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ff9aa2,#ff3b4b 52%,#c7182f);box-shadow:0 12px 34px -6px #ff3b4bbf,inset 0 2px #fff6,inset 0 -8px 16px #00000038;transition:transform .18s var(--ease-out)}.dock__rec-core:after{content:"";display:block;width:22px;height:22px;margin:24px auto;border-radius:50%;background:#fff;box-shadow:0 0 14px #fffc}.dock__rec:active .dock__rec-core{transform:scale(.92)}@keyframes recHalo{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}.hint{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 150px);z-index:29;display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:999px;background:#090f18d1;border:1px solid rgba(157,255,74,.3);box-shadow:0 12px 30px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;transform:translate(-50%);animation:hintIn .7s var(--ease-out) 1.2s both}.hint__dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #9dff4ae6;animation:livePulse 1.6s ease-in-out infinite}.hint__close{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--ink-3)}.hint__close:hover{background:#ffffff14;color:var(--ink)}@keyframes hintIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.record-cta-wrap{position:absolute;left:50%;bottom:30px;z-index:30;display:flex;align-items:center;gap:12px;transform:translate(-50%)}.record-cta{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 22px 0 20px;border-radius:999px;background:linear-gradient(180deg,#ff5a66,#df2439);color:#fff;font-family:var(--font-ui);font-size:19px;font-weight:700;letter-spacing:.03em;box-shadow:0 16px 44px -10px #ff3b4bcc,inset 0 1px #ffffff59,inset 0 -3px 8px #00000026;transition:transform .18s var(--ease-out),box-shadow .2s ease}.record-cta:hover{transform:translateY(-2px);box-shadow:0 22px 54px -10px #ff3b4be6,inset 0 1px #ffffff59}.record-cta:active{transform:translateY(0) scale(.98)}.record-cta__dot{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff40;animation:dotPulse 1.8s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 4px #ffffff40}50%{box-shadow:0 0 0 7px #ffffff14}}.record-cta kbd{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#0003;font-family:var(--font-mono);font-size:12px;font-weight:600}.shuffle-cta{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--ink);transition:background .15s ease,transform .15s ease}.shuffle-cta:hover{background:#142030d9}.shuffle-cta:disabled{opacity:.4}.recorder{display:flex;flex-direction:column;gap:18px;min-height:0;padding:2px 20px 22px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.recorder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recorder__title{font-family:var(--font-ui);font-size:25px;font-weight:700;line-height:1.1}.recorder__lede{margin-top:5px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}.capture{display:flex;flex-direction:column;align-items:center;gap:16px}.capture__meter{position:relative;width:100%;height:84px;border-radius:18px;background:#00000047;border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.capture__meter.is-hot{border-color:#ff4d5a73;box-shadow:inset 0 0 34px #ff3b4b24}.capture__canvas{display:block;width:100%;height:100%}.capture__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13.5px;color:var(--ink-3)}.capture__status{min-height:22px;font-family:var(--font-ui);font-size:15.5px;font-weight:500;color:var(--ink-2);text-align:center}.capture__clock{font-family:var(--font-mono);font-weight:600;color:var(--rec-soft)}.rec-button{position:relative;display:grid;place-items:center;width:136px;height:136px;border-radius:50%}.rec-button__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.rec-button__track{fill:none;stroke:#ffffff1a;stroke-width:3}.rec-button__progress{fill:none;stroke:var(--rec-soft);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,90,105,.7));opacity:0;transition:opacity .2s ease}.rec-button--recording .rec-button__progress{opacity:1}.rec-button__core{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;color:#fff;background:radial-gradient(circle at 36% 30%,#ff9aa2,#ff3b4b 52%,#c7182f);box-shadow:0 16px 44px -8px #ff3b4bcc,inset 0 2px #fff6,inset 0 -10px 20px #00000038;transition:transform .2s var(--ease-out),background .3s ease,box-shadow .3s ease}.rec-button:active .rec-button__core{transform:scale(.93)}.rec-button--idle .rec-button__core{animation:recBreathe 2.6s ease-in-out infinite}.rec-button--recording .rec-button__core{animation:recHot 1.1s ease-in-out infinite}.rec-button--arming .rec-button__core,.rec-button--processing .rec-button__core{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--ink-2)}.rec-button--countdown .rec-button__core{background:radial-gradient(circle at 36% 30%,#3b2a36,#25131c 60%,#1a0c12);box-shadow:0 0 0 2px #ff6b7599,0 0 40px #ff3b4b59}.rec-button__dot{width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fffc}.rec-button__count{font-family:var(--font-ui);font-size:58px;font-weight:700;line-height:1;color:#ffd9dc;text-shadow:0 0 24px rgba(255,90,105,.9);animation:countPop .62s var(--ease-out)}@keyframes recBreathe{0%,to{box-shadow:0 16px 44px -8px #ff3b4bb3,inset 0 2px #fff6,inset 0 -10px 20px #00000038}50%{box-shadow:0 16px 60px -4px #ff3b4bf2,inset 0 2px #fff6,inset 0 -10px 20px #00000038}}@keyframes recHot{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes countPop{0%{transform:scale(1.8);opacity:0}60%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.notice{display:flex;flex-direction:column;gap:3px;width:100%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.45}.notice strong{font-family:var(--font-ui);font-size:15px}.notice--error{background:#ff3b4b1a;border:1px solid rgba(255,77,90,.35);color:#ffd0d4}.notice--warn{background:#ffb02014;border:1px solid rgba(255,176,32,.3);color:#ffe2a8}.review{display:flex;flex-direction:column;gap:14px;animation:riseIn .45s var(--ease-out)}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.review__name{font-size:14px;color:var(--ink-2)}.review__name strong{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}.location{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#38f3ff0f;border:1px solid rgba(56,243,255,.18);font-size:14.5px;line-height:1.4;color:var(--ink)}.location .icon{flex:none;margin-top:1px;color:var(--cyan)}.location strong{font-family:var(--font-ui);font-weight:600}.location em{font-style:normal;color:var(--ink-3)}.location--locating,.location--idle{color:var(--ink-2)}.location--locating .icon{animation:livePulse 1.2s ease-in-out infinite}.location--error{background:#ffb02014;border-color:#ffb0204d}.location--error .icon{color:var(--amber)}.review__actions{display:grid;grid-template-columns:auto 1fr;gap:10px}.review__actions .pill-button{height:54px;padding:0 18px;border-radius:16px}.review__fineprint{font-size:12.5px;line-height:1.5;color:var(--ink-3)}.posted{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#9dff4a1a;border:1px solid rgba(157,255,74,.32);font-family:var(--font-ui);font-size:17px;font-weight:600}.posted__icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--lime);color:#0b1a05;box-shadow:0 0 30px #9dff4a8c;animation:popIn .5s var(--ease-out)}@keyframes popIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.about{display:flex;flex-direction:column;gap:14px;padding:2px 22px 22px;overflow-y:auto;line-height:1.5}.about__head{display:flex;align-items:center;justify-content:space-between}.about__head h2{font-family:var(--font-ui);font-size:25px;font-weight:700}.about__lead{font-size:17px;color:var(--ink)}.about__steps{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:22px;color:var(--ink-2)}.about__steps strong{color:var(--ink)}.about__note{font-size:14px;color:var(--ink-2)}.about__keys{font-size:13px;color:var(--ink-3)}.about__keys kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-2)}@media(hover:none){.about__keys{display:none}}.about__credit{font-family:var(--font-ui);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--ink-3)}.menu{position:relative}.menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:300px;padding:8px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 22px 60px #0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:menuIn .22s var(--ease-out);transform-origin:top right}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.menu__panel button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px;border-radius:12px;text-align:left;color:var(--ink)}.menu__panel button:hover{background:#ffffff0f}.menu__panel .icon{flex:none;margin-top:1px;color:var(--ink-2)}.menu__panel strong{display:block;font-family:var(--font-ui);font-size:15px;font-weight:600}.menu__panel em{display:block;margin-top:1px;font-size:12.5px;font-style:normal;color:var(--ink-3)}.menu__divider{height:1px;margin:6px;background:#ffffff14}.menu__label{padding:6px 10px 2px;font-family:var(--font-ui);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.toasts{position:fixed;top:calc(var(--safe-top) + 12px);left:50%;z-index:70;display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;border-radius:16px;background:#090f18f5;border:1px solid var(--glass-border);box-shadow:0 16px 44px #00000080;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;animation:toastIn .5s var(--ease-out)}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}.toast--success{border-color:#9dff4a61}.toast--error{border-color:#ff4d5a73}.toast__body{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:12px 6px 12px 14px;text-align:left;font-size:14.5px;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}.toast__icon{font-size:18px}.toast__text strong{font-family:var(--font-ui)}.toast__action{margin-left:auto;padding-left:8px;font-family:var(--font-ui);font-weight:700;color:var(--cyan);white-space:nowrap}.toast__close{display:grid;place-items:center;width:36px;height:36px;margin-right:4px;flex:none;border-radius:50%;color:var(--ink-3)}.subpage{display:flex;flex-direction:column;height:100%;background:#05080d}.subpage__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(var(--safe-top) + 12px) 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#060a10eb;font-family:var(--font-body);letter-spacing:normal;color:var(--ink)}.subpage__brand{font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}@media(max-width:480px){.subpage__brand{display:none}}.subpage__loading{display:flex;align-items:center;gap:10px;padding:40px;color:var(--ink-2);font-family:var(--font-body)}.crash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#04070c;color:#eef6fff5;font-family:var(--font-body);letter-spacing:normal}.crash__mark{font-size:48px}.crash__title{font-family:var(--font-ui);font-size:26px;font-weight:700}.crash__body{max-width:340px;font-size:15px;line-height:1.5;color:var(--ink-2)}.crash__button{height:46px;padding:0 24px;border:none;border-radius:999px;background:linear-gradient(120deg,#b6ff6a,#54f0ff);color:#03131b;font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer}@media(min-width:860px){.topbar{padding:22px 24px 40px 28px}.brand__mark{font-size:34px}.brand__title{font-size:23px}.brand__tagline{font-size:14px}.topbar__stats--side{display:flex}.topbar__stats--inline{display:none}.side-panel{position:absolute;top:104px;left:20px;bottom:20px;z-index:20;display:flex;flex-direction:column;width:344px;padding-top:10px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 24px 60px #00000059,inset 0 1px 0 var(--glass-edge);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);overflow:hidden}.sheet__grip{display:none}.sheet-layer--card .sheet{top:104px;right:20px;bottom:auto;left:auto;width:392px;max-height:calc(100% - 124px);padding:16px 0 0;border-radius:22px;border-bottom:1px solid var(--glass-border);transform:translate3d(28px,0,0) scale(.98);opacity:0;transition:transform .42s var(--ease-out),opacity .3s ease}.sheet-layer--card.is-open .sheet{transform:none;opacity:1}.sheet-layer--recorder .sheet,.sheet-layer--about .sheet,.sheet-layer--list .sheet{top:50%;left:50%;right:auto;bottom:auto;width:min(480px,calc(100vw - 40px));max-height:calc(100% - 60px);padding:18px 0 0;border-radius:26px;border-bottom:1px solid var(--glass-border);transform:translate3d(-50%,-46%,0) scale(.96);opacity:0;transition:transform .45s var(--ease-out),opacity .3s ease}.sheet-layer--recorder.is-open .sheet,.sheet-layer--about.is-open .sheet,.sheet-layer--list.is-open .sheet{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}.sheet-backdrop{background:#02050980;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.record-cta-wrap,.hint{left:calc(50% + 182px);transition:left .5s var(--ease-out)}.home--wide.has-card .record-cta-wrap{left:calc(50% - 24px)}.hint{bottom:108px}.toasts{top:auto;bottom:24px;left:auto;right:24px;width:380px;transform:none}.toast{animation-name:toastInDesktop}@keyframes toastInDesktop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}}@media(min-width:860px)and (max-width:1100px){.side-panel{width:300px}.record-cta-wrap,.hint{left:calc(50% + 160px)}.home--wide.has-card .record-cta-wrap{left:calc(50% - 25px)}.sheet-layer--card .sheet{width:350px}.shuffle-cta{display:none}}@media(max-width:380px){.brand__title{font-size:15px}.rcard__stats,.review__stats{gap:6px}.stat{padding:9px 9px 10px}.stat__value{font-size:16px}}@media(prefers-reduced-motion:reduce){.home *,.home *:before,.home *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}