:root{color-scheme:dark;--bg: #08090c;--bg-grad: radial-gradient(1200px 600px at 50% -200px, #16202f 0%, #08090c 70%);--surface: #101319;--surface-2: #161b23;--surface-3: #1d232d;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--text: #eef2f8;--text-muted: #97a2b2;--text-faint: #6a7484;--brand: #4f8cff;--brand-soft: rgba(79, 140, 255, .14);--signal: #5eead4;--signal-soft: rgba(94, 234, 212, .13);--rec: #ff4d4f;--rec-soft: rgba(255, 77, 79, .15);--warn: #fbbf24;--good: #34d399;--good-soft: rgba(52, 211, 153, .13);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 70px -20px rgba(0, 0, 0, .8);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--header-h: 60px;--page-max: 1120px;--ease: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em;font-weight:700}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}canvas{display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.app-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,3vw,28px);padding-top:env(safe-area-inset-top);background:#08090cb8;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand__mark{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid var(--line-strong);flex:none}.brand__name{font-size:.95rem;font-weight:650;letter-spacing:-.015em;white-space:nowrap}.brand__host{display:block;font-size:.7rem;color:var(--text-faint);font-family:var(--mono);letter-spacing:0}.page{max-width:var(--page-max);margin:0 auto;padding:clamp(18px,3vw,34px) clamp(14px,3vw,28px) calc(64px + env(safe-area-inset-bottom))}.screen[hidden]{display:none!important}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card--pad{padding:clamp(16px,2.6vw,26px)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.card__title{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.card__title .icon{color:var(--brand)}.btn{--btn-bg: var(--surface-3);--btn-fg: var(--text);--btn-line: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:44px;border-radius:var(--radius);border:1px solid var(--btn-line);background:var(--btn-bg);color:var(--btn-fg);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s var(--ease),background .16s var(--ease),border-color .16s var(--ease),opacity .16s var(--ease);-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--btn-bg) 82%,white);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{--btn-bg: var(--brand);--btn-fg: #06122b;--btn-line: transparent;font-weight:680}.btn--ghost{--btn-bg: transparent;--btn-line: var(--line-strong);color:var(--text-muted)}.btn--danger{--btn-bg: transparent;--btn-line: rgba(255, 77, 79, .35);color:var(--rec)}.btn--sm{padding:7px 12px;min-height:36px;font-size:.8rem;border-radius:10px}.btn--block{width:100%}.btn--cta{padding:16px 26px;min-height:56px;font-size:1rem;border-radius:var(--radius-lg);box-shadow:0 14px 34px -14px #4f8cffe6}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text-muted);cursor:pointer;transition:color .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.icon-btn:hover{color:var(--text);background:#232a35}.icon-btn--danger:hover{color:var(--rec);border-color:#ff4d4f66}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:#ffffff08;font-size:.74rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.pill--signal{color:var(--signal);border-color:#5eead447;background:var(--signal-soft)}.pill--good{color:var(--good);border-color:#34d3994d;background:var(--good-soft)}.pill--rec{color:var(--rec);border-color:#ff4d4f59;background:var(--rec-soft)}.pill--brand{color:var(--brand);border-color:#4f8cff4d;background:var(--brand-soft)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.dot--live{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.hero{position:relative;overflow:hidden;border-radius:clamp(18px,3vw,28px);border:1px solid var(--line);background:var(--surface);isolation:isolate}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(60%) contrast(105%);z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,9,12,.35) 0%,rgba(8,9,12,.86) 62%,var(--surface) 100%)}.hero__inner{padding:clamp(26px,5vw,62px) clamp(20px,4vw,56px) clamp(24px,4vw,48px);max-width:760px}.hero__title{font-size:clamp(1.85rem,5.4vw,3.05rem);letter-spacing:-.035em;margin:16px 0 14px;text-wrap:balance}.hero__lede{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--text-muted);max-width:56ch;text-wrap:pretty}.hero__specs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.feature-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));margin-top:clamp(18px,3vw,26px)}.feature{display:flex;gap:13px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}.feature__icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.feature h3{font-size:.92rem;margin-bottom:3px}.feature p{font-size:.83rem;color:var(--text-muted);line-height:1.45}.note{display:flex;gap:14px;padding:clamp(16px,2.6vw,22px);border-radius:var(--radius);border:1px solid rgba(52,211,153,.22);background:linear-gradient(180deg,#34d39912,#34d39905);margin-top:clamp(18px,3vw,26px)}.note__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--good-soft);color:var(--good)}.note h3{font-size:.98rem;margin-bottom:5px}.note p{font-size:.87rem;color:var(--text-muted);line-height:1.55}.note strong{color:var(--text);font-weight:620}.note__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hero__cta{margin-top:clamp(22px,4vw,32px)}.recorder-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.studio-grid{display:grid;gap:clamp(14px,2vw,20px)}@media (min-width: 1000px){.studio-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.studio-grid>.takes-card{grid-column:1 / -1}}.deck{display:flex;flex-direction:column;gap:16px;padding:clamp(16px,2.6vw,24px)}.deck__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.scope{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:#05070a;overflow:hidden}.scope canvas{width:100%;height:132px}.scope__badge{position:absolute;top:10px;left:10px}.scope__clip{position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:var(--radius-full);background:var(--rec);color:#14060a;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .18s var(--ease)}.scope__clip.is-on{opacity:1}.meter{display:grid;gap:6px}.meter__track{position:relative;height:12px;border-radius:var(--radius-full);background:#05070a;border:1px solid var(--line);overflow:hidden}.meter__fill{position:absolute;inset:1px auto 1px 1px;width:0%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--signal) 0%,var(--signal) 62%,var(--warn) 84%,var(--rec) 100%);transition:width .07s linear}.meter__peak{position:absolute;top:1px;bottom:1px;width:2px;left:0;background:#ffffffd9;border-radius:2px;transition:left .25s var(--ease);opacity:0}.meter__peak.is-on{opacity:1}.meter__scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.62rem;color:var(--text-faint);letter-spacing:.04em}.meter__readout{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.78rem;color:var(--text-muted)}.meter__readout strong{color:var(--signal);font-weight:600;font-variant-numeric:tabular-nums}.meter__readout.is-hot strong{color:var(--warn)}.meter__readout.is-clip strong{color:var(--rec)}.timer{text-align:center;font-family:var(--mono);font-size:clamp(2.6rem,9vw,3.6rem);font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;color:var(--text)}.timer.is-recording{color:#fff;text-shadow:0 0 26px rgba(255,77,79,.45)}.timer__status{text-align:center;font-size:.85rem;color:var(--text-muted);min-height:1.4em}.transport{display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,34px);padding:6px 0 2px}.transport__side{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text-muted);cursor:pointer;transition:all .16s var(--ease)}.transport__side:hover:not(:disabled){color:var(--text);border-color:#ffffff40}.transport__side:disabled{opacity:.32;cursor:not-allowed}.transport__side .icon{width:20px;height:20px}.rec-btn{position:relative;width:92px;height:92px;border-radius:50%;border:none;padding:0;cursor:pointer;background:linear-gradient(180deg,#ff6467,var(--rec));box-shadow:0 12px 34px -10px #ff4d4fbf,inset 0 -2px 6px #00000059;display:grid;place-items:center;color:#fff;transition:transform .16s var(--ease),border-radius .24s var(--ease);-webkit-tap-highlight-color:transparent}.rec-btn:hover{transform:scale(1.035)}.rec-btn:active{transform:scale(.97)}.rec-btn .icon{width:34px;height:34px;stroke-width:2}.rec-btn .icon.is-solid{fill:currentColor}.rec-btn__ring{position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,77,79,.55);opacity:0}.rec-btn.is-recording{background:linear-gradient(180deg,#2a3140,#1b2029);border:1px solid rgba(255,77,79,.5);color:var(--rec);box-shadow:0 10px 30px -14px #ff4d4f80}.rec-btn.is-recording .rec-btn__ring{opacity:1;animation:ring 1.9s var(--ease) infinite}@keyframes ring{0%{transform:scale(.95);opacity:.75}to{transform:scale(1.22);opacity:0}}.specs{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.83rem;color:var(--text-muted);user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:42px;height:24px;border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--line-strong);transition:background .18s var(--ease),border-color .18s var(--ease);flex:none}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-faint);transition:transform .18s var(--ease),background .18s var(--ease)}.switch input:checked+.switch__track{background:var(--signal-soft);border-color:#5eead473}.switch input:checked+.switch__track:after{transform:translate(18px);background:var(--signal)}.switch input:focus-visible+.switch__track{outline:2px solid var(--brand);outline-offset:2px}.switch input:disabled+.switch__track{opacity:.45}.prompter{display:flex;flex-direction:column;padding:clamp(16px,2.6vw,24px);gap:12px}.prompter__tools{display:flex;flex-wrap:wrap;gap:6px}.prompter__stage{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:#05070a;overflow:hidden}.prompter__text{height:clamp(230px,34vh,400px);overflow-y:auto;padding:22px clamp(16px,3vw,26px) 60%;font-size:1.15rem;line-height:1.75;color:#dfe6f2;white-space:pre-wrap;scroll-behavior:auto;-webkit-overflow-scrolling:touch;outline:none}.prompter__text:focus{box-shadow:inset 0 0 0 2px var(--brand)}.prompter__text[contenteditable=true]{background:#4f8cff0a}.prompter__stage:before{content:"";position:absolute;left:0;right:0;top:32%;height:3.1em;background:linear-gradient(90deg,#4f8cff17,#5eead40f);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);pointer-events:none;opacity:0;transition:opacity .2s var(--ease)}.prompter__stage.is-scrolling:before{opacity:1}.prompter__stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,transparent,#05070a);pointer-events:none}.prompter__speed{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--text-muted)}.prompter__speed input[type=range]{flex:1;accent-color:var(--brand);min-width:90px}.takes-card{padding:clamp(16px,2.6vw,24px)}.takes{display:grid;gap:12px}.take{display:grid;gap:12px;padding:15px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);transition:border-color .16s var(--ease)}.take:hover{border-color:var(--line-strong)}.take__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.take__name{font-size:.98rem;font-weight:650}.take__meta{font-size:.76rem;color:var(--text-faint);font-family:var(--mono);margin-top:2px}.take__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.take__actions{display:flex;gap:7px;flex:none}.take__wave{width:100%;height:46px;border-radius:9px;background:#05070a;border:1px solid var(--line)}.take audio{width:100%;height:38px;border-radius:var(--radius-full)}.empty{display:grid;place-items:center;gap:10px;padding:38px 18px;text-align:center;color:var(--text-faint);border:1px dashed var(--line-strong);border-radius:var(--radius);font-size:.88rem}.empty .icon{width:26px;height:26px;color:var(--text-faint)}.sheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:clamp(12px,3vw,26px);background:#040508b8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}.sheet.is-open{opacity:1;pointer-events:auto}.sheet__panel{width:min(540px,100%);max-height:min(90dvh,820px);overflow-y:auto;padding:clamp(20px,3.4vw,28px);border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg);transform:translateY(14px) scale(.985);transition:transform .24s var(--ease);display:flex;flex-direction:column;gap:16px}.sheet.is-open .sheet__panel{transform:none}.sheet__close{position:absolute;top:14px;right:14px}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet__title{font-size:1.15rem}.sheet__sub{font-size:.85rem;color:var(--text-muted);margin-top:4px}.steps{display:flex;align-items:center;gap:8px}.steps__item{flex:1;height:4px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.steps__item.is-active{background:var(--brand)}.steps__item.is-done{background:#4f8cff73}.step[hidden]{display:none}.step{display:flex;flex-direction:column;gap:14px}.step__nav{display:flex;gap:10px;justify-content:space-between;margin-top:2px}.field{display:grid;gap:6px}.field__label{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.field__hint{font-size:.74rem;color:var(--text-faint)}.input,.textarea{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#05070a;color:var(--text);font-size:.94rem;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input:read-only{color:var(--text-muted);background:#ffffff05}.textarea{resize:vertical;min-height:76px}.progress{height:8px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.progress__bar{height:100%;width:0%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand),var(--signal));transition:width .22s var(--ease)}.progress__label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted);font-family:var(--mono)}.receipt{display:grid;gap:8px;padding:15px;border-radius:var(--radius);border:1px solid var(--line);background:#05070a;font-size:.8rem}.receipt__row{display:flex;justify-content:space-between;gap:14px}.receipt__row dt{color:var(--text-faint);white-space:nowrap}.receipt__row dd{margin:0;text-align:right;font-family:var(--mono);word-break:break-all;color:var(--text)}.success-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto;border-radius:50%;background:var(--good-soft);border:1px solid rgba(52,211,153,.4);color:var(--good);box-shadow:0 0 34px -6px #34d39966}.success-mark .icon{width:30px;height:30px}.toasts{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;display:grid;gap:8px;width:min(440px,calc(100vw - 28px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#161b23f7;box-shadow:var(--shadow-lg);font-size:.86rem;animation:toast-in .24s var(--ease)}.toast--error{border-color:#ff4d4f73;color:#ffd9d9}.toast--good{border-color:#34d39966;color:#d6fff0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{padding:15px 17px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}.stat__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.stat__value{font-size:1.5rem;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums;margin-top:4px}.stat__value--brand{color:var(--brand)}.stat__value--signal{color:var(--signal)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.search{position:relative;flex:1;min-width:190px}.search .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-faint);width:17px;height:17px;pointer-events:none}.search .input{padding-left:38px}.vault{display:grid;gap:12px}.vault-item{display:grid;gap:12px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}.vault-item__head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.vault-item__title{font-size:1rem;font-weight:650}.vault-item__client{font-size:.82rem;color:var(--brand);font-weight:600}.vault-item__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:10px 18px;font-size:.78rem}.vault-item__grid dt{color:var(--text-faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.vault-item__grid dd{margin:2px 0 0;font-family:var(--mono);overflow-wrap:anywhere}.vault-item__notes{padding:11px 13px;border-radius:10px;background:#ffffff06;border-left:2px solid var(--brand);font-size:.84rem;color:var(--text-muted)}.vault-item audio{width:100%;height:38px}.login{max-width:400px;margin:clamp(30px,9vh,90px) auto;padding:clamp(22px,4vw,32px);display:grid;gap:16px;text-align:center}.login__mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto;border-radius:15px;background:var(--brand-soft);border:1px solid rgba(79,140,255,.3);color:var(--brand)}.login form{display:grid;gap:12px;text-align:left}.divider{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.error-text{color:#ffb4b4;font-size:.82rem;text-align:left}.error-text[hidden]{display:none}.foot{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.76rem;color:var(--text-faint)}@media (max-width: 560px){.brand__host{display:none}.take__head{flex-direction:column}.take__actions{align-self:flex-end}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}