@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#dce7ed; --muted:#7e97a5; --faint:#35505d; --edge:rgba(171,210,225,.12); --ocean:#07131f; --deep:#030b13; --panel:rgba(10,28,40,.68); --aqua:#73e8cf; --blue:#77b9fc; --warm:#f0c987; --speaker:#73e8cf; }
* { box-sizing:border-box } body { margin:0; min-width:320px; min-height:100vh; overflow:hidden; color:var(--ink); background:var(--deep); font-family:"DM Sans",system-ui,sans-serif; }
.aurora { position:fixed; border-radius:50%; filter:blur(100px); opacity:.18; pointer-events:none }.aurora-one { width:45vw;height:45vw;top:-28vw;right:5vw;background:#149fc3 }.aurora-two { width:42vw;height:42vw;bottom:-30vw;left:20vw;background:var(--speaker);transition:background 1s ease }.signal-field { position:fixed;inset:0;opacity:.32;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(123,211,235,.06) 50%,transparent 50.1%) 0 0/72px 72px,linear-gradient(0deg,transparent 49.9%,rgba(123,211,235,.06) 50%,transparent 50.1%) 0 0/72px 72px;mask-image:radial-gradient(circle at 52% 52%,black,transparent 62%) }.grain { position:fixed;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E") }
.app-shell { position:relative; display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:17px;min-height:100vh;padding:17px;background:linear-gradient(130deg,rgba(4,18,30,.93),rgba(3,11,20,.83) 55%,rgba(5,18,29,.94)); }
.sidebar,.context-panel { background:linear-gradient(145deg,rgba(12,35,49,.7),rgba(4,15,26,.6));backdrop-filter:blur(28px);border:1px solid var(--edge);border-radius:17px;box-shadow:0 24px 80px rgba(0,0,0,.22),inset 0 1px rgba(218,245,255,.03); }.sidebar { display:flex;flex-direction:column; padding:29px 17px 20px; }.wordmark { display:flex; align-items:center; gap:9px; padding:0 12px 42px; color:#eaf4f8;text-decoration:none; letter-spacing:.18em;font-size:13px;font-weight:600 }.mark { color:var(--aqua);font-size:25px;line-height:0; transform:translateY(-1px) }.rail-heading,.section-label { display:flex;align-items:center;justify-content:space-between; padding:0 12px; color:#83a0ad;letter-spacing:.13em;font:500 10px "DM Mono",monospace }.rail-heading button { border:1px solid var(--edge);color:#99b4bd;background:transparent;width:23px;height:23px;border-radius:50%;font-size:17px;line-height:16px;cursor:pointer }.search { display:flex;align-items:center;gap:8px;margin:17px 2px 28px;padding:10px 12px;border:1px solid var(--edge);border-radius:9px;color:#7792a1;background:rgba(148,213,233,.035) }.search input { width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:13px "DM Sans" }.search input::placeholder { color:#607987 }.governor-list { flex:1; margin-top:10px; overflow:auto; padding:0 2px }.governor-card { display:flex;gap:11px;width:100%;margin:2px 0;padding:12px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:.2s }.governor-card:hover { transform:translateX(3px);background:rgba(119,185,252,.06) }.governor-card.active { border-color:color-mix(in srgb,var(--speaker) 28%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--speaker) 16%,transparent),rgba(115,232,207,.025));box-shadow:0 0 22px color-mix(in srgb,var(--speaker) 10%,transparent) }.avatar { width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid currentColor;border-radius:50%;font:13px "Instrument Serif",serif }.card-copy { min-width:0;flex:1 }.card-name { display:block;color:#d9e6eb;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }.card-model { display:block;margin-top:2px;color:#7994a1;font:10px "DM Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }.tiny-state { width:6px;height:6px;border-radius:50%;margin-top:5px;background:var(--aqua);box-shadow:0 0 10px var(--aqua) }.tiny-state.sleeping { background:#58717f;box-shadow:none }.rail-bottom { border-top:1px solid var(--edge);padding:17px 11px 0 }.live-dot { color:#83a2ad;font:10px "DM Mono",monospace }.live-dot i,.status-line i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--speaker);box-shadow:0 0 12px var(--speaker);margin-right:7px }.quiet-button { padding:16px 0 0;border:0;background:none;color:#91abb6;font:11px "DM Sans";cursor:pointer }.quiet-button span { color:var(--aqua);margin-left:5px }
.workspace { display:flex;min-width:0;flex-direction:column;height:100vh;padding:0 clamp(24px,4vw,68px) 22px }.topbar { display:flex;justify-content:space-between;align-items:center;height:78px;border-bottom:1px solid var(--edge) }.crumbs { color:#6f8997;letter-spacing:.12em;font:10px "DM Mono",monospace }.crumbs b { padding:0 7px;color:#35505d }.crumbs strong { color:#a5bbc4;font-weight:500 }.top-actions { display:flex;align-items:center;gap:15px }.icon-button { border:0;background:transparent;color:#8eabb7;font-size:20px;cursor:pointer }.profile { position:relative;width:31px;height:31px;border:1px solid rgba(115,232,207,.3);border-radius:50%;background:#123445;color:#c0faf0;font:10px "DM Mono";cursor:pointer }.profile i { position:absolute;bottom:0;right:-1px;width:7px;height:7px;border:1px solid var(--deep);border-radius:50%;background:var(--aqua) }.conversation-head { display:flex;justify-content:space-between;gap:30px;padding:44px 0 26px }.eyebrow,.panel-kicker { color:var(--aqua);letter-spacing:.16em;font:10px "DM Mono",monospace }.title-block h1 { margin:8px 0 4px;font:48px/.9 "Instrument Serif",Georgia,serif;letter-spacing:-.025em }.title-block p { max-width:540px;margin:10px 0 0;color:#8fa8b3;font-size:14px }.status-block { align-self:flex-end;text-align:right;padding-bottom:5px }.status-line { color:var(--aqua);font:10px "DM Mono",monospace;letter-spacing:.13em }.model-line { margin-top:8px;color:#7b95a1;font:11px "DM Mono",monospace }.metrics { display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px;border:1px solid var(--edge);border-radius:11px;background:rgba(142,205,225,.025) }.metric { padding:13px 17px;border-right:1px solid var(--edge) }.metric:last-child { border:0 }.metric label { display:block;color:#708995;letter-spacing:.1em;font:9px "DM Mono",monospace }.metric strong { display:block;margin-top:4px;color:#d8e8ed;font:15px "DM Mono",monospace;font-weight:500 }.conversation { flex:1;overflow:auto;padding:20px 0 10px;scrollbar-width:thin;scrollbar-color:#315362 transparent }.message { display:flex;gap:13px;max-width:750px;margin:0 0 28px }.message.user { margin-left:auto;flex-direction:row-reverse }.message .avatar { margin-top:2px;color:var(--aqua) }.message.user .avatar { color:var(--warm);border-color:rgba(240,201,135,.4) }.message-copy { max-width:calc(100% - 45px) }.message-meta { margin-bottom:7px;color:#7f9ba6;font:10px "DM Mono",monospace }.message.user .message-meta { text-align:right }.bubble { padding:0;color:#c4d4da;font-size:14px;line-height:1.7;white-space:pre-wrap }.message.user .bubble { padding:11px 15px;border:1px solid rgba(119,185,252,.16);border-radius:13px 2px 13px 13px;background:rgba(81,139,187,.1);color:#dbeaf0 }.message-placeholder .bubble { color:#7895a1;font-style:italic }.composer-wrap { padding-top:13px }.composer { border:1px solid rgba(134,194,212,.22);border-radius:13px;background:rgba(7,25,37,.72);box-shadow:0 16px 50px rgba(0,0,0,.18);transition:.2s }.composer:focus-within { border-color:rgba(115,232,207,.5);box-shadow:0 16px 60px rgba(28,157,151,.12) }.composer textarea { display:block;width:100%;min-height:62px;max-height:160px;resize:none;outline:0;border:0;padding:17px 18px 9px;background:transparent;color:#dcebef;font:14px/1.5 "DM Sans" }.composer textarea::placeholder { color:#668491 }.composer-bottom { display:flex;align-items:center;justify-content:space-between;padding:0 10px 9px 18px;color:#627f8b;font:9px "DM Mono",monospace }.composer-bottom b { color:#385866;font-weight:400 }.composer button { border:0;border-radius:8px;padding:8px 11px;background:var(--aqua);color:#063034;font:600 11px "DM Sans";cursor:pointer }.composer button b { margin-left:8px;color:#064c50;font-size:16px }.privacy-note { margin:8px 3px 0;color:#607b87;font:9px "DM Mono",monospace }.privacy-note span { color:#89a8b2 }
.context-panel { padding:30px 27px;border-left:1px solid var(--edge);overflow:auto }.close-context { display:none;float:right;border:0;background:none;color:var(--ink);font-size:25px }.orbital { position:relative;display:grid;place-items:center;width:85px;height:85px;margin:27px 0 22px;border:1px solid rgba(115,232,207,.3);border-radius:50%;box-shadow:inset 0 0 30px rgba(38,204,183,.12),0 0 36px rgba(22,173,162,.08) }.orbital:before { content:"";position:absolute;width:112px;height:46px;border:1px solid rgba(119,185,252,.24);border-radius:50%;transform:rotate(-35deg) }.orbital-core { color:var(--aqua);font-size:28px }.context-panel h2 { margin:0;font:30px/.95 "Instrument Serif",serif }.context-panel > p { margin:9px 0 22px;color:#87a0ab;font-size:13px;line-height:1.6 }.panel-rule { height:1px;background:var(--edge);margin:22px 0 }.capability-title { color:#75909d;letter-spacing:.12em;font:9px "DM Mono",monospace }ul { margin:14px 0 0;padding:0;list-style:none }li { margin:0 0 10px;color:#b4c6cd;font-size:12px }li:before { content:"✦";padding-right:9px;color:var(--aqua);font-size:9px }.context-row { display:flex;justify-content:space-between;margin:11px 0;color:#75909d;font:9px "DM Mono",monospace }.context-row code { color:#b1c8d0;font-family:inherit }
.workspace { position:relative;height:calc(100vh - 34px);padding-bottom:14px }.workspace:before { content:"";position:absolute;inset:88px -12px 18px;border:1px solid rgba(141,210,231,.08);border-radius:25px;background:linear-gradient(145deg,rgba(18,48,65,.32),rgba(5,16,27,.14));box-shadow:inset 0 1px rgba(221,249,255,.025),0 30px 90px rgba(0,0,0,.14);pointer-events:none }.topbar,.conversation-head,.metrics,.conversation-frame,.composer-wrap { position:relative;z-index:1 }.conversation-head { padding-left:22px;padding-right:22px }.metrics { margin-left:22px;margin-right:22px;border-color:rgba(144,215,235,.16);background:rgba(111,205,226,.04) }.conversation-frame { flex:1;min-height:0;margin:0 10px;padding:0 13px;border-radius:18px;overflow:hidden }.conversation-frame:before { content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--speaker),transparent);opacity:.35 }.conversation { padding:28px 9% 10px }.composer-wrap { padding:13px 22px 0 }.title-block h1 { font-size:clamp(48px,5vw,70px);letter-spacing:-.045em }.eyebrow,.panel-kicker,.metric label,.message-meta,.privacy-note,.crumbs { font-family:"DM Mono",monospace;letter-spacing:.14em }.context-panel { border-left:1px solid var(--edge) }.orbital { border-color:color-mix(in srgb,var(--speaker) 45%,transparent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--speaker) 15%,transparent),0 0 36px color-mix(in srgb,var(--speaker) 11%,transparent) }.orbital-core { color:var(--speaker) }.governor-shift .workspace:before { animation:liquid-bloom .75s cubic-bezier(.2,.8,.2,1) }.governor-shift .conversation-head { animation:rise-in .5s ease both } @keyframes liquid-bloom { 0% { filter:blur(10px);opacity:.2;transform:scale(.97) } 100% { filter:blur(0);opacity:1;transform:scale(1) } } @keyframes rise-in { 0% { opacity:.2;transform:translateY(10px);filter:blur(5px) } 100% { opacity:1;transform:translateY(0);filter:blur(0) } }
@media (max-width:1120px) { .app-shell { grid-template-columns:245px minmax(0,1fr) }.context-panel { display:none;position:fixed;z-index:5;right:17px;top:17px;width:min(330px,90vw);height:calc(100vh - 34px);border-left:1px solid var(--edge);box-shadow:-20px 0 60px rgba(0,0,0,.35) }.context-panel.open { display:block }.close-context { display:block } }
@media (max-width:720px) { body { overflow:auto }.app-shell { display:block;padding:0 }.sidebar { min-height:0;padding:16px 14px;border-radius:0;border-right:0;border-left:0;border-top:0;border-bottom:1px solid var(--edge) }.wordmark { padding:0 8px 15px }.rail-heading,.search,.section-label,.rail-bottom { display:none }.governor-list { display:flex;gap:5px;overflow-x:auto;margin:0;padding:0 }.governor-card { min-width:180px;margin:0;padding:9px }.workspace { height:calc(100vh - 81px);padding:0 18px 16px }.workspace:before { inset:64px 0 10px;border-radius:0 }.topbar { height:54px }.conversation-head { padding:27px 0 18px }.title-block h1 { font-size:39px }.status-block { display:none }.metrics { margin:0 0 4px }.metric { padding:10px }.metric strong { font-size:12px }.conversation-frame { margin:0;padding:0 }.conversation { padding:20px 0 10px }.composer-wrap { padding:13px 0 0 }.composer textarea { min-height:52px }.message { margin-bottom:21px } }

/* Council chamber: an unmistakably different, spatial center stage. */
.governor-stage { position:relative;z-index:1;min-height:300px;margin:24px 10px 0;overflow:hidden;border:1px solid rgba(145,225,240,.19);border-radius:22px;background:radial-gradient(circle at 77% 48%,color-mix(in srgb,var(--speaker) 22%,transparent),transparent 27%),linear-gradient(118deg,rgba(18,52,69,.82),rgba(5,19,31,.56) 58%,rgba(9,34,45,.72));box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(235,253,255,.08) }.stage-grid { position:absolute;inset:0;background:linear-gradient(90deg,rgba(183,236,246,.07) 1px,transparent 1px),linear-gradient(rgba(183,236,246,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent 62%);opacity:.6 }.stage-glow { position:absolute;width:320px;height:320px;right:5%;top:50%;border-radius:50%;background:var(--speaker);filter:blur(85px);opacity:.18;transform:translateY(-50%);transition:background .8s,opacity .8s }.stage-copy { position:relative;z-index:1;max-width:60%;padding:40px 42px }.stage-copy h1 { margin:9px 0 8px;font:clamp(54px,5vw,76px)/.8 "Instrument Serif",Georgia,serif;letter-spacing:-.05em;text-shadow:0 7px 32px rgba(0,0,0,.38) }.stage-copy p { max-width:470px;margin:13px 0 23px;color:#a7c1c9;font-size:14px;line-height:1.6 }.stage-commands { display:flex;gap:7px }.stage-command { padding:7px 10px;border:1px solid rgba(160,215,229,.17);border-radius:999px;background:rgba(0,0,0,.08);color:#86a6b1;font:9px "DM Mono",monospace;letter-spacing:.11em }.stage-command.active { border-color:color-mix(in srgb,var(--speaker) 44%,transparent);background:color-mix(in srgb,var(--speaker) 15%,transparent);color:var(--speaker) }.presence-engine { position:absolute;z-index:1;right:8%;top:50%;width:174px;height:174px;transform:translateY(-50%);filter:drop-shadow(0 0 28px color-mix(in srgb,var(--speaker) 34%,transparent)) }.engine-core { position:absolute;inset:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--speaker) 65%,transparent);border-radius:50%;background:radial-gradient(circle,var(--speaker),#123746 26%,#071926 64%);color:#032b31;box-shadow:0 0 34px color-mix(in srgb,var(--speaker) 38%,transparent),inset 0 0 18px #d5fffa;animation:engine-breathe 4s ease-in-out infinite }.engine-core span { font-size:20px }.engine-core small { margin-top:2px;color:#073e44;font:7px "DM Mono",monospace;letter-spacing:.1em }.orbit { position:absolute;border:1px solid color-mix(in srgb,var(--speaker) 56%,transparent);border-radius:50%;animation:orbit-spin 12s linear infinite }.orbit-a { inset:4px;transform:rotateX(67deg) rotateZ(10deg) }.orbit-b { inset:15px;border-color:rgba(119,185,252,.43);transform:rotateX(72deg) rotateY(25deg);animation-direction:reverse;animation-duration:9s }.orbit-c { inset:29px;border-color:rgba(240,201,135,.33);transform:rotateY(70deg) rotateZ(-28deg);animation-duration:16s }@keyframes orbit-spin { to { rotate:1turn } }@keyframes engine-breathe { 50% { transform:scale(1.1);box-shadow:0 0 52px color-mix(in srgb,var(--speaker) 65%,transparent),inset 0 0 28px #d5fffa } }.governor-stage .status-block { position:absolute;right:24px;bottom:22px;z-index:2;text-align:right }.governor-stage .metrics { position:absolute;z-index:2;left:0;bottom:0;width:58%;margin:0;border:0;border-radius:0 13px 0 0;border-top:1px solid rgba(171,210,225,.13);border-right:1px solid rgba(171,210,225,.13);background:rgba(3,14,24,.29);backdrop-filter:blur(8px) }.governor-stage .metric { padding:12px 18px }.thread-label { position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin:23px 31px 0;color:#7c9aa6;font:9px "DM Mono",monospace;letter-spacing:.14em }.thread-label i { flex:1;height:1px;background:linear-gradient(90deg,rgba(122,204,221,.22),transparent) }.workspace:before { inset:88px -12px 18px;border-radius:25px;background:linear-gradient(145deg,rgba(18,48,65,.36),rgba(5,16,27,.1)) }.conversation-frame { margin-top:0 }.conversation { padding-top:22px }.conversation .message:first-child .bubble { font-size:16px;color:#d7e7eb }.composer { border-radius:15px;background:linear-gradient(145deg,rgba(11,38,51,.93),rgba(4,16,27,.92)) }.composer button { background:linear-gradient(135deg,var(--speaker),#7bd6ff);box-shadow:0 0 23px color-mix(in srgb,var(--speaker) 35%,transparent) }
@media (max-width:720px) { .governor-stage { min-height:240px;margin:15px 0 0;border-radius:15px }.stage-copy { max-width:72%;padding:30px 23px }.stage-copy h1 { font-size:50px }.stage-copy p { font-size:12px }.presence-engine { right:-18px;width:148px;height:148px;opacity:.78 }.engine-core { inset:43px }.governor-stage .metrics { width:76% }.governor-stage .metric { padding:8px }.governor-stage .metric strong { font-size:10px }.governor-stage .status-block { display:none }.thread-label { margin:18px 5px 0 }.stage-command:not(.active) { display:none } }

.control-deck { margin-top:26px;padding-top:19px;border-top:1px solid var(--edge) }.control-button { display:flex;align-items:center;gap:9px;width:100%;margin-top:8px;padding:9px 10px;border:1px solid rgba(144,215,235,.12);border-radius:8px;background:rgba(106,184,206,.04);color:#bad0d8;text-align:left;font:11px "DM Sans",sans-serif;cursor:pointer;transition:.2s }.control-button:hover { transform:translateX(2px);border-color:color-mix(in srgb,var(--speaker) 45%,transparent);background:color-mix(in srgb,var(--speaker) 11%,transparent) }.control-button span { color:var(--speaker);font:14px "DM Mono",monospace }.control-button.provision { margin-top:15px;border-color:rgba(240,201,135,.25);color:#e7d6b5 }.control-button.provision span { color:var(--warm) }.control-status { min-height:25px;margin:12px 1px 0;color:#76939f;font:9px/1.5 "DM Mono",monospace }dialog { width:min(430px,calc(100vw - 32px));padding:0;border:1px solid rgba(147,219,235,.23);border-radius:17px;background:linear-gradient(145deg,#0c2736,#06141f);color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.6) }dialog::backdrop { background:rgba(0,7,14,.72);backdrop-filter:blur(9px) }.dialog-card { position:relative;padding:28px }.dialog-close { position:absolute;right:15px;top:11px;border:0;background:transparent;color:#89a5b0;font-size:23px;cursor:pointer }.dialog-card h2 { margin:10px 0 9px;font:33px/.95 "Instrument Serif",serif }.dialog-card p { margin:0 0 20px;color:#91abb5;font-size:13px;line-height:1.55 }.dialog-card label { display:block;margin:12px 0;color:#7695a0;font:9px "DM Mono",monospace;letter-spacing:.11em }.dialog-card input,.dialog-card select { display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid rgba(151,214,229,.17);border-radius:8px;outline:0;background:#071923;color:#d8e8ed;font:12px "DM Mono",monospace }.dialog-card input:focus,.dialog-card select:focus { border-color:var(--speaker) }.dialog-submit { width:100%;margin-top:13px;padding:11px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--speaker),#7bd6ff);color:#063039;font:600 12px "DM Sans",sans-serif;cursor:pointer }
.posture-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px }.posture-grid div { padding:8px;border:1px solid rgba(146,211,228,.11);border-radius:7px;background:rgba(115,232,207,.025) }.posture-grid span { display:block;color:#6f8d99;font:8px "DM Mono",monospace;letter-spacing:.09em }.posture-grid strong { display:block;margin-top:4px;color:#bbd5da;font:9px "DM Mono",monospace;font-weight:500;letter-spacing:.02em }.posture-grid div:first-child strong,.posture-grid div:last-child strong { color:var(--speaker) }.posture-note { margin:10px 1px 0!important;color:#76949e!important;font-size:11px!important;line-height:1.45!important }
.mapped-domains { margin-top:15px;padding-top:13px;border-top:1px solid rgba(146,211,228,.1);color:#718f9b;font:8px "DM Mono",monospace;letter-spacing:.1em }.mapped-domains > div { display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;color:#76939f;letter-spacing:0 }.mapped-domains code { padding:4px 6px;border:1px solid color-mix(in srgb,var(--speaker) 20%,transparent);border-radius:5px;background:color-mix(in srgb,var(--speaker) 6%,transparent);color:#acd0d8;font:8px "DM Mono",monospace }