/* Shared Aria identity. Rings encode lifecycle; playback size uses measured RMS. */
:root { --bg:#060c14; --surface:#09131e; --card:#0b1926; --border:#203848; --primary:#53ded9; --primary-dim:#237e85; --text-primary:#deebf2; --text-secondary:#98aebb; --info:#53ded9; --nav-w:188px; --msg-radius:9px; }
#header { background:#08121b; height:72px; }
.header-title { color:var(--primary); letter-spacing:.24em; }
#nav { background:#08121b; padding-top:22px; }
#nav-list a { padding:12px 14px; font-size:13px; border-radius:3px; }
#nav-list a[aria-current] { background:#102c37; }
#main { padding:24px; }
.view-command { max-width:1800px; margin:0 auto; }
.command-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
.command-heading h1 { font-size:24px; font-weight:500; letter-spacing:.025em; }
.eyebrow { color:var(--primary); letter-spacing:.18em; font-size:10px; font-weight:650; margin-bottom:8px; }
.command-grid { display:grid; grid-template-columns:minmax(215px,.85fr) minmax(330px,1.6fr) minmax(250px,1fr); gap:14px; align-items:stretch; }
.command-panel,.command-core { background:#091520; border:1px solid var(--border); border-radius:4px; padding:18px; min-width:0; }
.command-panel>header { display:flex; justify-content:space-between; gap:12px; align-items:center; border-bottom:1px solid var(--border); padding-bottom:12px; margin-bottom:12px; }
.command-panel h2 { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:#aad4dc; font-weight:650; }
.command-panel>header>a { font-size:11px; white-space:nowrap; }
.command-panel a { text-decoration:none; }
.command-panel a:hover { text-decoration:underline; }
.runtime-row { display:block; padding:13px 0; border-bottom:1px solid #142b39; color:var(--text-primary); font-size:13px; }
.work-row { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0; border-bottom:1px solid #142b39; overflow-wrap:anywhere; font-size:13px; align-items:center; }
.work-row a { flex:1; min-width:120px; color:var(--text-primary); }
.feed-row { padding:10px 0 10px 12px; border-left:2px solid var(--border); margin-bottom:10px; font-size:13px; line-height:1.5; }
.feed-row a { color:var(--text-primary); }
.feed-time { display:block; font-size:11px; color:var(--text-secondary); margin-bottom:4px; }
.feed-row.lvl-warn { border-color:var(--warn); }.feed-row.lvl-bad { border-color:var(--bad); }.feed-row.lvl-ok { border-color:var(--ok); }
.command-panel .muted { font-size:13px; line-height:1.6; padding:8px 0; }
.command-core { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:440px; padding:20px 14px; border-color:#225160; background:#08141e; }
.command-core h2 { font-size:16px; font-weight:500; margin:14px 0 6px; letter-spacing:.08em; }
.command-core p { font-size:12px; line-height:1.5; max-width:320px; }
.talk-button { margin-top:20px; min-height:46px; min-width:210px; border-radius:4px; letter-spacing:.06em; }
.core-message { margin-top:12px; font-size:12px; }
.voice-extra { margin-top:8px; }.voice-extra:empty { display:none; }
.aria-core { --core-color:#53ded9; width:230px; height:230px; position:relative; display:grid; place-items:center; color:var(--core-color); }
.core-orbit { position:absolute; inset:0; border:1px solid var(--core-color); border-radius:50%; opacity:.4; }
.orbit-two { inset:20px; border-style:dashed; opacity:.22; }
.core-heart { width:146px; height:146px; border:1px solid var(--core-color); border-radius:50%; display:flex; flex-direction:column; justify-content:center; gap:10px; background:#0c2530; box-shadow:0 0 34px #36d5d018,inset 0 0 26px #36d5d012; }
.core-heart strong { letter-spacing:.24em; font-size:26px; padding-left:.24em; font-weight:500; }.core-heart span { font-size:9px; letter-spacing:.22em; }
.aria-core[data-state=idle] .core-heart { animation:core-breathe 8s ease-in-out infinite; }
.aria-core[data-state=listening] .core-orbit { animation:core-breathe 2.6s ease-in-out infinite; }
.aria-core[data-state=thinking] .orbit-two,.aria-core[data-state=executing] .orbit-two { animation:core-orbit 9s linear infinite; opacity:.7; }
.aria-core[data-state=speaking] .core-heart { transform:scale(calc(1 + var(--level,0)*.16)); transition:transform 65ms linear; }
.aria-core[data-state=needs-you],.aria-core[data-state=paused],.aria-core[data-state=waiting] { --core-color:#ffbd66; }
.aria-core[data-state=error] { --core-color:#ff7c88; }
.aria-core[data-state=offline] { --core-color:#8a9da7; }
@keyframes core-breathe { 50% { opacity:.65; transform:scale(.97); } }
@keyframes core-orbit { to { transform:rotate(360deg); } }
body.ui-hidden * { animation-play-state:paused!important; }
.card { border-radius:4px; background:var(--card); }
button,select { min-height:36px; }.badge { border-radius:3px; }
#estop-btn { background:#331824; color:#ff9ca5; border:1px solid #ab4657; }
@media(min-width:1600px) { .command-core { min-height:490px; }.aria-core { width:270px;height:270px; }.core-heart { width:170px;height:170px; } }
@media(max-width:1150px) { .command-grid { grid-template-columns:minmax(210px,1fr) minmax(330px,1.5fr); }.command-grid>.command-panel:nth-child(3) { grid-column:1/-1; }.command-feed { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } }
@media(max-width:760px) { #main { padding:16px; }.command-grid { grid-template-columns:1fr; }.command-core { grid-row:1; }.command-feed { display:block; }.command-heading { align-items:flex-start; }.command-heading h1 { font-size:20px; }.command-heading button { font-size:11px; max-width:110px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

#voice-session { padding:8px 20px; display:flex; align-items:center; gap:12px; background:#10252e; border-bottom:1px solid var(--primary-dim); }
#voice-session[hidden] { display:none; }
#voice-session-state { flex:1; font-size:13px; }