:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f5f7;background:#090c11;font-synthesis:none;--bg: #090c11;--panel: #11161d;--raised: #171d26;--soft: #202732;--line: #292f3a;--line-soft: #ffffff0b;--muted: #9299a7;--purple: #a68cff;--purple-strong: #765be3;--purple-soft: #28213d;--danger: #f0647a;--ok: #55d39a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -22%,#201a31 0,transparent 40%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button:disabled{cursor:default;opacity:.38}.app-shell{min-height:100vh;display:flex;flex-direction:column}header{height:72px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line-soft);background:#0b0e13e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:12}.brand,.header-actions{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#684bd2,#a88fff);color:#fff;font-weight:800;box-shadow:0 8px 26px #7559df40}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand span{display:block;margin-top:1px;font-size:8px;color:#737986;text-transform:uppercase;letter-spacing:.14em}.app-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:11px;background:#10141a}.app-nav button{border:0;border-radius:8px;padding:7px 15px;background:transparent;color:var(--muted);font-size:11px}.app-nav button:hover{color:#e9e9ed}.app-nav button.active{color:#fff;background:#282335;box-shadow:inset 0 0 0 1px #9c83ff22}.header-actions{justify-content:flex-end;gap:8px}.cost{color:#8f96a3;font-size:10px;margin-right:6px;white-space:nowrap}.icon,.logout{border:1px solid var(--line-soft);border-radius:9px;background:#151a21;color:#adb3bd;height:34px}.icon{width:34px;padding:0}.logout{display:flex;align-items:center;gap:6px;padding:0 11px;font-size:10px}.icon:hover,.logout:hover{background:#202630;color:#fff;border-color:var(--line)}.logout span{color:#c7b9ff;font-size:14px}main{flex:1;min-height:0;display:flex;padding:22px;gap:16px}.workspace{flex:1;min-width:0;min-height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-soft);border-radius:17px;background:#0e1218;box-shadow:0 28px 90px #0008;transition:border-color .25s ease,box-shadow .25s ease}.workspace.live-recording{border-color:#f0647a55;box-shadow:0 0 0 1px #f0647a12,0 28px 90px #0008,0 0 42px #b14e6820}.workspace.live-recording .toolbar{background:linear-gradient(90deg,#1b1820,#161921 40%)}.workspace.live-recording .editor{background:radial-gradient(circle at 50% 0,#3a172027 0,transparent 54%),linear-gradient(180deg,#121116,#0d1015);box-shadow:inset 0 0 70px #d9566d0a}.toolbar{min-height:56px;padding:10px 13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);background:#131820;transition:background .25s ease}.toolbar select,.side-panel select{border:1px solid var(--line);border-radius:9px;background:#1b212a;color:#e1e3e7;padding:8px 12px;outline:none}.status{min-width:0;display:flex;align-items:center;gap:7px;color:#9299a5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#5c6470}.status.live{color:#ff91a2}.status.live i{background:var(--danger);box-shadow:0 0 10px var(--danger)}.pip-button{margin-left:auto}.editor{flex:1;min-height:390px;border:0;resize:none;outline:none;background:linear-gradient(180deg,#0d1117,#0c1015);color:#f0f1f3;padding:34px 40px 42px;line-height:1.75;caret-color:var(--purple);transition:font-size .12s ease,background .25s ease,box-shadow .25s ease}.editor::placeholder{color:#414854}.bottom-bar{min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 13px;border-top:1px solid var(--line-soft);background:#131820}.action-group{display:flex;align-items:center;gap:6px}.document-tools{justify-content:flex-end}.dictate-nav{padding:4px;border:1px solid var(--line-soft);border-radius:11px;background:#0f1319}.ghost,.primary,.new,.queue-actions button,.square{border:1px solid transparent;border-radius:9px;padding:8px 11px;background:#1d242d;color:#c2c7d0;font-size:10px}.ghost:hover,.queue-actions button:hover,.square:hover{background:#272f3a;color:#fff}.square{min-width:32px;height:31px;padding:0 7px;background:transparent}.nav-divider{width:1px;height:20px;margin:0 2px;background:var(--line)}.dictate-position{min-width:94px;color:#d7dae0;text-align:center;font-size:10px;font-variant-numeric:tabular-nums}.dictate-position em{display:inline-block;margin-left:6px;border-radius:99px;padding:2px 5px;background:var(--purple-soft);color:#c7b7ff;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.06em}.primary{background:linear-gradient(135deg,#694dd3,#9276ee);color:#fff;font-weight:650;box-shadow:0 8px 22px #7451df25}.primary:hover{filter:brightness(1.08)}.clear-button{color:#c7cbd2}.copy-button{min-width:96px}.side-panel{width:0;opacity:0;overflow:hidden;padding:0;border:0 solid var(--line-soft);border-radius:17px;background:#11161d;transition:width .2s,opacity .2s,padding .2s}.side-panel.open{width:310px;opacity:1;padding:20px;overflow-y:auto;border-width:1px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-title h2,.review-card h2{margin:0;font-size:16px}.panel-title span{color:#777e8a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.new{width:100%;margin-bottom:14px;text-align:left;background:var(--purple-soft);color:#c6b8f9}.history-list{display:flex;flex-direction:column;gap:5px}.history-list button{border:1px solid transparent;border-radius:10px;background:transparent;color:#ced1d7;text-align:left;padding:11px}.history-list button:hover,.history-list .selected{border-color:var(--line-soft);background:#1a2028}.history-list strong,.history-list span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list strong{font-size:11px}.history-list span{margin-top:5px;color:#777e89;font-size:9px}.empty{color:#777e89;font-size:11px}.side-panel>label{display:block;margin:16px 0 6px;color:#aab0bb;font-size:10px}.side-panel>label select,.side-panel>label textarea{display:block;width:100%;margin-top:7px}.side-panel textarea{height:190px;resize:vertical;border:1px solid var(--line);border-radius:10px;outline:none;background:#191f27;color:#eee;padding:12px;line-height:1.5}.side-panel small{display:block;color:#737b87;font-size:9px;line-height:1.5}.side-panel .check{display:flex;align-items:center;gap:7px;margin-bottom:18px}.record-dock{position:fixed;left:50%;bottom:96px;z-index:4;display:flex;align-items:center;gap:13px;padding:7px 15px 7px 8px;transform:translate(-50%);border:1px solid #ffffff12;border-radius:999px;background:#151a21e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 45px #000a}.record{width:50px;height:50px;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7154dc,#a890ff);font-size:20px;box-shadow:0 0 24px #7952e850}.record.on{background:var(--danger);box-shadow:0 0 28px #ff657f55}.record-dock>span{color:#969da8;font-size:9px;white-space:nowrap}.meter{height:25px;display:flex;align-items:center;gap:2px}.meter i{width:2px;height:100%;border-radius:2px;background:var(--purple);transform-origin:center;transition:transform .1s}.queue-card{position:fixed;right:22px;bottom:96px;z-index:7;width:330px;max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:14px;background:#171c24eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px #0009}.queue-card>strong{font-size:10px}.queue-card>div{margin-top:9px;padding-top:9px;border-top:1px solid var(--line-soft)}.queue-card span,.queue-card em{display:block;color:#9aa1ac;font-size:9px}.queue-card em{margin-top:3px;color:#ff8b9e}.queue-actions{display:flex!important;gap:6px;margin-top:6px}.queue-actions button{padding:5px 7px;font-size:9px}.dashboard-main{display:block;overflow:auto;padding:36px 40px 60px}.dashboard-view{width:min(1120px,100%);margin:0 auto}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{color:var(--purple);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.dashboard-heading h1{margin:5px 0 4px;font-size:29px;letter-spacing:-.03em}.dashboard-heading p,.chart-heading p{margin:0;color:var(--muted);font-size:11px}.range-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:11px;background:#10151c}.range-tabs button{border:0;border-radius:8px;padding:8px 13px;background:transparent;color:var(--muted);font-size:10px}.range-tabs button.active{background:#29233a;color:#d9ceff}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:13px}.metric-card{min-height:128px;display:flex;flex-direction:column;justify-content:center;padding:23px;border:1px solid var(--line-soft);border-radius:15px;background:linear-gradient(145deg,#131820,#10141a);box-shadow:0 18px 50px #0003}.metric-card.accent{background:linear-gradient(145deg,#211c31,#141721);border-color:#a58aff26}.metric-card span{color:#939aa6;font-size:10px}.metric-card strong{margin:8px 0 4px;font-size:26px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.metric-card small{color:#686f7a;font-size:9px}.chart-card{padding:23px;border:1px solid var(--line-soft);border-radius:15px;background:#10151c;box-shadow:0 20px 60px #0003}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chart-heading h2{margin:0 0 4px;font-size:15px}.legend{display:flex;gap:15px;color:#989fab;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px}.legend .audio{background:#7160c9}.legend .luna{background:#54bba2}.chart-wrap{width:100%;overflow-x:auto;margin-top:16px}.cost-chart{display:block;width:100%;min-width:650px}.grid-line{stroke:#ffffff0d;stroke-width:1}.axis-label{fill:#69717d;font-size:9px}.bar-audio{fill:#7665ca}.bar-luna{fill:#55bda4}.tracking-note{margin:7px 0 0;color:#6f7782;font-size:9px}.dashboard-loading,.dashboard-error{padding:45px;border:1px solid var(--line-soft);border-radius:15px;background:#10151c;color:var(--muted);text-align:center;font-size:11px}.dashboard-error{color:#ff91a2}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#070a0edc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card,.review-card{width:min(420px,100%);padding:34px;border:1px solid var(--line-soft);border-radius:20px;background:#141920;box-shadow:0 35px 100px #000c}.login-card .brand-mark{margin:auto}.login-card h1{margin:15px 0 4px;text-align:center}.login-card>p{margin:0 0 25px;color:#8c939f;text-align:center;font-size:11px}.login-card label{display:block;margin-top:13px;color:#aab0bb;font-size:10px}.login-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;outline:none;background:#1c222b;color:#fff}.login-card .primary{width:100%;margin:18px 0 13px}.login-card small{display:block;color:#6f7681;text-align:center;font-size:9px;line-height:1.5}.error{margin-top:13px;padding:9px;border-radius:8px;background:#4c1f292e;color:#ff90a3;font-size:10px}.review-card{width:min(950px,100%)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.compare label{color:#949ba6;font-size:9px}.compare textarea{display:block;width:100%;height:360px;margin-top:7px;resize:none;border:1px solid var(--line);border-radius:11px;background:#0d1117;color:#ddd;padding:16px;line-height:1.55}.review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.splash{height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:#858c98;font-size:11px}.splash .brand-mark{width:48px;height:48px}.mobile-record-dock,.mobile-mic-overlay,.mobile-review-menu,.mobile-install-hint{display:none}@media(max-width:1050px){header{grid-template-columns:auto 1fr auto}.app-nav{justify-self:center}.cost{display:none}.bottom-bar{grid-template-columns:1fr auto}.review-tools{grid-column:1 / -1;order:2}.dictate-nav{justify-self:start}}@media(max-width:760px){header{height:auto;min-height:68px;padding:9px 13px;grid-template-columns:1fr auto;gap:8px}.brand span{display:none}.app-nav{grid-column:1 / -1;grid-row:2;width:100%}.app-nav button{flex:1}.logout{width:34px;padding:0;justify-content:center;font-size:0}.logout span{font-size:15px}main{padding:9px}.workspace{min-height:calc(100vh - 130px)}.toolbar{gap:6px}.status{display:none}.editor{min-height:340px;padding:24px 18px 110px}.bottom-bar{grid-template-columns:1fr}.action-group,.document-tools,.dictate-nav{justify-content:center;justify-self:stretch}.review-tools{overflow-x:auto;justify-content:flex-start}.side-panel.open{position:fixed;inset:112px 0 0 auto;z-index:10;width:min(340px,100%);border-radius:0}.record-dock{bottom:14px}.record-dock>span{display:none}.queue-card{left:10px;right:10px;bottom:88px;width:auto}.dashboard-main{padding:24px 14px 40px}.dashboard-heading{align-items:stretch;flex-direction:column}.range-tabs button{flex:1}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:100px}.chart-heading{flex-direction:column}.compare{grid-template-columns:1fr}.compare textarea{height:220px}}@media(max-width:1000px)and (pointer:coarse){body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding-bottom:calc(112px + env(safe-area-inset-bottom))}header{padding-top:max(9px,env(safe-area-inset-top));padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}.pip-button,.desktop-record,.review-tools{display:none}.workspace{min-height:calc(100dvh - 142px - env(safe-area-inset-top))}.editor{min-height:38dvh;padding-bottom:28px}.bottom-bar{grid-template-columns:1fr auto}.dictate-nav{justify-self:start}.document-tools{justify-self:end}.mobile-record-dock{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:9;height:88px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 12px 11px 18px;border:1px solid #ffffff14;border-radius:24px;background:#151a21f2;box-shadow:0 20px 60px #000b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:border-color .2s,background .2s}.mobile-record-dock.on{border-color:#f0647a52;background:#20171df5}.mobile-record-status{min-width:0;display:flex;flex-direction:column;gap:5px}.mobile-record-status span{overflow:hidden;color:#aeb4bf;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.mobile-record-status strong{color:#ff91a2;font-size:16px;font-variant-numeric:tabular-nums}.mobile-record{position:relative;width:66px;height:66px;padding:0;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;border:0;border-radius:50%;background:linear-gradient(145deg,#7154dc,#a890ff);color:#fff;box-shadow:0 0 28px #7952e855}.mobile-record>span{position:relative;z-index:2;font-size:24px}.mobile-record>i{position:absolute;inset:-7px;z-index:-1;border:1px solid #ad98ff55;border-radius:50%;transition:transform .1s}.mobile-record.on{background:var(--danger);box-shadow:0 0 32px #f0647a66}.mobile-record.on>i{border-color:#ff8da066}.mobile-lock-guide{position:absolute;right:20px;bottom:92px;width:50px;height:116px;display:flex;align-items:center;flex-direction:column;gap:5px;padding:8px 5px;pointer-events:none;opacity:0;transform:translateY(12px);border:1px solid #ffffff12;border-radius:25px;background:#151a21ed;box-shadow:0 12px 35px #0008;transition:opacity .15s,transform .15s}.mobile-lock-guide.visible{opacity:1;transform:translateY(0)}.mobile-lock-guide span{color:#d8ceff;font-size:18px}.mobile-lock-guide i{width:3px;height:46px;border-radius:4px;background:linear-gradient(0deg,#755ce0,#f0647a);transform-origin:bottom}.mobile-lock-guide b{position:absolute;right:56px;bottom:48px;width:150px;color:#b7bdc8;font-size:9px;font-weight:500;text-align:right}.mobile-mic-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#070a0ee8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-mic-card{width:min(390px,100%);padding:30px 24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#181d26,#11151c);text-align:center;box-shadow:0 35px 90px #000d}.mic-symbol{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:linear-gradient(145deg,#6f51d8,#aa91ff);color:#fff;font-size:25px;box-shadow:0 0 35px #7758de55}.mobile-mic-card h2{margin:6px 0 10px;font-size:23px}.mobile-mic-card p{margin:0 0 20px;color:#a1a8b3;font-size:12px;line-height:1.6}.mobile-mic-card .primary{width:100%;padding:12px}.mobile-mic-card small{display:block;margin-top:14px;color:#737b87;font-size:9px;line-height:1.5}.mobile-review-menu{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.mobile-review-menu>span{grid-column:1 / -1;color:#858c98;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mobile-install-hint{display:flex;flex-direction:column;gap:5px;margin-top:22px;padding:14px;border:1px solid #a58aff20;border-radius:11px;background:var(--purple-soft)}.mobile-install-hint strong{color:#d4c9fa;font-size:10px}.mobile-install-hint span{color:#9a91b6;font-size:9px;line-height:1.5}.queue-card{bottom:calc(112px + env(safe-area-inset-bottom))}.side-panel.open{position:fixed;inset:auto 0 0;z-index:14;width:100%;max-height:min(74dvh,650px);padding:22px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-radius:24px 24px 0 0;box-shadow:0 -25px 70px #000c}}