:root{font-family:'Inter Variable',sans-serif;font-synthesis:none;color:#292936;background:#f6f7fa;--bg:#f6f7fa;--surface:rgba(255,255,255,.68);--surface-solid:#fff;--ink:#292936;--muted:#8b8b9b;--secondary:#666678;--line:rgba(43,36,69,.075);--accent:#9672f5;--soft:#efebfb;--shadow:0 12px 45px rgba(42,28,85,.035);--nav-active:#ece8f7;--orb-glow:rgba(145,104,235,.13);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 45%);outline-offset:4px}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope Variable',sans-serif}h1{font-size:42px;font-weight:600;letter-spacing:-1.7px;line-height:1.27}h2{font-weight:600;letter-spacing:-.6px}h3{font-weight:650;font-size:14px}input,textarea,select{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 14px;outline:none}textarea{resize:vertical;line-height:1.7}select{appearance:auto}label{display:block;font-size:12px;color:var(--secondary);font-weight:500;margin:20px 0 9px}input[type=range]{padding:0;accent-color:var(--accent);background:none;border:0}input[type=checkbox]{width:36px;accent-color:var(--accent);height:20px;cursor:pointer}input[type=number]{font-variant-numeric:tabular-nums}.glass{background:var(--surface);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.app-shell{display:flex;min-height:100dvh;background:radial-gradient(ellipse at 58% 39%,color-mix(in srgb,var(--accent),transparent 96%),transparent 65%),var(--bg)}.sidebar{width:224px;flex-shrink:0;padding:32px 20px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;background:color-mix(in srgb,var(--surface-solid),transparent 40%);z-index:20}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);padding:0 10px}.brand-mark{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;background:#252332;color:#fff;box-shadow:0 4px 8px #25233215}.brand strong{font-family:'Manrope Variable',sans-serif;font-size:25px;font-weight:750;letter-spacing:-1px}.brand strong span{font-size:12px;letter-spacing:-.3px;font-weight:500;color:var(--muted);margin-left:5px}.workspace-label{display:flex;align-items:center;gap:6px;padding:24px 10px 0;font-size:10px;color:var(--muted)}.tiny-orb{width:6px;height:6px;border-radius:50%;background:var(--accent)}.workspace-label svg{margin-left:auto}.sidebar nav{margin-top:37px;display:grid;gap:7px}.nav-item{border:0;background:none;display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;font-size:12px;width:100%;color:var(--secondary);text-align:left;transition:background .2s}.nav-item:hover{background:var(--line)}.nav-item.active{background:var(--nav-active);color:color-mix(in srgb,var(--accent),var(--ink) 25%);font-weight:600}.nav-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.private-card{margin:0 8px 20px;border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),var(--soft));border-radius:14px;padding:17px 13px}.private-card svg{color:var(--accent);display:block;margin-bottom:12px}.private-card strong{font-size:11px;font-weight:550}.private-card p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:6px}.sidebar-bottom>.nav-item{padding:12px 14px;font-size:11px}.user-card{border-top:1px solid var(--line);margin-top:20px;padding:21px 5px 0;display:flex;align-items:center;gap:11px}.avatar{width:33px;height:33px;border:1px solid color-mix(in srgb,var(--accent),transparent 85%);border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:600}.user-card>div:nth-child(2){display:grid;gap:4px}.user-card strong{font-size:11px}.user-card span{color:var(--muted);font-size:9px}.user-card button{margin-left:auto}.main-area{margin-left:224px;flex:1;min-width:0}.topbar{height:85px;margin:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:14px}.breadcrumb strong{font-weight:500;color:var(--secondary)}.breadcrumb>span{color:#c6c5ce}.topbar-actions{display:flex;align-items:center;gap:13px}.privacy-badge{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--secondary);border-radius:20px;padding:7px 10px;background:var(--surface);border:1px solid var(--line)}.icon-button{background:none;border:0;display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:9px;color:var(--secondary);flex-shrink:0}.icon-button:hover{background:var(--line)}.page-content{max-width:1220px;margin:0 auto;padding:45px 44px 15px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--accent)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.page-heading h1{margin:14px 0 12px}.page-heading h1>span{color:var(--muted)}.page-heading p{font-size:12px;line-height:1.8;color:var(--secondary)}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:0;transition:transform .2s,background .2s;font-size:12px;font-weight:500;white-space:nowrap}.primary-button{background:var(--ink);color:var(--surface-solid);padding:15px 20px;box-shadow:0 6px 15px #27233115}.primary-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--ink),var(--accent) 15%)}.secondary-button{background:var(--surface);border:1px solid var(--line);padding:11px 14px;color:var(--secondary)}.secondary-button:hover{background:var(--soft)}.text-button{color:var(--secondary);padding:8px 0;background:none;font-size:11px}.text-button:hover{color:var(--accent)}.profile-pill{font-size:10px;padding:10px 13px;gap:7px;margin-top:0}.profile-pill>svg:first-child{color:var(--accent)}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 259px;gap:24px}.voice-stage{border-radius:24px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;min-height:495px;padding:22px 24px 0;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent),transparent 95%),transparent 55%),var(--surface)}.stage-top{display:flex;justify-content:space-between;width:100%;align-items:center;font-size:10px;color:var(--muted)}.model-tag{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 9px;font-size:9px;color:var(--secondary)}.connection-label{display:flex;gap:5px;align-items:center}.connection-label.connected{color:#469b83}.stage-orb{height:275px;width:100%;display:flex;align-items:center;justify-content:center;margin-top:-5px}.orb-shell{width:325px;height:325px;position:relative;isolation:isolate;--orb:#9672f5;--energy:0}.orb-shell>*{position:absolute}.orb-halo{inset:9%;background:radial-gradient(circle,color-mix(in srgb,var(--orb),transparent 82%),transparent 67%);filter:blur(20px);transform:scale(1.5);z-index:-1}.orb-core{inset:17%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 25%,color-mix(in srgb,var(--orb),white 65%),transparent 45%),radial-gradient(circle at 65% 75%,color-mix(in srgb,var(--orb),white 40%),transparent 48%),color-mix(in srgb,var(--orb),white 88%);box-shadow:inset 3px 5px 14px #ffffffb0,inset -4px -7px 18px color-mix(in srgb,var(--orb),transparent 60%),0 0 48px color-mix(in srgb,var(--orb),transparent 77%);opacity:.76;transform:scale(calc(1 + var(--energy)*.05))}.orb-cloud{width:160%;height:90%;left:-30%;top:10%;border-radius:42%;border:15px solid color-mix(in srgb,var(--orb),transparent 55%);filter:blur(12px);animation:orb-drift 15s linear infinite}.cloud-one{transform:rotate(-30deg);background:radial-gradient(ellipse at 65% 45%,color-mix(in srgb,var(--orb),transparent 30%),transparent 60%)}.cloud-two{top:17%;animation-direction:reverse;animation-duration:23s;border:14px solid #ffffff90;background:radial-gradient(ellipse at 45% 55%,#ffffffc0,transparent 65%)}.orb-sheen{inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffa0,transparent 35%),radial-gradient(circle at 70% 80%,#ffffff50,transparent 50%);box-shadow:inset 0 0 28px #ffffff90}.orb-shell canvas{inset:0;width:100%;height:100%;mix-blend-mode:multiply}.orb-orbit{inset:10%;border-radius:50%;border:1px solid color-mix(in srgb,var(--orb),transparent 91%);transform:rotate(-20deg) scaleY(.86)}.orbit-two{inset:6%;transform:rotate(28deg) scaleY(.95);border-color:color-mix(in srgb,var(--orb),transparent 96%)}.orb-active .orb-halo{opacity:1;animation:halo-breathe 3s ease-in-out infinite}.stage-copy{text-align:center;margin-top:-6px}.stage-copy h2{font-size:20px;letter-spacing:-.7px}.stage-copy p{font-size:10px;color:var(--muted);margin-top:9px}.duplex-labels{display:flex;align-items:center;justify-content:center;gap:14px;font-size:9px;color:var(--muted);margin-top:20px}.duplex-labels>span{display:flex;align-items:center;gap:6px}.duplex-labels>span.lit{color:var(--accent)}.duplex-line{width:30px;height:1px;background:var(--line)}.signal-bars{display:flex;align-items:center;gap:2px;height:10px}.signal-bars i{height:4px;width:2px;border-radius:2px;background:currentColor}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:6px}.lit .signal-bars i{animation:bars .5s ease-in-out infinite alternate}.voice-controls{display:flex;gap:12px;align-items:center;margin:22px 0 24px}.control-circle{border:1px solid var(--line);background:var(--surface);height:43px;width:43px;border-radius:50%}.control-circle.selected{background:var(--soft);color:var(--accent)}.control-circle.is-muted{color:#c8777c}.start-button{font-size:11px;padding:14px 20px}.stop-button{background:#b45b6b;color:white}.stage-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;width:calc(100% + 48px);padding:16px 24px;margin-top:auto;font-size:9px;color:var(--muted);background:color-mix(in srgb,var(--bg),transparent 70%)}.stage-bottom>span{display:flex;gap:5px;align-items:center}.stage-bottom small{font-size:8px;color:var(--muted)}.session-panel{display:flex;flex-direction:column;gap:17px}.detail-card{padding:20px;border-radius:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading h2{display:flex;gap:10px;align-items:center}.detail-card .section-heading{margin-bottom:5px}.detail-card label{font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-top:15px}.scenario-select{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);width:100%;font-size:10px;min-height:43px}.scenario-select>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-select>svg{margin-left:auto;flex-shrink:0}.scenario-icon{color:var(--accent);display:flex}.setting-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:18px}.setting-row strong{color:var(--secondary);font-size:10px;font-weight:500;display:flex;gap:7px;align-items:center}.capitalize{text-transform:capitalize}.mini-wave{display:flex;align-items:center;gap:2px}.mini-wave i{width:2px;height:5px;background:var(--accent);border-radius:2px}.mini-wave i:nth-child(2){height:9px}.mini-wave i:nth-child(3){height:12px}.flag-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(#38343b 33%,#cc6668 33%,#cc6668 66%,#e3bd70 66%);display:inline-block}.card-divider{height:1px;background:var(--line);margin:21px 0}.muted{color:var(--muted)}.backend-model{display:flex;gap:10px;margin-top:15px;align-items:center}.model-icon{height:34px;width:34px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:var(--soft);color:var(--accent)}.backend-model strong{font-size:11px;font-weight:550}.backend-model p{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6}.tip-card{padding:21px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent),transparent 92%),color-mix(in srgb,var(--accent),transparent 97%));border:1px solid color-mix(in srgb,var(--accent),transparent 90%);border-radius:20px}.tip-icon{color:var(--accent);margin-bottom:11px}.tip-card h3{font-size:13px}.tip-card p{font-size:10px;line-height:1.85;color:var(--secondary);margin-top:7px}.tip-card>span{display:flex;align-items:center;gap:8px;margin-top:13px;color:var(--accent);font-size:9px;font-weight:600}.storage-note{display:flex;gap:9px;align-items:center;justify-content:center;color:var(--muted);font-size:9px;line-height:1.8;margin-top:2px}.storage-note svg{color:var(--accent)}.storage-note strong{font-weight:400}.below-studio{display:flex;justify-content:space-between;align-items:center;margin-top:21px;font-size:9px;color:var(--muted)}.below-studio>span{display:flex;align-items:center;gap:6px}.below-studio button{font-size:9px}.app-footer{padding:24px 44px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px;max-width:1220px;margin:0 auto}.app-footer>span:first-child{font-family:'Manrope Variable';font-weight:600;letter-spacing:.3px}.footer-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--muted);margin:0 5px}.preview-strip{margin:14px 44px -14px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--secondary)}.preview-strip>.status-dot{color:#b59b6a}.preview-strip>button{background:none;border:0;display:flex;align-items:center;gap:4px;color:var(--accent);font-size:9px;margin-left:auto}.toast{position:fixed;bottom:25px;left:calc(50% + 70px);transform:translateX(-50%);z-index:100;max-width:calc(100vw - 40px);width:max-content;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;color:var(--secondary);font-size:12px}.toast>span{max-width:550px;line-height:1.6}.toast>svg{color:var(--accent);flex-shrink:0}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#15151f50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.wizard{width:840px;max-width:100%;min-height:560px;border-radius:27px;display:grid;grid-template-columns:38% 62%;position:relative;overflow:hidden;background:var(--surface-solid)}.modal-close{position:absolute;top:17px;right:18px;z-index:2}.wizard-art{background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--accent),transparent 80%),transparent 75%),var(--soft);padding:39px 29px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.wizard-art>.eyebrow{letter-spacing:1.3px;font-size:8px}.wizard-art .orb-shell{width:320px;height:320px;align-self:center;margin:0 -70px}.wizard-art-copy h2{font-size:29px;line-height:1.35;letter-spacing:-1.3px}.wizard-art-copy p{font-size:10px;color:var(--secondary);margin-top:12px}.wizard-body{padding:47px 42px 29px;display:flex;flex-direction:column;min-width:0}.wizard-progress{display:flex;gap:5px;margin-bottom:26px}.wizard-progress span{height:3px;width:27px;background:var(--line);border-radius:4px}.wizard-progress span.done{background:var(--accent)}.wizard-body>.eyebrow{font-size:8px;letter-spacing:1.3px}.wizard-content{flex:1;min-height:345px}.wizard-content>h2{font-size:25px;margin-top:14px;margin-bottom:12px;line-height:1.4;letter-spacing:-.9px}.subtext{font-size:12px;color:var(--secondary);line-height:1.9}.wizard-content .subtext{font-size:11px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.theme-options button{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:18px 14px;text-align:left;font-size:12px;display:grid;gap:10px}.theme-options button>span{font-size:9px;color:var(--muted)}.theme-options button.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 90%)}.theme-options button:nth-child(2){background:#23242f;color:#eee}.theme-options button:nth-child(2)>span{color:#aaa}.color-row{display:flex;align-items:center;gap:10px;margin:14px 0}.color-row>button{border:3px solid transparent;width:30px;height:30px;border-radius:50%;color:white;display:grid;place-items:center;flex-shrink:0}.color-row>button[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:3px}.custom-color{margin:0;position:relative;height:30px;width:30px;cursor:pointer}.custom-color input{position:absolute;opacity:0;height:100%;width:100%;padding:0;cursor:pointer}.custom-color span{display:grid;place-items:center;border:1px dashed var(--muted);height:100%;width:100%;border-radius:50%;pointer-events:none;font-size:19px}.wizard-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.wizard-footer .primary-button{font-size:11px;padding:13px 16px}.field-hint{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.model-card{border:1px solid var(--line);padding:16px 12px;border-radius:12px;display:flex;align-items:center;gap:11px;margin-top:22px}.model-card strong{font-size:11px}.model-card p{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.6}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.toggle-row span{font-size:11px}.toggle-row small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:4px}.setup-summary{margin-top:23px;border:1px solid var(--line);border-radius:13px;padding:3px 15px}.setup-summary>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:10px;border-bottom:1px solid var(--line)}.setup-summary>div:last-child{border:0}.setup-summary span{color:var(--muted)}.setup-summary strong{font-weight:500}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-fields label{font-size:10px;line-height:1.5}.two-fields input,.two-fields select{margin-top:8px}.settings-modal{width:560px;max-width:100%;max-height:calc(100dvh - 48px);background:var(--surface-solid);border-radius:24px;padding:29px;display:flex;flex-direction:column;gap:12px}.settings-modal h2{font-size:24px;margin-top:8px}.settings-scroll{overflow-y:auto;padding:0 5px 8px 0}.settings-modal .section-heading{margin-bottom:0}.settings-modal>.primary-button,.settings-modal>.secondary-button{flex-shrink:0}.wide{width:100%;margin-top:12px}.loading-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 8%;gap:10%;background:radial-gradient(ellipse at 25% 35%,#9672f518,transparent 60%),var(--bg)}.login-art>.brand{padding:0}.login-orb{display:flex;justify-content:center}.login-orb .orb-shell{width:380px;height:380px}.login-art h1{font-size:38px;margin:15px 0}.login-art>p{color:var(--secondary);line-height:1.8;font-size:12px}.login-card{padding:38px;border-radius:24px;max-width:440px;width:100%;justify-self:end}.lock-badge{display:grid;place-items:center;width:48px;height:48px;background:var(--soft);color:var(--accent);border-radius:15px;margin-bottom:25px}.login-card h2{font-size:27px;margin:12px 0}.login-card label{font-size:11px}.login-card .forgot{margin-top:10px;display:flex;margin-left:auto;font-size:10px}.login-note{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:25px}.message{font-size:11px;line-height:1.8;color:var(--secondary);margin-top:17px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0 22px}.metric{border-radius:18px;padding:22px;display:grid;gap:15px}.metric>span{font-size:10px;color:var(--secondary)}.metric strong{font-family:'Manrope Variable';font-size:26px;font-weight:550;letter-spacing:-.6px}.metric strong em{font-size:11px;font-style:normal;color:var(--muted);margin-left:6px}.metric small{font-size:9px;color:var(--muted)}.projection-card{padding:30px;border-radius:22px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.projection-card h2{font-size:23px;line-height:1.5;margin:15px 0 10px}.projection-card label{font-size:11px}.projection-input{display:flex;align-items:center;gap:12px;max-width:230px;margin-bottom:24px}.projection-input span{font-size:10px;color:var(--muted)}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:6px}.projection-result{padding:24px;background:var(--soft);border-radius:17px;display:flex;flex-direction:column;justify-content:center}.projection-result>span{font-size:10px;color:var(--secondary)}.projection-result>strong{font-family:'Manrope Variable';font-size:44px;font-weight:550;letter-spacing:-1px;margin:13px 0}.projection-result>p{font-size:10px;line-height:1.9;color:var(--secondary)}.projection-result>b{font-size:14px;font-weight:500;margin:12px 0}.projection-result small{font-size:9px;color:var(--secondary);line-height:1.8}.analytics-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:23px;max-width:790px}.filter-row{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:30px 0 20px;font-size:10px;color:var(--muted)}.filter-row select{width:190px;font-size:11px}.history-list{border-radius:21px;overflow:hidden}.empty-state{padding:65px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.empty-state>svg{color:var(--accent);stroke-width:1.2}.empty-state h2{font-size:23px}.empty-state p{font-size:12px;line-height:1.9;color:var(--secondary)}.empty-state button{margin-top:7px}.history-row{display:flex;align-items:center;gap:18px;padding:22px;width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;background:none;font-size:11px}.history-row:hover{background:var(--soft)}.history-icon{width:38px;height:38px;background:var(--soft);border-radius:12px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.history-row>div{flex:1;display:grid;gap:6px}.history-row>div strong{font-weight:500}.history-row>div span{color:var(--muted);font-size:9px}.history-row>span:not(:first-child){display:grid;gap:4px}.history-row small{font-size:8px;color:var(--muted)}.transcript-live{border-radius:20px;padding:24px;margin-top:23px}.transcript-line{padding:14px 0;border-bottom:1px solid var(--line)}.transcript-line>span{font-size:9px;color:var(--accent);font-weight:600}.transcript-line>p{font-size:12px;line-height:1.9;margin-top:8px}.transcript-line.user>span{color:var(--secondary)}.session-metadata{display:flex;flex-wrap:wrap;gap:9px;padding:13px 0}.session-metadata>span{font-size:9px;color:var(--secondary);background:var(--soft);padding:6px 9px;border-radius:8px}.transcript-modal{width:680px}[data-theme=dark]{--bg:#101117;--surface:rgba(27,28,38,.7);--surface-solid:#1b1c26;--ink:#eaeaf2;--muted:#818296;--secondary:#b1b2c4;--line:rgba(255,255,255,.075);--soft:#262337;--shadow:0 12px 45px #00000015;--nav-active:#2c263d;color:var(--ink);background:var(--bg)}[data-theme=dark] .glass{border-color:#ffffff0a}[data-theme=dark] .orb-shell canvas{mix-blend-mode:screen}[data-theme=dark] .orb-core{opacity:.65;background:radial-gradient(circle at 45% 25%,color-mix(in srgb,var(--orb),transparent 55%),transparent 45%),radial-gradient(circle at 65% 75%,color-mix(in srgb,var(--orb),transparent 20%),transparent 48%),#25223f;box-shadow:inset 3px 5px 14px #ffffff15,inset -4px -7px 18px color-mix(in srgb,var(--orb),transparent 60%),0 0 48px color-mix(in srgb,var(--orb),transparent 80%)}[data-theme=dark] .cloud-two{border-color:#ffffff25;background:radial-gradient(ellipse at 45% 55%,#ffffff40,transparent 65%)}[data-theme=dark] .orb-sheen{background:radial-gradient(circle at 30% 25%,#ffffff30,transparent 35%);box-shadow:inset 0 0 28px #ffffff10}[data-theme=dark] .primary-button{color:#191820}[data-theme=dark] .stop-button{color:#fff}[data-theme=dark] .brand-mark{background:#e6dff5;color:#242232}
@keyframes orb-drift{from{rotate:0deg}to{rotate:360deg}}@keyframes halo-breathe{50%{transform:scale(1.7)}}@keyframes bars{to{transform:scaleY(.5)}}
@media(min-width:1500px){.page-content{padding-top:65px}.voice-stage{min-height:565px}.stage-orb{height:325px}.orb-shell{width:380px;height:380px}.studio-grid{grid-template-columns:minmax(0,1fr) 285px}.detail-card{padding:24px}.tip-card{padding:25px}}
@media(max-width:1100px){.sidebar{width:190px;padding:30px 14px 20px}.main-area{margin-left:190px}.topbar{margin:0 28px}.page-content{padding:35px 28px 15px}.studio-grid{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.detail-card{padding:16px}.stage-copy h2{font-size:18px}.voice-stage{padding:20px 18px 0}.stage-bottom{width:calc(100% + 36px);padding:16px 18px}.voice-controls{gap:7px}.start-button{padding:13px 14px;font-size:10px}.control-circle{width:36px;height:36px}.app-footer{padding:23px 28px}.metric{padding:17px}.metric strong{font-size:22px}.preview-strip{margin-left:28px;margin-right:28px}}
@media(max-width:850px){.sidebar{width:76px;padding:25px 12px 20px;align-items:center}.sidebar .brand{padding:0}.sidebar .brand>strong,.workspace-label,.nav-item>span,.private-card,.sidebar-bottom>.nav-item,.user-card>div:nth-child(2),.user-card>button{display:none}.sidebar nav{margin-top:45px;gap:12px;width:100%}.nav-item{justify-content:center;padding:14px}.sidebar-bottom{width:100%}.user-card{justify-content:center;padding:20px 0 0}.main-area{margin-left:76px}.page-heading h1{font-size:34px}.studio-grid{grid-template-columns:minmax(0,1fr) 215px}.wizard{grid-template-columns:32% 68%}.wizard-art{padding:35px 22px}.wizard-art-copy h2{font-size:25px}.wizard-body{padding:42px 30px 25px}.wizard-art .orb-shell{width:290px;height:290px}.metric-grid{grid-template-columns:repeat(2,1fr)}.login-page{gap:6%;padding:40px 6%}.login-art h1{font-size:29px}.login-orb .orb-shell{width:300px;height:300px}.login-card{padding:25px}.projection-card{gap:25px;padding:25px}.toast{left:calc(50% + 38px)}}
@media(max-width:680px){.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:74px;display:block;padding:6px 14px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;background:var(--surface-solid)}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;width:100%;margin:0;gap:0}.nav-item{width:auto;min-width:85px;flex-direction:column;gap:5px;padding:7px 15px;font-size:9px}.nav-item>span{display:block}.nav-item>.nav-dot{display:none}.main-area{margin:0 0 74px;width:100%}.topbar{height:64px;margin:0 22px}.breadcrumb{font-size:10px;gap:9px}.topbar-actions{gap:5px}.privacy-badge{font-size:8px;padding:6px 8px}.privacy-badge svg{width:10px}.page-content{padding:29px 20px 12px}.page-heading{margin-bottom:23px;align-items:flex-start;gap:10px}.page-heading h1{font-size:33px;letter-spacing:-1.4px;margin-top:13px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.profile-pill{font-size:9px;padding:8px 9px;margin-top:6px;max-width:130px}.profile-pill>svg{width:11px}.studio-grid{grid-template-columns:1fr;gap:19px}.voice-stage{min-height:465px;padding:19px 19px 0;border-radius:22px}.stage-orb{height:265px}.orb-shell{width:320px;height:320px}.stage-copy h2{font-size:20px}.voice-controls{gap:13px;margin:21px 0 23px}.start-button{font-size:11px;padding:14px 19px}.control-circle{width:40px;height:40px}.stage-bottom{width:calc(100% + 38px);padding:14px 19px}.session-panel{display:grid;grid-template-columns:1fr;gap:15px}.detail-card{padding:20px}.detail-card .setting-row{margin-top:14px}.tip-card{display:none}.storage-note{margin:3px 0}.below-studio{justify-content:center;margin-top:18px}.below-studio>button{display:none}.app-footer{padding:20px 22px;gap:14px;flex-wrap:wrap;font-size:8px}.app-footer>span:nth-child(2){display:none}.preview-strip{margin:12px 22px -10px;font-size:8px}.preview-strip>button{font-size:8px}.toast{left:50%;bottom:85px;width:calc(100vw - 32px);font-size:11px}.modal-backdrop{padding:15px;align-items:center}.wizard{display:block;max-height:calc(100dvh - 30px);min-height:0;overflow:auto;border-radius:22px}.wizard-art{display:none}.wizard-body{padding:36px 25px 22px}.wizard-content{min-height:340px}.wizard-content>h2{font-size:25px}.wizard-body>.eyebrow{font-size:8px}.wizard-progress{margin-bottom:23px}.wizard-footer{margin-top:17px}.settings-modal{padding:24px 22px;max-height:calc(100dvh - 30px)}.settings-modal h2{font-size:23px}.color-row{gap:12px}.two-fields{gap:12px}.login-page{display:flex;flex-direction:column;gap:28px;padding:35px 22px}.login-art{width:100%}.login-art>.brand{justify-content:center}.login-orb .orb-shell{width:240px;height:240px}.login-orb{height:195px;align-items:center}.login-art>.eyebrow,.login-art>h1,.login-art>p{display:none}.login-card{max-width:440px;padding:28px}.login-card h2{font-size:26px}.metric-grid{gap:12px;margin-top:25px}.metric{padding:18px}.metric strong{font-size:24px}.projection-card{grid-template-columns:1fr;gap:28px;padding:24px}.projection-card h2{font-size:24px}.projection-result>strong{font-size:38px}.analytics-note{font-size:9px}.history-row{gap:10px;padding:17px 13px}.history-row>div span{font-size:8px}.history-row>svg{display:none}.history-row>span{font-size:9px}.history-icon{width:31px;height:31px}.filter-row{gap:10px;flex-wrap:wrap}.filter-row select{width:160px}.filter-row>span{font-size:9px}.empty-state h2{font-size:22px;line-height:1.5}.empty-state p{font-size:10px}.page-heading>.secondary-button{font-size:9px;padding:9px;gap:5px}.transcript-live{padding:20px}.transcript-live .section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.profile-picker{position:relative;flex-shrink:0}.profile-menu{position:absolute;right:0;top:45px;z-index:30;width:220px;padding:7px;border-radius:14px;background:var(--surface-solid)}.profile-menu button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;border-radius:8px;padding:12px;text-align:left;font-size:11px}.profile-menu button:hover{background:var(--soft)}.profile-menu button svg{color:var(--accent)}.profile-menu button svg:last-child{margin-left:auto}

.usage-breakdown { padding: 0 0 22px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.usage-breakdown h3 { margin: 0 0 10px; }
.usage-breakdown dl { margin: 16px 0; }
.usage-breakdown dl div { display: flex; justify-content: space-between; gap: 18px; padding: 7px 0; font-size: 12px; }
.usage-breakdown dd { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.usage-breakdown small { font-size: 11px; line-height: 1.6; color: var(--muted); }

/* Liquid surfaces: translucent body, bright bevels and a moving reflection. */
.app-shell {
  background: radial-gradient(ellipse at 68% 22%, color-mix(in srgb, var(--accent), transparent 83%), transparent 45%), radial-gradient(ellipse at 90% 76%, #84c9d728, transparent 42%), radial-gradient(ellipse at 28% 70%, #e9bbda25, transparent 45%), var(--bg);
  background-attachment: fixed;
}
.glass {
  --glass-x: 50%; --glass-y: 15%;
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff62, transparent 52%), linear-gradient(135deg, #ffffff73, #ffffff26 48%, #ffffff50);
  border: 1px solid #ffffffb8;
  box-shadow: inset 0 1px 0 #fffffff0, inset 0 -1px 0 #ffffff55, inset 1px 0 0 #ffffff65, 0 16px 48px #3023430a, 0 2px 5px #30234306;
  backdrop-filter: blur(32px) saturate(155%);
  -webkit-backdrop-filter: blur(32px) saturate(155%);
  transition: box-shadow .35s ease, border-color .35s ease, transform .35s ease;
}
.sidebar {
  background: linear-gradient(150deg, #ffffff85, #ffffff40);
  backdrop-filter: blur(30px) saturate(150%); -webkit-backdrop-filter: blur(30px) saturate(150%);
  box-shadow: inset -1px 0 0 #ffffff90, 8px 0 40px #30234303;
}
.voice-stage {
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffffa0, transparent 46%), radial-gradient(ellipse at 50% 46%, color-mix(in srgb, var(--accent), transparent 86%), transparent 62%), linear-gradient(145deg, #ffffff80, #ffffff24 48%, #ffffff50);
  border-color: #ffffffd0;
  box-shadow: inset 0 2px 2px #ffffffd0, inset 0 -2px 2px #ffffff75, inset 2px 0 3px #ffffff75, 0 22px 65px color-mix(in srgb, var(--accent), transparent 90%);
}
.voice-stage::before, .voice-stage::after {
  content: ''; position: absolute; pointer-events: none; z-index: 0;
}
.voice-stage::before {
  inset: 0; border-radius: inherit;
  background: linear-gradient(115deg, #ffffff60, transparent 22%, transparent 72%, #ffffff55), radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff65, transparent 38%);
  opacity: .65; transition: opacity .4s ease;
}
.voice-stage::after {
  width: 68%; height: 120px; top: -94px; left: 16%; border-radius: 50%;
  background: #ffffffa0; filter: blur(16px); transform: rotate(-12deg);
}
.voice-stage > * { position: relative; z-index: 1; }
.orb-shell { --glass-x: 32%; --glass-y: 24%; --tilt-x: 0deg; --tilt-y: 0deg; transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease; }
.orb-core {
  opacity: .85;
  background: radial-gradient(circle at 34% 23%, #ffffffbd, transparent 38%), radial-gradient(ellipse at 64% 74%, color-mix(in srgb, var(--orb), transparent 25%), transparent 60%), color-mix(in srgb, var(--orb), transparent 83%);
  border: 1px solid #ffffffaa;
  box-shadow: inset 3px 4px 8px #ffffffe0, inset -5px -9px 18px color-mix(in srgb, var(--orb), transparent 45%), inset 0 0 35px #ffffff65, 0 18px 38px color-mix(in srgb, var(--orb), transparent 78%), 0 0 65px color-mix(in srgb, var(--orb), transparent 80%);
  backdrop-filter: blur(8px) saturate(150%); -webkit-backdrop-filter: blur(8px) saturate(150%);
}
.orb-sheen {
  background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #fffffff5, #ffffff30 20%, transparent 42%), linear-gradient(125deg, transparent 42%, #ffffff60 47%, transparent 55%);
  box-shadow: inset 0 0 2px 2px #ffffffa0, inset -8px -10px 20px #ffffff35;
}
.orb-core::after { content: ''; position: absolute; inset: 5%; border-radius: 50%; border-top: 2px solid #ffffffe0; border-left: 1px solid #ffffff70; transform: rotate(-24deg); pointer-events: none; }
.orb-orbit { border-color: color-mix(in srgb, var(--orb), transparent 78%); box-shadow: 0 -1px 0 #ffffff70; }
.orbit-two { border-color: color-mix(in srgb, var(--orb), transparent 88%); }
.primary-button, .secondary-button, .control-circle, .nav-item { position: relative; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.primary-button { overflow: hidden; border: 1px solid #ffffff28; box-shadow: inset 0 1px 0 #ffffff40, 0 7px 18px #27233124; }
.primary-button::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 25%, #ffffff22 48%, transparent 70%); transform: translateX(-120%); transition: transform .65s ease; }
.secondary-button, .control-circle, .model-tag, .privacy-badge { background: linear-gradient(135deg, #ffffff80, #ffffff35); border-color: #ffffffad; box-shadow: inset 0 1px 0 #ffffffe0, 0 3px 10px #30234306; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.nav-item.active { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 80%), #ffffff55); box-shadow: inset 0 1px 0 #ffffffc0, inset 0 0 0 1px #ffffff70, 0 5px 15px color-mix(in srgb, var(--accent), transparent 93%); }
.stage-bottom { background: #ffffff22; box-shadow: inset 0 1px 0 #ffffff70; }
.settings-modal, .wizard, .login-card, .profile-menu { background-color: color-mix(in srgb, var(--surface-solid), transparent 12%); }
[data-theme=dark] .glass { background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff0e, transparent 50%), linear-gradient(135deg, #ffffff0d, #ffffff03); background-color: #191a2366; border-color: #ffffff22; box-shadow: inset 0 1px 0 #ffffff28, inset 0 -1px 0 #ffffff0b, 0 18px 50px #00000025; }
[data-theme=dark] .sidebar { background: linear-gradient(150deg, #1a1b2585, #14151d75); box-shadow: inset -1px 0 0 #ffffff15; }
[data-theme=dark] .voice-stage { background: radial-gradient(ellipse at var(--glass-x) var(--glass-y), #ffffff14, transparent 46%), radial-gradient(ellipse at 50% 44%, color-mix(in srgb, var(--accent), transparent 82%), transparent 65%), linear-gradient(145deg, #ffffff0d, #ffffff02); box-shadow: inset 0 1px 2px #ffffff32, inset 0 -1px 2px #ffffff13, 0 22px 65px #00000030; }
[data-theme=dark] .voice-stage::before { opacity: .12; }
[data-theme=dark] .voice-stage::after { opacity: .12; }
[data-theme=dark] .secondary-button, [data-theme=dark] .control-circle, [data-theme=dark] .model-tag, [data-theme=dark] .privacy-badge { background: linear-gradient(135deg, #ffffff13, #ffffff05); border-color: #ffffff24; box-shadow: inset 0 1px 0 #ffffff28, 0 4px 12px #00000015; }
[data-theme=dark] .nav-item.active { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 75%), #ffffff08); box-shadow: inset 0 1px 0 #ffffff28, inset 0 0 0 1px #ffffff18; }
[data-theme=dark] .stage-bottom { background: #ffffff03; box-shadow: inset 0 1px 0 #ffffff12; }
[data-theme=dark] .settings-modal, [data-theme=dark] .wizard, [data-theme=dark] .login-card, [data-theme=dark] .profile-menu { background-color: #1b1c28ed; }
@media (hover:hover) and (pointer:fine) {
  .voice-stage:hover { box-shadow: inset 0 2px 2px #fffffff0, inset 0 -2px 2px #ffffff90, 0 28px 75px color-mix(in srgb, var(--accent), transparent 84%); }
  .orb-shell:hover { transform: perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px) scale(1.055); filter: saturate(115%); }
  .orb-shell:hover .orb-halo { filter: blur(24px); opacity: 1; transform: scale(1.75); }
  .detail-card:hover, .metric:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent), white 75%); box-shadow: inset 0 1px 0 #ffffffc0, 0 20px 45px color-mix(in srgb, var(--accent), transparent 90%); }
  .primary-button:not(:disabled):hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 #ffffff60, 0 12px 24px color-mix(in srgb, var(--accent), transparent 72%); }
  .primary-button:not(:disabled):hover::after { transform: translateX(120%); }
  .secondary-button:not(:disabled):hover, .control-circle:not(:disabled):hover { transform: translateY(-2px); background: color-mix(in srgb, var(--accent), transparent 90%); border-color: color-mix(in srgb, var(--accent), white 70%); box-shadow: inset 0 1px 0 #ffffffc0, 0 7px 20px color-mix(in srgb, var(--accent), transparent 88%); }
  .nav-item:hover { transform: translateX(3px); background: color-mix(in srgb, var(--accent), transparent 91%); }
  .icon-button:not(:disabled):hover svg { transform: scale(1.1); }
  .icon-button svg { transition: transform .2s ease; }
  [data-theme=dark] .voice-stage:hover { box-shadow: inset 0 1px 2px #ffffff45, 0 28px 75px color-mix(in srgb, var(--accent), transparent 89%); }
}
@media(max-width:680px) { .sidebar { background: color-mix(in srgb, var(--surface-solid), transparent 18%); box-shadow: inset 0 1px 0 #ffffff75; backdrop-filter: blur(28px) saturate(150%); -webkit-backdrop-filter: blur(28px) saturate(150%); } }
@media(prefers-reduced-motion:reduce) { .orb-shell:hover, .detail-card:hover, .metric:hover, .primary-button:hover, .secondary-button:hover, .control-circle:hover, .nav-item:hover { transform: none !important; } }
@media(prefers-reduced-transparency:reduce) { .glass, .voice-stage, .sidebar { background: var(--surface-solid); backdrop-filter: none; -webkit-backdrop-filter: none; } .voice-stage::before, .voice-stage::after { display: none; } }

/* Commercial workspace adapts the shared studio visual language. */
[hidden]{display:none!important} .wide{width:100%} .subtext{font-size:12px;line-height:1.8;color:var(--secondary)} .brand strong span{display:inline-block} .brand svg{color:var(--accent)} .sidebar nav a{text-decoration:none} .workspace-picker{margin:0;width:240px;font-size:11px}.workspace-picker select{font-size:11px;padding:9px 12px}.workspace-form{padding:24px;border-radius:20px;margin:24px 0}.workspace-form form{display:flex;align-items:end;gap:14px}.workspace-form label{flex:1;margin:0}.workspace-form button{margin-bottom:1px}.workspace-metrics{grid-template-columns:repeat(3,1fr)} .workspace-metrics strong{font-size:25px} .workspace-metrics small{line-height:1.8} .agents-list{list-style:none;padding:0;margin:0}.agents-list li{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.workspace-billing{border-radius:20px;padding:24px;margin:24px 0}.workspace-billing h2{font-size:20px;margin-bottom:10px}.workspace-billing p,.hint{font-size:12px;line-height:1.8;color:var(--secondary)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.actions button{border:1px solid var(--line);background:var(--ink);color:white;padding:13px 18px;border-radius:12px}.login-card .text-button{margin-top:16px}.error{color:#a74f64!important}#message:empty{display:none}#message{left:50%;bottom:24px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 20px;max-width:550px;font-size:12px}.studio-section-title{margin:28px 0 15px}.studio-section-title h2{font-size:19px}.theme-button{font-size:17px}.preview-note{font-size:11px;color:var(--secondary);line-height:1.8}.stage-orb .orb-shell{width:300px;height:300px}.login-note{line-height:1.7;text-align:center}.workspace-topbar{gap:12px}.app-footer{font-size:10px}
@font-face{font-family:'Inter Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}@font-face{font-family:'Manrope Variable';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope-latin.woff2') format('woff2')}
@media(max-width:700px){.workspace-topbar{flex-wrap:wrap;height:auto;padding:15px 0}.workspace-picker{width:170px}.workspace-form form{display:block}.workspace-form button{margin-top:15px}.workspace-metrics{grid-template-columns:1fr}.sidebar nav a{font-size:11px}.login-card{justify-self:center}.stage-top{gap:12px}#message{bottom:85px}.login-page>.login-card{margin:0}}
.login-card .primary-button{margin-top:25px}.login-card .subtext{margin-bottom:8px}

.confirmation-note{font-size:12px;line-height:1.9;color:var(--secondary);margin:24px 0}.confirmation-note+button{margin-top:10px}.login-card .message:empty{display:none}.login-card .message{padding:12px 14px;border-radius:12px;background:var(--soft);overflow-wrap:anywhere}.login-card .message.error{background:#fbeef2}