:root {
  color-scheme: dark;
  --shadow-bg: #02050a;
  --shadow-bg-secondary: #07101a;
  --shadow-panel: rgba(6, 17, 28, 0.86);
  --shadow-panel-hover: rgba(10, 30, 47, 0.94);
  --shadow-cyan: #47d8ff;
  --shadow-blue: #148dff;
  --shadow-turquoise: #42f4e8;
  --shadow-text: #eaf7ff;
  --shadow-text-muted: #7691a4;
  --shadow-border: rgba(63, 197, 234, 0.22);
  --shadow-glow: 0 0 26px rgba(71, 216, 255, 0.16);
  --shadow-danger: #ff5f68;
  --shadow-warning: #e2b861;
  --shadow-success: #5ee89b;
  --void: #02050a;
  --ink: #07101a;
  --panel: rgba(6, 17, 28, 0.86);
  --panel-solid: #07121e;
  --line: rgba(63, 197, 234, 0.22);
  --line-strong: rgba(80, 215, 255, 0.52);
  --cyan: #47d8ff;
  --cyan-soft: #94eaff;
  --gold: #2fcfff;
  --gold-soft: #c5f3ff;
  --red: #ff5f68;
  --green: #5ee89b;
  --text: #eaf7ff;
  --muted: #7691a4;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.48);
}

/* S.H.A.D.O.W. 0.8 communication and consent layer */
.connection-list span{align-items:center;flex-wrap:wrap}.connection-list button{margin-left:auto;padding:6px 8px!important;font-size:7px!important}.provider-audit{margin-top:12px;padding:10px;border:1px solid var(--line);background:rgba(71,216,255,.03);color:var(--muted);font-size:8px;line-height:1.6}.provider-audit b{color:var(--cyan-soft);font-weight:500}
.voice-hud{position:fixed;z-index:80;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line-strong);background:rgba(2,8,14,.92);box-shadow:0 12px 45px rgba(0,0,0,.55),0 0 24px color-mix(in srgb,var(--cyan) 12%,transparent);backdrop-filter:blur(16px);color:var(--cyan-soft);font-size:8px;letter-spacing:.14em}.voice-hud[hidden]{display:none}.voice-hud i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.voice-hud.listening i{background:var(--red);box-shadow:0 0 14px var(--red);animation:blink .5s infinite alternate}.voice-hud button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;padding:0 2px}.voice-only .conversation{transform:translateY(calc(100% + 12px))!important}.voice-only .workspace{box-shadow:0 0 38px color-mix(in srgb,var(--cyan) 6%,transparent) inset}
.consent-dialog{width:min(540px,calc(100% - 28px));border:1px solid var(--line-strong);background:#030b13;color:var(--text);box-shadow:0 24px 90px rgba(0,0,0,.75);padding:0}.consent-dialog::backdrop{background:rgba(0,3,7,.82);backdrop-filter:blur(6px)}.consent-dialog form{padding:24px}.consent-dialog small{color:var(--cyan);letter-spacing:.18em;font-size:8px}.consent-dialog h2{color:var(--gold-soft);font:400 25px Georgia,serif;margin:9px 0 12px}.consent-dialog p{color:var(--muted);font-size:10px;line-height:1.65}.consent-scopes{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.consent-scopes span{padding:7px 9px;border:1px solid var(--line);color:var(--cyan-soft);font-size:8px}.consent-warning{border-left:2px solid var(--gold);padding-left:12px}.consent-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.consent-actions button{border:1px solid var(--line);background:rgba(71,216,255,.05);color:var(--cyan-soft);padding:9px 11px;font-size:8px;cursor:pointer}.consent-actions button:last-child{border-color:rgba(226,184,97,.5);color:var(--gold-soft)}
@media (max-width:850px){.conversation-utility{display:none!important}.voice-hud{bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px));max-width:calc(100% - 24px)}}
.connection-list em{font-style:normal;color:var(--text)}#pending-actions span{display:grid;grid-template-columns:1fr auto auto;align-items:center}#pending-actions span small{grid-column:1/-1}#pending-actions button{border:1px solid var(--line);background:transparent;color:var(--cyan-soft);padding:5px;font-size:7px;cursor:pointer}

