:root{--bgBase: #F7F8FB;--bgSurface: #FFFFFF;--bgSurface2: #F2F3F5;--bgCard: #FFFFFF;--bgControl: #FFFFFF;--bgSidebar: #F7F8FB;--bgDisabled: #F2F3F5;--borderSubtle: #E5E5E5;--borderControl: #D4D4D4;--borderStrong: #D4D4D4;--textPrimary: #000000;--textMeta: #1A2A56;--textTertiary: #737373;--textInverse: #FFFFFF;--primary: #1A2A56;--primaryPressed: #112040;--onPrimary: #FFFFFF;--tick: #1A2A56;--selFill: #FFFFFF;--scrim: rgba(0,0,0,.4);--ok: #00C389;--okText: #00875F;--err: #FF4D5E;--errText: #D42A3C;--warn: #FFB020;--warnText: #8F5E00;--onStatus: #FFFFFF;--sliderTrack: #DDE2EC;--elev1: 0 1px 2px rgba(26,42,86,.08), 0 3px 10px rgba(26,42,86,.08), 0 0 0 1px rgba(26,42,86,.06);--elev2: 0 2px 4px rgba(26,42,86,.12), 0 8px 22px rgba(26,42,86,.14), 0 0 0 1px rgba(26,42,86,.06);--elevComposer: var(--elev2);--elevSelected: 0 2px 4px rgba(26,42,86,.14), 0 8px 20px rgba(26,42,86,.16), 0 0 0 1.5px #1A2A56;--elevPill: 0 1px 2px rgba(26,42,86,.14), 0 4px 12px rgba(26,42,86,.16), 0 0 0 1px rgba(26,42,86,.08);--elevPrimary: 0 2px 4px rgba(26,42,86,.22), 0 6px 14px rgba(26,42,86,.28);--elevSheet: 0 -10px 30px rgba(26,42,86,.24), 0 -2px 6px rgba(26,42,86,.12), 0 0 0 1px rgba(26,42,86,.08);--lift: -1px;--ease: cubic-bezier(.23, 1, .32, 1);--font: "Inter", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bgBase: #04070E;--bgSurface: #0B111E;--bgSurface2: #121A2A;--bgCard: #0B111E;--bgControl: #121A2A;--bgSidebar: #04070E;--bgDisabled: #1C2538;--borderSubtle: #243049;--borderControl: #3A4763;--borderStrong: #6B7891;--textPrimary: #F6F2EA;--textMeta: #B7C6E8;--textTertiary: #8C99AE;--textInverse: #081B2D;--primary: #F6F2EA;--primaryPressed: #E4DFD5;--onPrimary: #081B2D;--tick: #8EA6D8;--selFill: #172136;--scrim: rgba(0,0,0,.6);--okText: #3DF2B5;--errText: #FF8692;--warnText: #FFCA5C;--onStatus: #04070E;--sliderTrack: #22304A;--elev1: 0 0 0 1px #243049;--elev2: 0 0 0 1px #243049;--elevComposer: 0 0 0 1px #6B7891;--elevSelected: 0 0 0 1.5px #8EA6D8;--elevPill: 0 0 0 1px #6B7891;--elevPrimary: none;--elevSheet: 0 0 0 1px #243049;--lift: 0px;color-scheme:dark}}:root[data-theme=dark]{--bgBase: #04070E;--bgSurface: #0B111E;--bgSurface2: #121A2A;--bgCard: #0B111E;--bgControl: #121A2A;--bgSidebar: #04070E;--bgDisabled: #1C2538;--borderSubtle: #243049;--borderControl: #3A4763;--borderStrong: #6B7891;--textPrimary: #F6F2EA;--textMeta: #B7C6E8;--textTertiary: #8C99AE;--textInverse: #081B2D;--primary: #F6F2EA;--primaryPressed: #E4DFD5;--onPrimary: #081B2D;--tick: #8EA6D8;--selFill: #172136;--scrim: rgba(0,0,0,.6);--okText: #3DF2B5;--errText: #FF8692;--warnText: #FFCA5C;--onStatus: #04070E;--sliderTrack: #22304A;--elev1: 0 0 0 1px #243049;--elev2: 0 0 0 1px #243049;--elevComposer: 0 0 0 1px #6B7891;--elevSelected: 0 0 0 1.5px #8EA6D8;--elevPill: 0 0 0 1px #6B7891;--elevPrimary: none;--elevSheet: 0 0 0 1px #243049;--lift: 0px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bgBase);color:var(--textPrimary);font:400 15px/22px var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--textMeta);text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--tick);outline-offset:2px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.t-title{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.3px;margin:0}.t-section{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.3px;margin:0}.t-card{font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.3px;margin:0}.t-body{font-size:15px;line-height:22px}.t-help{font-size:13px;line-height:18px}.t-meta{font-size:12px;line-height:16px;color:var(--textMeta)}.t-minor{font-size:12px;line-height:16px;color:var(--textTertiary)}.t-label{font-size:15px;line-height:22px;font-weight:500}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn{height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--textPrimary);background:transparent;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease)}.btn:active{transform:scale(.98)}.btn.sm{height:36px;padding:0 14px}.btn.primary{background:var(--primary);color:var(--onPrimary);border-color:transparent;box-shadow:var(--elevPrimary)}.btn.primary:active{background:var(--primaryPressed)}.btn.ghost{border-color:transparent}.btn.danger{background:var(--err);color:#fff;border-color:transparent}.btn:disabled{background:var(--bgDisabled);color:var(--textTertiary);border-color:transparent;box-shadow:none;cursor:default;transform:none}.ibtn{width:40px;height:40px;border-radius:999px;border:none;background:var(--bgControl);box-shadow:var(--elev1);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;color:var(--textPrimary);transition:opacity .12s var(--ease)}.ibtn:active{opacity:.7}.ibtn.flat{background:transparent;box-shadow:none;width:36px;height:36px}.ibtn.primary{background:var(--primary);color:var(--onPrimary);box-shadow:var(--elevPrimary)}.ibtn.on{box-shadow:var(--elevSelected)}.ibtn:disabled{background:var(--bgDisabled);color:var(--textTertiary);box-shadow:none}.ibtn.rec{background:var(--err);color:#fff;box-shadow:none}.chip{height:36px;padding:0 14px;border-radius:999px;border:none;background:var(--bgCard);box-shadow:var(--elev1);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;transition:box-shadow .18s var(--ease),transform .18s var(--ease)}.chip.on{box-shadow:var(--elevSelected);transform:translateY(var(--lift));font-weight:600}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.chips::-webkit-scrollbar{display:none}.badge{height:22px;padding:0 8px;border-radius:999px;background:var(--bgSurface2);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:600;white-space:nowrap}.status .dot{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:var(--onStatus);flex-shrink:0}.status.ok{color:var(--okText)}.status.ok .dot{background:var(--ok)}.status.err{color:var(--errText)}.status.err .dot{background:var(--err)}.status.warn{color:var(--warnText)}.status.warn .dot{background:var(--warn)}.status.idle{color:var(--textMeta);font-weight:500}.status.idle .dot{background:var(--bgSurface2);color:var(--textMeta)}.seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:var(--bgSurface2)}:root[data-theme=dark] .seg{box-shadow:0 0 0 1px var(--borderSubtle)}.seg button{position:relative;z-index:1;height:36px;padding:0 16px;border:none;background:transparent;border-radius:999px;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg button.on{font-weight:600}.seg .pill{position:absolute;top:3px;bottom:3px;border-radius:999px;background:var(--selFill);box-shadow:var(--elevPill);transition:transform .24s var(--ease)}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 14px;border-radius:16px;border:1px solid var(--borderControl);background:var(--bgCard);font-size:15px}.textarea{resize:vertical;line-height:22px}.input::placeholder,.textarea::placeholder{color:var(--textTertiary)}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:13px;font-weight:500}.row{display:flex;align-items:center;gap:12px;min-width:0}.col{display:flex;flex-direction:column;gap:12px;min-width:0}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.end{margin-inline-start:auto}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:999px;background:var(--borderControl);position:relative;cursor:pointer;flex-shrink:0;transition:background .18s var(--ease);margin:0}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s var(--ease)}.toggle input:checked{background:var(--primary)}.toggle input:checked:after{transform:translate(18px);background:var(--bgCard)}:root:not([data-theme=dark]) .toggle input:checked:after{background:#fff}input[type=range]{accent-color:var(--tick);width:100%}.card{background:var(--bgCard);border-radius:16px;box-shadow:var(--elev1);padding:16px;min-width:0}.card.summary{box-shadow:var(--elev2)}.card.compact{padding:10px 12px}.listcard{background:var(--bgCard);border-radius:16px;box-shadow:var(--elev1);overflow:hidden}.listcard>.li{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-top:1px solid var(--borderSubtle)}.listcard>.li:first-child{border-top:none}.err-text{color:var(--errText);font-size:13px;line-height:18px}.shell{display:flex;height:100%}.rail{width:264px;flex-shrink:0;background:var(--bgSidebar);border-inline-end:1px solid var(--borderSubtle);display:flex;flex-direction:column;min-height:0}.rail-scroll{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.rail-foot{padding:12px;border-top:1px solid var(--borderSubtle);display:flex;align-items:center;gap:12px}.nav{height:40px;border-radius:12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:500;cursor:pointer;width:100%;text-align:start}.nav.on{background:var(--bgCard);box-shadow:var(--elev1)}.rail-h{font-size:13px;line-height:18px;font-weight:600;padding:16px 12px 4px;display:flex;align-items:center;gap:8px}.prow{height:40px;border-radius:12px;border:none;background:transparent;display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;width:100%;text-align:start}.prow.on{background:var(--bgCard);box-shadow:var(--elev1)}.prow img,.avatar-ph{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bgSurface2)}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:48px;display:none;align-items:center;padding:0 16px;gap:12px;background:var(--bgSurface);border-bottom:1px solid var(--borderSubtle);flex-shrink:0}.topbar .slot{width:40px;display:flex;flex-shrink:0}.topbar .center{flex:1;display:flex;justify-content:center;min-width:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:40;animation:fade .24s var(--ease)}.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(316px,86%);z-index:41;box-shadow:var(--elevSheet);animation:slidein .3s var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes slidein{0%{transform:translate(-100%)}}@keyframes rise{0%{transform:translateY(100%)}}.page{flex:1;overflow-y:auto;padding:24px 32px 40px;min-height:0}.page-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phead{display:flex;align-items:center;gap:12px;padding:12px 32px;border-bottom:1px solid var(--borderSubtle);flex-shrink:0}.phead img{width:40px;height:40px;border-radius:50%;object-fit:cover}.talk-body{flex:1;display:flex;min-height:0}.chat{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.msgs{flex:1;overflow-y:auto;padding:24px 16px}.msgs-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.turn-user{align-self:flex-end;max-width:85%;background:var(--bgCard);box-shadow:var(--elev1);border-radius:20px;padding:8px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.turn-ai{line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}.turn-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.turn-user+.turn-meta{justify-content:flex-end;margin-top:-16px}.turn-meta audio{height:32px;max-width:240px}.turn-meta video{width:min(260px,100%);border-radius:16px}.typing:after{content:"▍";animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.composer-wrap{padding:0 16px 12px;flex-shrink:0}.composer{max-width:760px;margin:0 auto;background:var(--bgCard);border-radius:20px;padding:14px;box-shadow:var(--elevComposer);display:flex;flex-direction:column;gap:12px}.composer textarea{border:none;outline:none;background:transparent;resize:none;width:100%;font-size:15px;line-height:22px;max-height:132px;padding:0}.composer textarea::placeholder{color:var(--textTertiary)}.composer .tools{display:flex;align-items:center;gap:12px;min-width:0}.disclaimer{text-align:center;padding-top:8px}.avatar-view{flex:1;display:flex;min-width:0;min-height:0}.stage{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}.video-card{position:relative;width:min(512px,100%);aspect-ratio:1;border-radius:20px;overflow:hidden;background:#000;box-shadow:var(--elev2);flex-shrink:0}.video-card video,.video-card .poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.overlay-pill{position:absolute;inset-inline-start:12px;bottom:12px;color:#fff;background:#0000008c;border-radius:999px;padding:4px 12px;font-size:13px;line-height:18px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.overlay-pill .live{width:8px;height:8px;border-radius:50%;background:#fff}.overlay-pill.speaking .live{animation:blink 1s infinite}.stage .controls{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;width:min(512px,100%)}.stage .composer{width:min(512px,100%)}.transcript{width:380px;flex-shrink:0;border-inline-start:1px solid var(--borderSubtle);display:flex;flex-direction:column;min-height:0}.transcript .msgs{padding:16px}.transcript-h{padding:16px 16px 0}.sheet{position:fixed;z-index:51;background:var(--bgSurface);box-shadow:var(--elevSheet);display:flex;flex-direction:column;inset-inline:0;bottom:0;max-height:88vh;border-radius:28px 28px 0 0;animation:rise .38s var(--ease)}.sheet .grab{width:40px;height:5px;border-radius:999px;background:var(--borderControl);margin:8px auto 0;flex-shrink:0}.sheet-h{display:flex;align-items:center;gap:12px;padding:8px 20px 12px}.sheet-b{padding:0 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.sheet-f{padding:12px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--borderSubtle);display:flex;gap:12px;justify-content:flex-end}.sheet-overlay{z-index:50}.tbl{width:100%;border-collapse:collapse;font-size:13px;line-height:18px}.tbl th,.tbl td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--borderSubtle);vertical-align:top}.tbl th{font-weight:500}.tbl tr:last-child td{border-bottom:none}.tbl-wrap{overflow-x:auto;border-radius:16px;background:var(--bgCard);box-shadow:var(--elev1)}.clickable{cursor:pointer}.big-figure{font-size:34px;line-height:40px;font-weight:600;font-variant-numeric:tabular-nums}.studio-img{width:96px;height:96px;border-radius:12px;object-fit:cover;flex-shrink:0}.center{display:grid;place-items:center;height:100%;padding:16px}.login{width:min(360px,100%);display:flex;flex-direction:column;gap:16px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1024px){.sheet{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 48px));max-height:84vh;border-radius:20px;animation:fade .24s var(--ease);box-shadow:var(--elev2)}.sheet.wide{width:min(560px,calc(100vw - 48px))}.sheet .grab{display:none}.sheet-h{padding:24px 24px 12px}.sheet-b{padding:0 24px 24px}.sheet-f{padding:12px 24px 24px}}@media (max-width: 1023px){.rail.static{display:none}.topbar{display:flex}.page{padding:16px 24px 32px}.phead{padding:10px 24px}.transcript{display:none}.avatar-view .stage .stage-transcript{display:flex}}@media (min-width: 1024px){.stage-transcript{display:none!important}}@media (max-width: 767px){.page{padding:16px 16px 32px}.phead{padding:10px 16px}.grid2,.grid3{grid-template-columns:1fr}.composer textarea,.input,.textarea,.select{font-size:16px}.stage{padding:16px}.hide-compact{display:none!important}}.stage-transcript{display:none;width:min(512px,100%);flex-direction:column;gap:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sample{width:100%;aspect-ratio:1;border-radius:16px;background:var(--bgSurface2);object-fit:cover;box-shadow:var(--elev1)}.sample-empty{display:grid;place-items:center;text-align:center;padding:12px}@media (max-width: 767px){.grid4{grid-template-columns:1fr 1fr}}.tabnum{font-variant-numeric:tabular-nums}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--borderControl);flex-shrink:0}.live-dot.on{background:var(--ok)}.video-card.tall{aspect-ratio:2 / 3;width:min(400px,100%)}.video-card.tall video{object-fit:contain;background:#000}