/* ORBIT Core — Premium UI layer. Presentation only; no session/media logic. */
:root{
 --oc-bg:#070a10;--oc-panel:#0d121b;--oc-line:#222b3b;--oc-text:#eef3fb;
 --oc-muted:#8e9aae;--oc-violet:#9b8cff;--oc-green:#75d5ad;--oc-red:#ffadb8;
}
html{background:var(--oc-bg)}
body{background:
 radial-gradient(900px 520px at 78% -8%,rgba(116,91,255,.14),transparent 58%),
 radial-gradient(650px 440px at -10% 35%,rgba(46,101,174,.10),transparent 60%),
 var(--oc-bg)!important;color:var(--oc-text)}
/* Refine existing stable shell without replacing DOM */
#app{max-width:1440px!important;margin:0 auto!important}
.topbar,.top,.header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.workspace{gap:16px!important}
.panel,.card,#taxHost,.tile{
 border-color:rgba(124,139,173,.20)!important;
 box-shadow:0 18px 55px rgba(0,0,0,.16);
}
.tile{border-radius:22px!important;background:
 radial-gradient(circle at 50% 35%,rgba(145,122,255,.11),transparent 45%),#0c1119!important}
.tile video{border-radius:inherit}
.tileMeta{background:rgba(5,8,13,.78)!important;backdrop-filter:blur(14px)}
/* Host identity: hide redundant avatar letter over live self-video */
.tile video:not([hidden])~.avatar,.tile video:not([hidden])~.orbitAvatar{opacity:0;pointer-events:none}
#stage{gap:14px!important}
#taxHost{border-radius:18px!important;background:linear-gradient(180deg,rgba(16,22,33,.96),rgba(11,16,24,.96))!important}
#taxHost header{letter-spacing:.03em}
button{transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease}
button:active{transform:scale(.97)}
#pulse,.primary{box-shadow:0 8px 28px rgba(123,105,255,.18)}
#signals{scrollbar-width:none}
#signals::-webkit-scrollbar{display:none}
.signal{border-radius:16px!important;background:linear-gradient(160deg,#101621,#0b1018)!important}
.kind{font-weight:750;letter-spacing:.13em}
.suggestedAnswer{line-height:1.55}
#feed{scroll-behavior:smooth}
.transcriptRow{padding:12px 4px!important}
.transcriptRow p{font-size:15px;line-height:1.65!important}
#askAnswer,.answer{border:1px solid rgba(124,139,173,.14);background:#090e16!important;border-radius:14px!important}
input,textarea{font-size:16px!important} /* prevents iOS zoom */
@media(max-width:760px){
 #app{padding-left:12px!important;padding-right:12px!important}
 .tile{min-height:260px!important}
 .dock{padding:8px!important;gap:7px!important;border-radius:17px!important}
 .dock button{min-height:48px!important}
 .workspace{gap:12px!important}
 .panel{border-radius:18px!important;padding:15px!important}
 #taxHost{margin-top:12px}
}