:root[data-theme="monarch"] { --cyan:#9d72ff; --cyan-soft:#d7c6ff; --line:rgba(150,104,255,.25); --line-strong:rgba(172,126,255,.58); --gold:#9d72ff; --gold-soft:#e2d8ff; }
:root[data-theme="gold"] { --cyan:#e7ad4e; --cyan-soft:#ffe0a1; --line:rgba(231,173,78,.24); --line-strong:rgba(255,204,111,.58); --gold:#e7ad4e; --gold-soft:#ffedc5; }
:root[data-theme="ice"] { --cyan:#a5eaff; --cyan-soft:#e2f9ff; --line:rgba(165,234,255,.22); --line-strong:rgba(192,244,255,.58); --gold:#a5eaff; --gold-soft:#ecfbff; }
:root[data-theme="neon"] { --void:#07020b; --panel-solid:#100718; --cyan:#ff3bd4; --cyan-soft:#ffb2ef; --line:rgba(255,59,212,.25); --line-strong:rgba(255,59,212,.62); --gold:#ff3bd4; --gold-soft:#ffe0f8; --green:#65ffb5; }
:root[data-theme="emerald"] { --void:#010907; --panel-solid:#04130f; --cyan:#39ffc1; --cyan-soft:#bcffe9; --line:rgba(57,255,193,.22); --line-strong:rgba(57,255,193,.58); --gold:#39ffc1; --gold-soft:#d9fff2; --green:#71ffad; }

* { box-sizing: border-box; }
[hidden] { display:none!important; }
html, body { margin: 0; min-height: 100%; background: var(--void); color: var(--text); font-family: Inter, "Segoe UI", system-ui, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { overflow: hidden; }
button, textarea { font: inherit; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.ambient-grid { position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(61, 206, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(61, 206, 255, .025) 1px, transparent 1px), radial-gradient(circle at 52% 45%, rgba(20, 104, 139, .13), transparent 42%); background-size: 42px 42px, 42px 42px, auto; mask-image: linear-gradient(to bottom, black, transparent 92%); }
.auth-gate { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(1,4,8,.94); backdrop-filter: blur(18px); }
.auth-gate[hidden] { display: none; }
.auth-panel { width: min(420px, calc(100vw - 34px)); padding: 34px; border: 1px solid var(--line-strong); background: radial-gradient(circle at 50% 0, rgba(71,216,255,.1), transparent 42%), var(--panel-solid); box-shadow: 0 30px 100px #000; text-align: center; }
.auth-panel .brand-mark { margin: 0 auto 24px; }
.auth-panel h1 { margin: 12px 0 8px; color: var(--gold-soft); font: 400 26px Georgia, serif; }
.auth-panel p { margin: 0 0 24px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.auth-panel label { display: block; text-align: left; color: var(--muted); font-size: 8px; letter-spacing: .14em; }
.auth-panel input { width: 100%; margin: 7px 0 12px; padding: 11px; color: var(--text); border: 1px solid var(--line); background: #030a11; outline: none; }
.auth-panel input:focus { border-color: var(--cyan); }
.auth-panel button { width: 100%; padding: 11px; border: 1px solid rgba(226,184,97,.5); background: rgba(226,184,97,.08); color: var(--gold-soft); font-size: 9px; letter-spacing: .13em; cursor: pointer; }
.auth-panel > small { display: block; min-height: 16px; margin-top: 9px; color: var(--red); }
.app-shell { position: relative; min-height: 100vh; min-height: 100dvh; padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
.topbar { height: 68px; display: grid; grid-template-columns: minmax(320px, 1fr) auto minmax(290px, 1fr); align-items: center; gap: 24px; border: 1px solid var(--line); background: rgba(3, 10, 17, .88); box-shadow: var(--shadow); padding: 0 18px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px)); }
.brand { display: flex; align-items: center; gap: 13px; min-width: 0; }
.brand-mark, .mini-core { position: relative; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 22px rgba(226,184,97,.22), inset 0 0 16px rgba(226,184,97,.12); }
.brand-mark { width: 42px; height: 42px; }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; inset: -6px; border: 1px solid rgba(71,216,255,.25); border-radius: 50%; border-left-color: transparent; transform: rotate(22deg); }
.brand-mark::after { inset: -10px; border-color: rgba(226,184,97,.18); border-right-color: transparent; transform: rotate(-30deg); }
.brand-mark span { font: 500 22px Georgia, serif; color: var(--gold-soft); }
.brand strong { display: block; color: var(--gold-soft); letter-spacing: .24em; font-size: 14px; }
.brand small { display: block; color: var(--muted); font-size: 9px; letter-spacing: .12em; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.core-phases { display: flex; align-items: center; gap: 10px; }
.core-phases .phase { font-size: 9px; letter-spacing: .15em; color: #557083; }
.core-phases .phase.active { color: var(--cyan); text-shadow: 0 0 12px rgba(71,216,255,.5); }
.core-phases i { width: 28px; height: 1px; background: linear-gradient(90deg, var(--line-strong), transparent); }
.system-meta { justify-self: end; display: flex; align-items: center; gap: 8px; color: var(--muted); letter-spacing: .12em; font-size: 9px; }
.system-meta time { margin-left: 12px; color: var(--cyan-soft); font-variant-numeric: tabular-nums; font-size: 12px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px currentColor; }
.status-dot.online { background: var(--green); }
.status-dot.error { background: var(--red); }

.body-grid { height: calc(100vh - 92px); height: calc(100dvh - 92px); margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 12px; }
.intent-rail, .conversation, .workspace { border: 1px solid var(--line); background: rgba(3, 10, 17, .78); box-shadow: var(--shadow); }
.intent-rail { display: none; }
.rail-button { width: 56px; min-height: 57px; border: 1px solid transparent; background: transparent; color: #638092; cursor: pointer; display: grid; place-items: center; align-content: center; gap: 4px; transition: .2s ease; }
.rail-button span { font-size: 19px; }
.rail-button small { font-size: 7px; letter-spacing: .13em; }
.rail-button:hover { color: var(--cyan-soft); border-color: var(--line); background: rgba(71,216,255,.04); }
.rail-button.active { color: var(--cyan); border-color: var(--line-strong); background: linear-gradient(135deg, rgba(71,216,255,.12), rgba(71,216,255,.015)); box-shadow: inset 0 0 20px rgba(71,216,255,.05), 0 0 14px rgba(71,216,255,.08); }
.rail-spacer { flex: 1; }
.notification-count { position: absolute; transform: translate(18px,-18px); min-width: 16px; height: 16px; display: grid; place-items: center; border-radius: 9px; background: var(--red); color: #fff; font-size: 8px; box-shadow: 0 0 12px rgba(255,95,104,.55); }
.rail-button { position: relative; }

.workspace { position: relative; min-width: 0; overflow: hidden; background: radial-gradient(circle at 50% 45%, rgba(8, 41, 62, .56), rgba(3, 9, 15, .9) 62%); }
.workspace::before, .workspace::after { content: ""; position: absolute; z-index: 20; pointer-events: none; width: 44px; height: 44px; border-color: var(--gold); opacity: .45; }
.workspace::before { top: 7px; left: 7px; border-top: 1px solid; border-left: 1px solid; }
.workspace::after { right: 7px; bottom: 7px; border-right: 1px solid; border-bottom: 1px solid; }
.workspace-panel { display: none; position: absolute; inset: 0; overflow: hidden; }
.workspace-panel.active { display: block; animation: panel-in .16s ease-out both; }
@keyframes panel-in { from { opacity: 0; } to { opacity: 1; } }

.command-stage { height: calc(100% - 105px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; }
.eyebrow { color: var(--cyan); letter-spacing: .22em; font-size: 9px; }
.command-stage h1 { margin: 12px 0 8px; font: 400 clamp(27px, 3vw, 43px) Georgia, serif; letter-spacing: .05em; color: var(--gold-soft); }
.command-stage > p { max-width: 650px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.shadow-core { width: 290px; height: 290px; position: relative; margin: 8px 0 5px; display: grid; place-items: center; }
.core-pulse { position: absolute; width: 100px; height: 100px; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle, rgba(226,184,97,.18), rgba(3,10,17,.9) 65%); box-shadow: 0 0 60px rgba(71,216,255,.2), 0 0 22px rgba(226,184,97,.23), inset 0 0 30px rgba(71,216,255,.12); }
.core-pulse::before, .core-pulse::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; border: 1px dashed rgba(71,216,255,.4); animation: spin 16s linear infinite; }
.core-pulse::after { inset: -14px; animation-direction: reverse; animation-duration: 24s; }
.core-pulse span { font: 500 10px/1.2 "Segoe UI",sans-serif; letter-spacing:.12em; color: var(--gold-soft); text-shadow: 0 0 20px rgba(226,184,97,.5); }
.shadow-speaking .core-pulse{animation:voice-breathe .72s ease-in-out infinite alternate}.shadow-speaking .core-pulse::before{animation-duration:1.2s}.shadow-speaking .core-pulse::after{animation-duration:1.8s}.shadow-speaking .mini-core{filter:drop-shadow(0 0 9px var(--cyan));transform:scale(1.06)}
@keyframes voice-breathe{from{transform:scale(.96);box-shadow:0 0 34px color-mix(in srgb,var(--cyan) 18%,transparent),inset 0 0 20px rgba(71,216,255,.08)}to{transform:scale(1.08);box-shadow:0 0 75px color-mix(in srgb,var(--cyan) 42%,transparent),0 0 25px color-mix(in srgb,var(--gold) 24%,transparent),inset 0 0 34px rgba(71,216,255,.18)}}
.orbit { position: absolute; border: 1px solid rgba(71,216,255,.18); border-radius: 50%; }
.orbit::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); top: 50%; left: -3px; box-shadow: 0 0 10px var(--cyan); }
.orbit-a { inset: 52px; animation: spin 18s linear infinite; }
.orbit-b { inset: 27px; border-color: rgba(226,184,97,.16); animation: spin 28s linear reverse infinite; }
.orbit-c { inset: 4px; border-style: dashed; animation: spin 42s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.node { position: absolute; font-size: 7px; font-weight: 500; letter-spacing: .14em; color: var(--muted); padding: 5px 8px; border: 1px solid rgba(71,216,255,.16); background: rgba(3,10,17,.8); }
.n1 { top: 12px; left: 105px; }.n2 { top: 65px; right: -5px; }.n3 { bottom: 56px; right: -8px; }.n4 { bottom: 10px; left: 101px; }.n5 { bottom: 60px; left: -22px; }.n6 { top: 65px; left: -10px; }
.suggestions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.suggestions button, .map-modes button { border: 1px solid var(--line); background: rgba(6,20,31,.75); color: #8aa6b8; padding: 8px 11px; font-size: 9px; letter-spacing: .08em; cursor: pointer; }
.suggestions button:hover, .map-modes button:hover, .map-modes button.selected { color: var(--cyan-soft); border-color: var(--line-strong); background: rgba(71,216,255,.1); }
.telemetry-strip { height: 105px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); background: rgba(3,9,15,.72); }
.telemetry-strip article { padding: 17px 20px; border-right: 1px solid var(--line); }
.telemetry-strip article:last-child { border-right: 0; }
.telemetry-strip small { display: block; color: var(--muted); font-size: 8px; letter-spacing: .16em; }
.telemetry-strip strong { display: block; margin: 5px 0 2px; font: 400 19px Georgia, serif; color: var(--cyan-soft); }
.telemetry-strip span { color: #536e80; font-size: 9px; }

#map { position: absolute; inset: 0; background: #02070d; }
.maplibregl-canvas { filter: saturate(.82) brightness(.77) hue-rotate(160deg); }
.maplibregl-ctrl-group { background: rgba(3,10,17,.8)!important; border: 1px solid var(--line)!important; }
.maplibregl-ctrl button span { filter: invert(1); opacity: .75; }
.maplibregl-ctrl-attrib { background: rgba(3,10,17,.72)!important; color: var(--muted)!important; }
.maplibregl-ctrl-attrib a { color: var(--cyan-soft)!important; }
.hud { position: absolute; z-index: 5; border: 1px solid var(--line); background: rgba(3,11,19,.84); backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,.3); }
.top-left { top: 24px; left: 24px; padding: 15px 18px; min-width: 285px; }
.hud h2 { margin: 5px 0 3px; font: 400 22px Georgia, serif; color: var(--gold-soft); }
.hud p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.map-modes { position: absolute; top: 24px; right: 24px; z-index: 5; display: flex; }
.detail-card { right: 24px; bottom: 49px; width: 280px; padding: 15px; }
.detail-card small { color: var(--muted); font-size: 8px; letter-spacing: .16em; }
.detail-card strong { display: block; color: var(--cyan-soft); margin: 6px 0; font-size: 14px; }
.detail-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 0; }
.detail-card dt { font-size: 8px; color: var(--muted); }.detail-card dd { margin: 2px 0 0; color: var(--text); font-size: 11px; }
.map-legend { position: absolute; z-index: 4; left: 24px; bottom: 22px; display: flex; gap: 15px; color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.map-legend i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; box-shadow: 0 0 8px currentColor; }.map-legend .cyan{background:var(--cyan)}.map-legend .gold{background:var(--gold)}.map-legend .red{background:var(--red)}
.shadow-marker { width: 15px; height: 15px; border-radius: 50%; border: 2px solid var(--cyan-soft); background: rgba(71,216,255,.35); box-shadow: 0 0 0 7px rgba(71,216,255,.1), 0 0 20px var(--cyan); }

.panel-head { height: 78px; padding: 18px 23px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; background: rgba(3,10,17,.78); }
.panel-head h2 { margin: 5px 0 0; font: 400 23px Georgia, serif; color: var(--gold-soft); }
.data-freshness { border: 1px solid var(--line); color: var(--muted); padding: 7px 10px; font-size: 8px; letter-spacing: .12em; }
.market-grid { height: calc(100% - 112px); padding: 15px; display: grid; grid-template-columns: 210px minmax(0, 1fr) 270px; grid-template-rows: minmax(0, 1fr) 180px; gap: 12px; }
.market-grid article { border: 1px solid var(--line); background: rgba(4,13,22,.68); padding: 15px; min-width: 0; overflow: hidden; }
.market-grid small, .research-layout small, .factor-surface > small { color: var(--muted); font-size: 8px; letter-spacing: .15em; }
.analysis-score { grid-row: span 2; text-align: center; display: flex; flex-direction: column; align-items: center; }
.score-ring { --score: 0; width: 140px; height: 140px; border-radius: 50%; margin: 28px 0 18px; display: grid; place-content: center; background: radial-gradient(circle at center, #07121e 58%, transparent 59%), conic-gradient(var(--cyan) calc(var(--score) * 1%), rgba(71,216,255,.08) 0); box-shadow: 0 0 40px rgba(71,216,255,.12); position: relative; }
.score-ring::after { content: ""; position: absolute; inset: -7px; border: 1px dashed rgba(226,184,97,.24); border-radius: 50%; }
.score-ring strong { font: 400 35px Georgia, serif; color: var(--gold-soft); }.score-ring span { color: var(--muted); font-size: 9px; }
.analysis-score > b { color: var(--cyan-soft); letter-spacing: .13em; font-size: 11px; text-transform: uppercase; }.analysis-score p { color: var(--muted); line-height: 1.6; font-size: 10px; margin-top: 14px; }
.main-chart { grid-column: 2 / 4; position:relative; }
.chart-heading { display: flex; justify-content: space-between; align-items: center; }.chart-heading strong { display: block; margin-top: 4px; color: var(--gold-soft); font: 400 20px Georgia, serif; }.chart-heading > span { color: var(--cyan); font-size: 13px; letter-spacing: .16em; }
#price-chart { width: 100%; height: calc(100% - 50px); overflow: visible; }
#price-chart .gridline { stroke: rgba(105,154,178,.12); stroke-width: 1; fill: none; }
#price-line { fill: none; stroke: var(--cyan); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(71,216,255,.65)); }
#price-guide { stroke:var(--line-strong); stroke-width:1; stroke-dasharray:5 4; vector-effect:non-scaling-stroke; }
#price-point { fill:var(--panel-solid); stroke:var(--gold); stroke-width:2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 5px var(--gold)); }
.chart-tooltip { position:absolute; z-index:4; transform:translate(-50%,-100%); min-width:88px; padding:7px 9px; border:1px solid var(--line-strong); background:rgba(2,8,14,.96); pointer-events:none; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.45); }.chart-tooltip small,.chart-tooltip strong{display:block}.chart-tooltip small{color:var(--muted);font-size:7px}.chart-tooltip strong{color:var(--gold-soft);font-size:11px;margin-top:3px}
.scenario-scale { position: relative; height: 16px; margin: 45px 0 12px; background: linear-gradient(90deg, rgba(255,95,104,.6), rgba(226,184,97,.7), rgba(94,232,155,.7)); }
.scenario-scale::before { content: ""; position: absolute; inset: -11px 0; border: 1px solid var(--line); }
.scenario-scale i { position: absolute; left: 50%; top: -8px; width: 1px; height: 32px; background: var(--text); box-shadow: 0 0 7px var(--text); }
.scenario-values { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }.scenario-values b { display: block; color: var(--text); margin-top: 4px; font-size: 11px; }.scenario-card p { margin: 18px 0 0; color: var(--muted); font-size: 10px; }
.factor-surface { display: flex; flex-direction: column; gap: 14px; }
.factor { display: grid; grid-template-columns: 100px 1fr 50px; align-items: center; gap: 8px; font-size: 9px; color: var(--muted); }.factor i { height: 4px; background: rgba(80,120,145,.14); }.factor i b { display: block; height: 100%; width: 0; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); transition: width .4s ease; }.factor em { color: var(--text); font-style: normal; text-align: right; font-variant-numeric: tabular-nums; }
.disclaimer { height: 34px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: #617c8e; font-size: 8px; letter-spacing: .12em; }

.research-layout { height: calc(100% - 78px); display: grid; grid-template-columns: minmax(340px, 44%) 1fr; }
.knowledge-viz { display: grid; place-items: center; border-right: 1px solid var(--line); background: radial-gradient(circle, rgba(65,28,97,.2), transparent 60%); }
.knowledge-viz svg { width: 90%; max-height: 90%; }.knowledge-viz .links line { stroke: rgba(71,216,255,.25); stroke-width: 1; }.knowledge-nodes circle { fill: rgba(71,216,255,.06); stroke: var(--line-strong); }.knowledge-nodes circle:first-child { fill: rgba(226,184,97,.1); stroke: var(--gold); filter: drop-shadow(0 0 15px rgba(226,184,97,.25)); }.node-labels text { fill: var(--muted); font-size: 10px; text-anchor: middle; letter-spacing: 1px; }.node-labels text:first-child { fill: var(--gold-soft); font-size: 12px; }
.evidence-list { overflow-y: auto; padding: 14px; }
.evidence-item { border-bottom: 1px solid var(--line); padding: 14px 8px; position:relative; }.evidence-item small { color: var(--cyan); }.evidence-item h3 { margin: 6px 0; font-size: 12px; font-weight: 500; line-height: 1.45; }.evidence-item p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.evidence-item a { display: inline-block; color: var(--gold); font-size: 9px; margin-top: 8px; text-decoration: none; }.empty-state { color: var(--muted); font-size: 11px; padding: 30px 10px; }.relevance-score{float:right;color:var(--gold-soft);font-size:7px;letter-spacing:.1em;font-weight:500}.relevance-reasons{margin-top:6px!important;color:var(--cyan-soft)!important;font-size:8px!important}

.network-canvas { position: relative; height: calc(100% - 78px); display: grid; place-items: center; background: radial-gradient(circle at center, rgba(71,216,255,.09), transparent 50%); }.network-canvas > svg { width: 88%; height: 88%; }.network-lines path { stroke: rgba(71,216,255,.25); fill: none; stroke-width: 1; }.person-node circle { fill: rgba(4,17,28,.9); stroke: var(--line-strong); }.person-node text { fill: var(--cyan-soft); text-anchor: middle; font-size: 11px; letter-spacing: 1.3px; }.person-node.owner circle { stroke: var(--gold); fill: rgba(226,184,97,.08); filter: drop-shadow(0 0 14px rgba(226,184,97,.3)); }.person-node.owner text { fill: var(--gold-soft); font-size: 15px; }.network-note { position: absolute; right: 22px; bottom: 22px; width: 270px; padding: 14px; border: 1px solid var(--line); background: rgba(3,10,17,.85); }.network-note strong { color: var(--cyan-soft); font-size: 11px; }.network-note p { color: var(--muted); font-size: 9px; line-height: 1.5; margin: 7px 0 0; }

.math-stage { height: calc(100% - 78px); display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 8%; gap: 8%; }.formula-orbit { aspect-ratio: 1; max-width: 330px; border: 1px solid rgba(71,216,255,.2); border-radius: 50%; position: relative; display: grid; place-items: center; justify-self: end; }.formula-orbit span { width: 120px; height: 120px; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; color: var(--gold-soft); font: 48px Georgia, serif; box-shadow: 0 0 50px rgba(226,184,97,.13); }.formula-orbit i { position: absolute; inset: 10%; border: 1px dashed rgba(71,216,255,.2); border-radius: 50%; }.formula-orbit i:nth-child(2){transform:rotateX(62deg)}.formula-orbit i:nth-child(3){transform:rotateY(62deg)}.formula-orbit i:nth-child(4){inset:25%;transform:rotate(45deg)}.calculation-output { border-left: 1px solid var(--line); padding: 35px; min-width: 0; }.calculation-output small { display: block; color: var(--muted); font-size: 8px; letter-spacing: .16em; margin: 15px 0 8px; }.calculation-output code { color: var(--cyan-soft); font-size: 13px; word-break: break-word; }.calculation-output strong { display: block; color: var(--gold-soft); font: 400 46px Georgia, serif; word-break: break-all; }.calculation-output p { color: var(--muted); font-size: 10px; }
.code-stage { margin: 20px; height: calc(100% - 118px); border: 1px solid var(--line); background: #030a11; }.code-tabs { height: 42px; display: flex; border-bottom: 1px solid var(--line); }.code-tabs span { padding: 15px 18px; color: var(--muted); font-size: 8px; letter-spacing: .14em; }.code-tabs span.active { color: var(--cyan); border-bottom: 1px solid var(--cyan); }.code-stage pre { margin: 0; padding: 24px; color: #8ecde1; font: 12px/1.8 "Cascadia Code", Consolas, monospace; white-space: pre-wrap; }

#solar-canvas { position: absolute; inset: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, #071421, #010307 72%);cursor:grab;touch-action:none; }.solar-detail { bottom: 24px; }.solar-detail p { min-height: 32px; }

.twin-panel { background:radial-gradient(circle at 50% 42%, color-mix(in srgb,var(--cyan) 12%,transparent), transparent 45%),#01050a; }
#twin-stage { position:absolute;inset:0;cursor:grab;touch-action:none;contain:strict; }
#twin-stage:active { cursor:grabbing; }
#twin-stage canvas,#solar-canvas { image-rendering:auto;display:block; }
#twin-stage canvas { width:100%;height:100%; }
.twin-controls { position:absolute;z-index:5;top:22px;right:22px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:58%; }
.twin-controls button { border:1px solid var(--line);background:rgba(3,10,17,.82);color:var(--muted);padding:8px 10px;font-size:7px;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(8px); }
.twin-controls button:hover,.twin-controls button.selected { color:var(--cyan-soft);border-color:var(--line-strong);box-shadow:inset 0 0 18px color-mix(in srgb,var(--cyan) 10%,transparent); }
.visual-toolbar{position:absolute;z-index:7;left:18px;top:50%;transform:translateY(-50%);display:grid;gap:5px;padding:6px;border:1px solid var(--line);background:rgba(3,10,17,.78);backdrop-filter:blur(10px)}.visual-toolbar button{width:34px;height:34px;border:1px solid var(--line);background:rgba(71,216,255,.04);color:var(--cyan-soft);font-size:14px;cursor:pointer}.visual-toolbar button:hover,.visual-toolbar button:focus-visible{border-color:var(--line-strong);background:rgba(71,216,255,.12)}
.twin-detail { bottom:24px;right:24px;top:auto;max-height:42%;overflow:auto; }
.twin-signal-list { display:grid;gap:5px;margin-top:10px; }.twin-signal-list span{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.twin-signal-list span i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.twin-signal-list b{margin-left:auto;color:var(--gold-soft);font-weight:500}.interaction-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;color:var(--muted);font-size:7px;letter-spacing:.15em;white-space:nowrap}.visual-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted)}.visual-fallback strong{color:var(--cyan-soft);letter-spacing:.15em}.visual-fallback p{font-size:10px}

.insight-console { position:absolute;z-index:24;left:18px;bottom:18px;width:min(520px,calc(100% - 36px));max-height:43%;overflow:auto;border:1px solid var(--line-strong);border-left:3px solid var(--cyan);background:linear-gradient(110deg,rgba(4,14,24,.95),rgba(3,8,15,.9));padding:14px 16px;box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 30px color-mix(in srgb,var(--cyan) 8%,transparent);backdrop-filter:blur(14px);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:max-height .16s ease,padding .16s ease; }
.insight-console[hidden]{display:none}.insight-toggle{position:absolute;right:8px;top:7px;width:27px;height:24px;border:0;background:transparent;color:var(--cyan);cursor:pointer}.insight-head{padding-right:28px}.insight-head span{display:block;color:var(--cyan);font-size:7px;letter-spacing:.19em}.insight-head strong{display:block;margin-top:4px;color:var(--gold-soft);font:400 17px Georgia,serif}.insight-console>p{margin:9px 0;color:#acc4d0;font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.insight-metrics{display:flex;gap:7px;flex-wrap:wrap}.insight-metrics div{min-width:78px;padding:7px 9px;border-left:1px solid var(--line-strong);background:color-mix(in srgb,var(--cyan) 4%,transparent)}.insight-metrics small,.insight-metrics strong{display:block}.insight-metrics small{color:var(--muted);font-size:7px}.insight-metrics strong{margin-top:3px;color:var(--cyan-soft);font-size:10px}.insight-equations{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.insight-equations code{padding:6px 8px;border:1px solid var(--line);color:var(--gold-soft);background:rgba(0,0,0,.18);font-size:9px}.insight-agents{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.insight-agents span{padding:4px 6px;border:1px solid var(--line);color:var(--cyan-soft);font-size:7px;letter-spacing:.06em}.insight-agents .layer-chip{color:var(--muted);border-style:dashed}.insight-console.collapsed{max-height:48px;overflow:hidden;padding-top:9px;padding-bottom:7px}.insight-console.collapsed .insight-head span,.insight-console.collapsed>p,.insight-console.collapsed .insight-metrics,.insight-console.collapsed .insight-equations,.insight-console.collapsed .insight-agents{display:none}.insight-console.collapsed .insight-head strong{font-size:13px;margin:0}

.conversation { min-width: 0; display: grid; grid-template-rows: 64px minmax(0, 1fr) auto 29px; position: relative; overflow: hidden; }
.mobile-chat-toggle { display:none; }
.conversation-head { display: flex; align-items: center; gap: 7px; padding: 0 10px; border-bottom: 1px solid var(--line); background: rgba(5,16,26,.86); }.conversation-head > div:nth-child(2) { flex: 1; min-width: 0; }.mini-core { width: 35px; height: 35px; color: var(--gold-soft); font-family: Georgia, serif; flex: 0 0 auto; }.conversation-head strong { display: block; font-size: 11px; color: var(--gold-soft); letter-spacing: .13em; white-space: nowrap; }.conversation-head small { display: block; color: var(--muted); font-size: 7px; letter-spacing: .1em; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.icon-button { flex: 0 0 auto; width: 28px; height: 28px; border: 1px solid var(--line); background: transparent; color: var(--cyan); cursor: pointer; }.icon-button[aria-pressed="true"], .icon-button.muted { color: var(--red); border-color: rgba(255,95,104,.45); background: rgba(255,95,104,.08); }
.conversation-log { overflow-y: auto; padding: 15px 13px; display: flex; flex-direction: column; gap: 13px; scrollbar-color: rgba(71,216,255,.2) transparent; }.message { max-width: 92%; padding: 11px 12px; border: 1px solid var(--line); background: rgba(7,21,33,.7); }.message small { display: block; color: var(--cyan); font-size: 7px; letter-spacing: .15em; margin-bottom: 6px; }.message p { margin: 0; color: #b9cfdb; font-size: 11px; line-height: 1.55; white-space: pre-wrap; }.user-message { align-self: flex-end; border-color: rgba(226,184,97,.3); background: rgba(35,27,16,.35); }.user-message small { color: var(--gold); }.typing p::after { content: ""; display: inline-block; width: 18px; height: 7px; margin-left: 6px; background: radial-gradient(circle, var(--cyan) 2px, transparent 3px) 0 0/6px 6px; animation: blink .8s infinite alternate; } @keyframes blink{to{opacity:.25}}
.message-feedback { display:flex; gap:6px; margin-top:9px; opacity:.62; }.message:hover .message-feedback,.message:focus-within .message-feedback { opacity:1; }.message-feedback button { border:0; border-top:1px solid var(--line); background:transparent; color:var(--muted); padding:6px 5px 0; font-size:6px; letter-spacing:.1em; cursor:pointer; }.message-feedback button:hover { color:var(--cyan-soft); }.message-feedback button:disabled { opacity:.35; cursor:default; }
.composer { border-top: 1px solid var(--line); padding: 10px; background: rgba(3,10,17,.94); }.composer textarea { width: 100%; resize: none; border: 1px solid var(--line); outline: none; background: rgba(5,17,27,.9); color: var(--text); padding: 10px; font-size: 11px; line-height: 1.45; }.composer textarea:focus { border-color: var(--line-strong); box-shadow: 0 0 0 2px rgba(71,216,255,.06); }.composer textarea::placeholder { color: #4d687a; }.composer-actions { display: flex; justify-content: space-between; margin-top: 8px; }.mic-button, .send-button { border: 1px solid var(--line); background: transparent; padding: 8px 10px; font-size: 8px; letter-spacing: .12em; cursor: pointer; }.mic-button span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); margin-right: 5px; }.mic-button.listening { border-color: var(--red); color: var(--red); }.mic-button.listening span { background: var(--red); box-shadow: 0 0 10px var(--red); animation: blink .5s infinite alternate; }.send-button { border-color: rgba(226,184,97,.45); color: var(--gold-soft); background: rgba(226,184,97,.06); }.send-button:hover { background: rgba(226,184,97,.13); }.send-button b { font-size: 12px; margin-left: 5px; }.conversation-foot { display: flex; align-items: center; justify-content: center; gap: 7px; border-top: 1px solid var(--line); color: #4e697a; font-size: 6px; letter-spacing: .09em; }.conversation-foot i { width: 3px; height: 3px; border-radius: 50%; background: var(--green); }
.sources-drawer { position: absolute; inset: 64px 0 0; z-index: 20; background: rgba(3,10,17,.98); padding: 14px; overflow-y: auto; }.drawer-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 12px; color: var(--cyan-soft); font-size: 9px; letter-spacing: .14em; }.drawer-head button { border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 20px; }.source-entry { display: block; padding: 12px 5px; border-bottom: 1px solid var(--line); text-decoration: none; }.source-entry strong { display: block; color: var(--text); font-size: 10px; }.source-entry span { display: block; color: var(--muted); font-size: 8px; margin-top: 5px; }
.drawer-item { padding: 14px 4px; border-bottom: 1px solid var(--line); }.drawer-item small, .drawer-item strong { display:block; }.drawer-item small { color:var(--cyan); font-size:7px; letter-spacing:.1em; }.drawer-item strong { margin-top:6px; font-size:11px; }.drawer-item p { color:var(--muted); font-size:10px; line-height:1.5; }.drawer-item button, .chat-entry { border:1px solid var(--line); background:rgba(71,216,255,.04); color:var(--cyan-soft); padding:7px 9px; font-size:8px; letter-spacing:.1em; cursor:pointer; }.chat-entry { width:100%; display:block; text-align:left; margin-top:8px; padding:11px; }.chat-entry strong,.chat-entry span { display:block; }.chat-entry span { color:var(--muted); font-size:8px; margin-top:5px; }.chat-entry.active { border-color:var(--line-strong); background:rgba(71,216,255,.1); }

.settings-panel { overflow-y: auto; background: radial-gradient(circle at 75% 10%, rgba(114,63,191,.15), transparent 35%), rgba(2,8,14,.92); }
.settings-grid { padding:16px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
.settings-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(9,23,37,.86),rgba(4,11,19,.72)); padding:17px; min-width:0; position:relative; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%); }
.settings-card::before { content:""; position:absolute; top:0; right:0; width:34px; height:1px; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.settings-card h3 { margin:8px 0 14px; color:var(--gold-soft); font:400 18px Georgia,serif; }.settings-card p { color:var(--muted); font-size:10px; line-height:1.6; }.system-tag { color:var(--cyan); font-size:7px; letter-spacing:.18em; }.settings-card label { display:block; margin:12px 0 6px; color:var(--muted); font-size:8px; letter-spacing:.1em; }.settings-card select,.settings-card input[type="file"] { width:100%; border:1px solid var(--line); background:#030a11; color:var(--text); padding:9px; font-size:10px; }.settings-card input[type="range"] { width:100%; accent-color:var(--cyan); }.settings-card button { border:1px solid var(--line-strong); background:rgba(71,216,255,.07); color:var(--cyan-soft); padding:9px 11px; font-size:8px; letter-spacing:.11em; cursor:pointer; }.settings-actions { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }.toggle-row { display:flex!important; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding:10px 0; margin:0!important; color:var(--text)!important; letter-spacing:0!important; }.toggle-row span { font-size:10px; }.toggle-row small { display:block; color:var(--muted); margin-top:3px; }.toggle-row input { width:34px; height:18px; accent-color:var(--cyan); }.danger-soft { width:100%; margin-top:10px; border-color:rgba(255,95,104,.45)!important; color:#ff9aa0!important; background:rgba(255,95,104,.06)!important; }.danger-soft[aria-pressed="true"] { background:rgba(255,95,104,.18)!important; box-shadow:inset 0 0 20px rgba(255,95,104,.12); }.upload-form button { width:100%; margin-top:8px; }.compact-list { margin-top:12px; max-height:120px; overflow-y:auto; }.compact-list>span { display:flex; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid var(--line); font-size:9px; }.compact-list small { color:var(--muted); }.quality-card { grid-column:span 2; }.quality-card dl,.settings-card dl { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.quality-card dl div,.settings-card dl div { border-left:1px solid var(--line-strong); padding-left:9px; }.quality-card dt,.settings-card dt { color:var(--muted); font-size:7px; letter-spacing:.1em; }.quality-card dd,.settings-card dd { margin:5px 0 0; color:var(--cyan-soft); font-size:10px; }.connection-list { display:grid; gap:7px; }.connection-list span { display:flex; justify-content:space-between; gap:8px; border-bottom:1px solid var(--line); padding:8px 0; color:var(--muted); font-size:8px; }.connection-list b { color:var(--gold); font-weight:500; }

.system-toast-stack { position:fixed; z-index:200; top:max(18px,env(safe-area-inset-top)); right:max(18px,env(safe-area-inset-right)); width:min(360px,calc(100vw - 28px)); display:grid; gap:10px; pointer-events:none; }.system-toast { transform:translateX(30px); opacity:0; transition:.28s ease; border:1px solid var(--line-strong); border-left:3px solid var(--cyan); background:linear-gradient(100deg,rgba(9,22,38,.97),rgba(4,8,16,.97)); padding:14px 16px; box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 24px rgba(71,216,255,.1); clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%); }.system-toast.visible { transform:none; opacity:1; }.system-toast small { display:block; color:var(--cyan); font-size:7px; letter-spacing:.18em; }.system-toast strong { display:block; margin-top:5px; color:var(--gold-soft); font-size:11px; }.system-toast p { margin:6px 0 0; color:#a9c2d0; font-size:10px; line-height:1.45; }.system-toast.security { border-left-color:var(--red); }.system-toast.knowledge-gap { border-left-color:var(--gold); }

:root[data-density="compact"] .settings-card,:root[data-density="compact"] .message { padding:9px; }:root[data-density="calm"] .telemetry-strip,:root[data-density="calm"] .conversation-foot { display:none; }:root[data-density="calm"] .command-stage { height:100%; }

@media (max-width: 1180px) {
  .body-grid { grid-template-columns: minmax(0, 1fr) 310px; }.core-phases { display: none; }.topbar { grid-template-columns: 1fr 1fr; }.market-grid { grid-template-columns: 180px minmax(0,1fr); grid-template-rows: minmax(0,1fr) 180px; }.main-chart { grid-column: 2; }.scenario-card { grid-column: 2; }.factor-surface { display: none; }.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 850px) {
  body { overflow:hidden; }.app-shell { height:100dvh;overflow:hidden;padding: max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)); }.topbar { height: 62px; grid-template-columns: 1fr auto; }.brand small, #system-status { display: none; }.body-grid { height:calc(100dvh - 74px);min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr); }.workspace { min-height:0; }.conversation { position:fixed;z-index:60;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));height:min(58dvh,520px);min-height:0;transform:translateY(calc(100% - 64px));transition:transform .18s ease-out;box-shadow:0 -18px 65px rgba(0,0,0,.66); }.conversation.mobile-open{transform:none}.mobile-chat-toggle{display:block}.conversation-head{padding-right:6px}.telemetry-strip { display:none; }.command-stage { height: 100%; }.shadow-core { width: 210px; height: 210px; }.market-grid { grid-template-columns: 1fr; grid-template-rows: 150px 260px 170px; overflow-y: auto; }.analysis-score { grid-row: auto; flex-direction: row; gap: 20px; text-align: left; }.score-ring { width: 100px; height: 100px; margin: 0; flex: 0 0 auto; }.main-chart, .scenario-card { grid-column: 1; }.research-layout { grid-template-columns: 1fr; }.knowledge-viz { display: none; }.math-stage { grid-template-columns: 1fr; }.formula-orbit { display: none; }.calculation-output { border-left: 0; }.detail-card { width: 230px; }.top-left { min-width: 240px; }.map-modes { top: 125px; left: 24px; right: auto; }.twin-controls{top:110px;left:18px;right:18px;max-width:none;justify-content:flex-start}.twin-controls button{padding:7px;font-size:6px}.twin-detail{right:16px;bottom:76px;width:min(250px,calc(100% - 32px));max-height:30%}.interaction-hint{display:none}.insight-console{left:10px;bottom:74px;width:calc(100% - 20px);max-height:38%;padding:12px}.settings-grid{grid-template-columns:1fr;padding:10px;}.quality-card{grid-column:auto;}.settings-panel .panel-head{position:sticky;top:0;z-index:2;}.system-toast-stack{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));}
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; scroll-behavior: auto!important; } }

/* S.H.A.D.O.W. 0.9 scientific, device and health surfaces */
.chart-axis{position:absolute;color:var(--muted);font-size:7px;letter-spacing:.11em;pointer-events:none}.chart-axis-y{left:2px;top:50%;transform:rotate(-90deg) translateY(-50%);transform-origin:left top}.chart-axis-x{bottom:2px;left:50%;transform:translateX(-50%)}.chart-legend{position:absolute;right:14px;bottom:8px;color:var(--muted);font-size:7px;letter-spacing:.08em}.chart-legend i{display:inline-block;width:18px;height:2px;margin-right:5px;background:var(--cyan);box-shadow:0 0 5px var(--cyan);vertical-align:middle}
.science-panel{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 48%),#01050a}.science-panel.active{display:block}#science-stage{position:absolute;inset:0;cursor:grab;touch-action:none;contain:strict}#science-stage:active{cursor:grabbing}#science-stage canvas{display:block;width:100%;height:100%;image-rendering:auto}.science-detail{bottom:24px;right:24px;width:310px;max-height:46%;overflow:auto}.science-equations{display:grid;gap:6px;margin:10px 0}.science-equations code{display:block;padding:7px 8px;border-left:1px solid var(--gold);background:rgba(0,0,0,.24);color:var(--gold-soft);font:10px/1.4 "Cascadia Code",Consolas,monospace}.science-legend{display:flex;gap:12px;margin-top:12px;color:var(--muted);font-size:7px}.science-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.science-legend span:last-child i{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.settings-card input[type="text"],.settings-card input[type="number"]{width:100%;border:1px solid var(--line);background:#030a11;color:var(--text);padding:9px;font-size:10px}.settings-card input:focus{border-color:var(--line-strong);outline:none}
@media (max-width:850px){.science-detail{right:16px;bottom:76px;width:min(250px,calc(100% - 32px));max-height:30%}.chart-axis-y{display:none}.chart-legend{bottom:18px}}

/* S.H.A.D.O.W. 1.0 navigation, Apple bridges and contextual dialogue */
.route-console{left:18px;bottom:44px;width:min(260px,calc(100% - 36px));display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px}.route-console small{grid-column:1/-1;color:var(--cyan);font-size:7px;letter-spacing:.16em}.route-console input,.route-console select{min-width:0;border:1px solid var(--line);background:rgba(2,9,15,.9);color:var(--text);padding:8px;font-size:9px}.route-console button{border:1px solid var(--line-strong);background:rgba(71,216,255,.08);color:var(--cyan-soft);font-size:8px;letter-spacing:.1em}.route-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.route-actions a{border:1px solid var(--line);color:var(--gold-soft);padding:7px;text-decoration:none;font-size:7px;letter-spacing:.09em}.route-actions[hidden]{display:none}.maplibregl-canvas{image-rendering:auto}.maplibregl-ctrl-attrib{font-size:9px}
.activity-layer{position:absolute;z-index:48;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,calc(100% - 36px));display:grid;justify-items:center;gap:8px;padding:19px 20px;border:1px solid var(--line-strong);background:rgba(2,8,15,.82);backdrop-filter:blur(12px);box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 34px color-mix(in srgb,var(--cyan) 13%,transparent);pointer-events:none}.activity-layer>strong{color:var(--gold-soft);font-size:9px;letter-spacing:.18em}.activity-layer>span{color:var(--muted);font-size:8px;letter-spacing:.09em}.activity-sigil{position:relative;width:72px;height:72px;animation:activity-spin 1.8s cubic-bezier(.48,.08,.52,.92) infinite}.activity-sigil i{position:absolute;left:31px;top:4px;width:10px;height:31px;border:1px solid var(--cyan);border-radius:60% 10% 60% 10%;transform-origin:5px 32px;box-shadow:0 0 8px color-mix(in srgb,var(--cyan) 55%,transparent);background:color-mix(in srgb,var(--cyan) 8%,transparent)}.activity-sigil i:nth-child(2){transform:rotate(60deg)}.activity-sigil i:nth-child(3){transform:rotate(120deg)}.activity-sigil i:nth-child(4){transform:rotate(180deg)}.activity-sigil i:nth-child(5){transform:rotate(240deg)}.activity-sigil i:nth-child(6){transform:rotate(300deg)}.activity-sigil b{position:absolute;inset:27px;border-radius:50%;background:var(--void);border:1px solid var(--gold);box-shadow:0 0 16px var(--gold)}@keyframes activity-spin{to{transform:rotate(360deg)}}.activity-progress{width:100%;height:3px;background:color-mix(in srgb,var(--cyan) 10%,transparent);overflow:hidden}.activity-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 10px var(--cyan);transition:width .12s linear}.price-bars rect{fill:var(--cyan);opacity:.58}.comparison-line{fill:none;stroke:var(--gold);stroke-width:2.5;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 55%,transparent))}
.follow-up{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.follow-up p{color:var(--muted);font-size:9px}.follow-up-actions{display:flex;gap:6px;flex-wrap:wrap}.follow-up-actions button{border:1px solid var(--line);background:rgba(71,216,255,.05);color:var(--cyan-soft);padding:6px 7px;font-size:7px;letter-spacing:.08em;cursor:pointer}.follow-up-actions button:last-child{color:var(--muted);background:transparent}
.apple-capability-card{grid-column:span 2}.apple-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.apple-action-grid button{text-align:left;min-height:38px}.apple-capability-card .provider-audit{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.apple-capability-card .provider-audit strong{display:block;color:var(--gold-soft);margin-top:4px}
@media (max-width:850px){.route-console{bottom:76px;width:min(230px,calc(100% - 32px));grid-template-columns:1fr}.route-console>*{grid-column:1!important}.apple-capability-card{grid-column:auto}.apple-action-grid{grid-template-columns:1fr 1fr}.detail-card{max-height:28%;overflow:auto}#place-detail{top:205px;right:16px;bottom:auto;width:min(210px,calc(100% - 32px));max-height:24%}.map-legend{display:none}}

/* Adaptive command-deck layout */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{overflow-y:auto}.app-shell{height:100dvh;min-height:560px;overflow:hidden}.top-action{min-width:34px;height:30px;border:1px solid var(--line);background:rgba(71,216,255,.04);color:var(--cyan-soft);font-size:7px;letter-spacing:.1em;cursor:pointer}.top-action:hover,.top-action:focus-visible{border-color:var(--line-strong);background:rgba(71,216,255,.1)}
.body-grid{grid-template-columns:168px minmax(0,1fr) minmax(300px,350px);min-width:0;min-height:0}.intent-rail{display:flex;flex-direction:column;gap:4px;padding:8px;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.rail-button{width:100%;min-height:46px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:1fr;justify-items:start;align-content:center;padding:6px 8px}.rail-button span{justify-self:center}.rail-button small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-collapsed .body-grid{grid-template-columns:72px minmax(0,1fr) minmax(300px,350px)}.nav-collapsed .rail-button{grid-template-columns:1fr;justify-items:center;padding:5px}.nav-collapsed .rail-button small{display:none}.workspace,.conversation{min-height:0}.workspace-panel{min-width:0;min-height:0}.workspace-panel.active{max-width:100%}.market-grid,.research-layout,.network-canvas,.settings-grid{min-width:0}.conversation-log{min-height:0}.panel-head-actions{display:flex;align-items:center;gap:9px}.overlay-close{width:34px;height:34px;border:1px solid var(--line-strong);background:rgba(71,216,255,.05);color:var(--cyan-soft);font-size:20px;cursor:pointer}
.settings-panel.active{position:fixed;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:150;display:block;overflow:auto;border:1px solid var(--line-strong);background:radial-gradient(circle at 76% 8%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 34%),rgba(2,8,14,.985);box-shadow:0 30px 120px #000,0 0 42px color-mix(in srgb,var(--cyan) 12%,transparent);animation:settings-in .18s ease-out}.settings-panel.active::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(0,3,7,.62);backdrop-filter:blur(8px)}@keyframes settings-in{from{opacity:0;transform:translateY(8px) scale(.994)}to{opacity:1;transform:none}}.settings-panel .panel-head{position:sticky;top:0;z-index:4}.settings-grid{padding-bottom:40px}.settings-card input[type="search"],.settings-card input[type="text"],.chat-tools input,.chat-tools select,.catalog-controls select{width:100%;border:1px solid var(--line);background:#030a11;color:var(--text);padding:9px;font-size:10px;outline:none}.settings-card input:focus,.chat-tools input:focus,.chat-tools select:focus{border-color:var(--line-strong)}
.command-catalog-card{grid-column:span 2}.command-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.command-stats span{padding:8px;border-left:1px solid var(--line-strong);background:rgba(71,216,255,.035)}.command-stats b,.command-stats small{display:block}.command-stats b{color:var(--cyan-soft);font-size:13px}.command-stats small{margin-top:3px;color:var(--muted);font-size:7px}.catalog-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr);gap:6px 10px}.catalog-controls label{margin:0!important}.command-list{min-height:120px;max-height:260px;overflow:auto;margin-top:12px;border-top:1px solid var(--line)}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px 4px;border-bottom:1px solid var(--line)}.command-row strong{font-size:10px}.command-row span,.command-row small{font-size:8px;color:var(--muted)}.command-row em{grid-column:1/-1;color:var(--cyan-soft);font:normal 8px/1.4 "Cascadia Code",Consolas,monospace}.command-test-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.command-test-form button{margin:0}.chat-tools{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:6px;margin:10px 0}.chat-item{padding:10px 0;border-bottom:1px solid var(--line)}.chat-item-main{width:100%;text-align:left;border:1px solid var(--line);background:rgba(71,216,255,.035);color:var(--text);padding:10px;cursor:pointer}.chat-item-main.active{border-color:var(--line-strong);background:rgba(71,216,255,.1)}.chat-item-main strong,.chat-item-main span{display:block}.chat-item-main span{margin-top:4px;color:var(--muted);font-size:8px}.chat-item-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.chat-item-actions button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:5px;font-size:7px;cursor:pointer}.chat-item-actions button:hover{color:var(--cyan-soft)}
.mobile-dock{display:none}.sleep-overlay{position:fixed;inset:0;z-index:260;place-content:center;justify-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--cyan) 10%,transparent),rgba(1,4,8,.98) 45%);backdrop-filter:blur(18px)}.sleep-overlay:not([hidden]){display:grid}.sleep-overlay span{color:var(--cyan);font-size:8px;letter-spacing:.25em}.sleep-overlay h2{margin:10px 0 6px;color:var(--gold-soft);font:400 27px Georgia,serif}.sleep-overlay p{margin:0 0 20px;color:var(--muted);font-size:11px}.sleep-overlay button{border:1px solid var(--line-strong);background:rgba(71,216,255,.08);color:var(--cyan-soft);padding:11px 15px;font-size:9px;letter-spacing:.14em;cursor:pointer}.sleep-core{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-bottom:22px;border:1px solid var(--line-strong);border-radius:50%;box-shadow:var(--shadow-glow)}.sleep-core i{position:absolute;inset:10px;border:1px dashed var(--cyan);border-radius:50%;animation:spin 14s linear infinite}.sleep-core i:nth-child(2){inset:25px;border-color:var(--gold);animation-direction:reverse;animation-duration:9s}.sleep-core b{font:400 34px Georgia,serif;color:var(--gold-soft)}

@media (max-width:1180px) and (min-width:851px){.body-grid{grid-template-columns:72px minmax(0,1fr) minmax(290px,320px)}.intent-rail{display:flex}.rail-button{grid-template-columns:1fr;justify-items:center;padding:5px}.rail-button small{display:none}.topbar{grid-template-columns:minmax(240px,1fr) auto}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:850px){body{overflow:hidden}.app-shell{height:100dvh;min-height:0}.intent-rail,#rail-toggle{display:none}.body-grid{height:calc(100dvh - 140px);grid-template-columns:1fr;margin-bottom:66px}.workspace{height:100%;overflow:hidden}.conversation{bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px));height:min(62dvh,520px);transform:none}.conversation:not(.mobile-open){height:68px;grid-template-rows:1fr}.conversation:not(.mobile-open) .conversation-head,.conversation:not(.mobile-open) .conversation-log,.conversation:not(.mobile-open) .conversation-foot,.conversation:not(.mobile-open) .sources-drawer{display:none}.conversation:not(.mobile-open) .composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border-top:0}.conversation:not(.mobile-open) .composer textarea{height:52px;min-height:0;padding:9px}.conversation:not(.mobile-open) .composer-actions{margin:0;gap:5px}.conversation:not(.mobile-open) .mic-button{width:38px;height:38px;padding:0;font-size:0}.conversation:not(.mobile-open) .mic-button span{margin:0}.conversation:not(.mobile-open) .send-button{height:38px;padding:6px;font-size:0}.conversation:not(.mobile-open) .send-button b{margin:0;font-size:15px}.conversation.mobile-open{height:min(62dvh,520px);grid-template-rows:64px minmax(0,1fr) auto 29px}.mobile-dock{position:fixed;z-index:70;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));height:56px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-strong);background:rgba(3,10,17,.96);box-shadow:0 -12px 40px rgba(0,0,0,.55);backdrop-filter:blur(16px)}.mobile-dock button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:7px;letter-spacing:.1em}.mobile-dock button:last-child{border-right:0}.mobile-dock button.active{color:var(--cyan-soft);background:rgba(71,216,255,.09)}.settings-panel.active{inset:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.settings-grid{grid-template-columns:1fr}.command-catalog-card{grid-column:auto}.command-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-controls{grid-template-columns:1fr}.topbar{min-width:0}.system-meta{gap:5px}.system-meta time{margin-left:0}.top-action{min-width:30px}.panel-head{height:auto;min-height:68px;padding:12px 14px}.panel-head h2{font-size:19px}.panel-head .data-freshness{display:none}.top-left{left:12px;top:12px;min-width:0;width:min(260px,calc(100% - 24px))}.map-modes{top:105px;left:12px}.route-console{bottom:12px}.twin-controls{top:96px}.twin-detail,.science-detail{bottom:12px}.insight-console{bottom:12px}}
@media (max-width:440px){.brand-mark{width:36px;height:36px}.brand strong{font-size:11px;letter-spacing:.18em}.system-meta time{font-size:9px}.command-stage{padding:12px}.command-stage h1{font-size:25px}.command-stage>p{font-size:11px}.suggestions button{padding:7px;font-size:8px}.conversation{left:max(4px,env(safe-area-inset-left));right:max(4px,env(safe-area-inset-right))}.chat-tools{grid-template-columns:1fr}.command-test-form>div{grid-template-columns:1fr}.command-test-form button{width:100%}}
@media (max-height:700px) and (max-width:850px){.shadow-core{width:158px;height:158px}.shadow-core .node{display:none}.command-stage h1{margin-top:5px}.suggestions{margin-top:10px}.suggestions button:nth-child(n+3){display:none}.conversation{height:min(68dvh,430px)}}

/* Controlled workspace shell: one visible surface, opt-in conversation */
.body-grid{grid-template-columns:168px minmax(0,1fr) 0;transition:grid-template-columns .2s ease;gap:12px}
.chat-open .body-grid{grid-template-columns:168px minmax(0,1fr) minmax(320px,380px)}
.nav-collapsed .body-grid{grid-template-columns:72px minmax(0,1fr) 0}
.nav-collapsed.chat-open .body-grid{grid-template-columns:72px minmax(0,1fr) minmax(320px,380px)}
.conversation{width:0;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(18px);transition:opacity .16s ease,transform .2s ease;box-shadow:none}
.chat-open .conversation{width:auto;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:var(--shadow)}
#conversation-toggle{display:block;width:auto;min-width:38px;padding:0 7px;font-size:7px;letter-spacing:.08em}
.workspace-panel{display:block;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
.workspace-panel.active{display:block;opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:none;transition-delay:0s;animation:none}
.settings-panel:not(.active){display:none}
.twin-panel{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--cyan) 14%,transparent),transparent 48%),linear-gradient(160deg,#020910,#010407)}
.twin-detail{background:rgba(2,9,15,.94);backdrop-filter:blur(12px);border-left:2px solid var(--cyan);box-shadow:0 16px 45px rgba(0,0,0,.5)}
.apple-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}.apple-status-grid span{display:block;padding:6px;border:1px solid var(--line);background:rgba(71,216,255,.035)}.apple-status-grid b,.apple-status-grid small{display:block}.apple-status-grid b{font-size:7px;color:var(--cyan-soft)}.apple-status-grid small{margin-top:3px;color:var(--muted);font-size:7px}.apple-capability-card .provider-audit p{margin:9px 0 0;color:var(--muted);font-size:8px;line-height:1.5}

@media (max-width:1180px) and (min-width:851px){
  .body-grid{grid-template-columns:72px minmax(0,1fr) 0}
  .chat-open .body-grid{grid-template-columns:72px minmax(0,1fr) minmax(300px,340px)}
}

@media (max-width:850px){
  .body-grid,.chat-open .body-grid,.nav-collapsed .body-grid,.nav-collapsed.chat-open .body-grid{grid-template-columns:1fr;height:calc(100dvh - 140px);margin-bottom:66px}
  .conversation,.chat-open .conversation{position:fixed;z-index:90;top:max(70px,calc(env(safe-area-inset-top) + 64px));right:max(6px,env(safe-area-inset-right));bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px));left:max(6px,env(safe-area-inset-left));width:auto;height:auto;max-height:none;transform:none;opacity:1;background:#030a11;border-color:var(--line-strong);box-shadow:0 22px 80px #000;visibility:visible}
  .conversation:not(.mobile-open){display:none}
  .conversation.mobile-open{display:grid;grid-template-rows:64px minmax(0,1fr) auto 29px}
  .conversation.mobile-open .conversation-head,.conversation.mobile-open .conversation-log,.conversation.mobile-open .composer,.conversation.mobile-open .conversation-foot{display:flex}
  .conversation.mobile-open .conversation-log{display:flex}
  .conversation.mobile-open .composer{display:block}
  .conversation.mobile-open .conversation-foot{display:flex}
  .twin-controls{top:82px;left:12px;right:12px;max-width:none;justify-content:flex-start}
  .twin-detail{left:12px;right:12px;bottom:12px;width:auto;max-height:31%}
  .insight-console{display:none!important}
}

/* Per-request output contract and complete iPhone navigation */
.output-dialog{width:min(620px,calc(100% - 24px));padding:0;border:1px solid var(--line-strong);background:#030a11;color:var(--text);box-shadow:0 30px 120px #000,0 0 45px color-mix(in srgb,var(--cyan) 14%,transparent)}
.output-dialog::backdrop{background:rgba(0,3,7,.82);backdrop-filter:blur(12px)}
.output-dialog form{padding:22px}.output-dialog small{color:var(--cyan);font-size:7px;letter-spacing:.2em}.output-dialog h2{margin:8px 0;color:var(--gold-soft);font:400 25px Georgia,serif}.output-dialog p{margin:0 0 16px;color:var(--muted);font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.output-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.output-choice-grid button{min-height:78px;padding:13px;text-align:left;border:1px solid var(--line);background:rgba(71,216,255,.035);color:var(--text);cursor:pointer}.output-choice-grid button:hover,.output-choice-grid button:focus-visible{border-color:var(--line-strong);background:rgba(71,216,255,.1);outline:none}.output-choice-grid b,.output-choice-grid span{display:block}.output-choice-grid b{color:var(--cyan-soft);font-size:9px;letter-spacing:.12em}.output-choice-grid span{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.4}.output-cancel{margin-top:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 0;font-size:8px;letter-spacing:.12em}
.mobile-more-sheet{display:none}
.mobile-page-nav{display:none}

@media (max-width:850px){
  .system-meta time,.system-meta>.status-dot{display:none}.system-meta{gap:4px}.mobile-page-nav{display:flex;align-items:center;height:32px;border:1px solid var(--line);background:rgba(71,216,255,.035)}.mobile-page-nav button{width:30px;height:30px;border:0;background:transparent;color:var(--cyan-soft);font-size:17px}.mobile-page-nav strong{min-width:72px;max-width:105px;padding:0 5px;color:var(--gold-soft);font-size:7px;letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:none}.brand-mark{width:38px;height:38px}.brand strong{font-size:10px}.topbar{padding:0 8px;gap:7px}
  .mobile-more-sheet:not([hidden]){display:block;position:fixed;z-index:100;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px));max-height:calc(100dvh - 150px);overflow:auto;padding:12px;border:1px solid var(--line-strong);background:#030a11;box-shadow:0 24px 90px #000}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 12px}.mobile-more-head small,.mobile-more-head strong{display:block}.mobile-more-head small{color:var(--cyan);font-size:7px;letter-spacing:.15em}.mobile-more-head strong{margin-top:4px;color:var(--gold-soft);font:400 18px Georgia,serif}.mobile-more-head button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--cyan-soft);font-size:20px}
  .mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-more-grid button{min-height:48px;border:1px solid var(--line);background:rgba(71,216,255,.04);color:var(--text);font-size:8px;letter-spacing:.11em}.mobile-more-grid button.active{border-color:var(--line-strong);color:var(--cyan-soft);background:rgba(71,216,255,.1)}
  .output-dialog form{padding:16px}.output-dialog h2{font-size:21px}.output-choice-grid{grid-template-columns:1fr}.output-choice-grid button{min-height:62px}.output-choice-grid span{margin-top:4px}
  .twin-panel .top-left{top:12px;left:12px;right:12px;width:auto;min-width:0;padding:13px 15px}.twin-panel .top-left h2{font-size:22px;margin:5px 0}.twin-panel .top-left p{display:none}
  .twin-controls{top:94px;left:12px;right:12px;max-width:none;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.twin-controls::-webkit-scrollbar{display:none}.twin-controls button{flex:0 0 auto}
  .twin-detail{left:auto;right:12px;bottom:12px;width:min(210px,56vw);max-height:20%;padding:12px}.twin-detail p{font-size:8px;line-height:1.45}.twin-signal-list{display:none}
}