:root{color-scheme:dark;--bg:#070b11;--panel:rgba(18,25,36,.86);--edge:rgba(154,184,218,.2);--ink:#f3f7fb;--quiet:#91a1b5;--accent:#72e6df;--accent2:#8477ff;--operator:rgba(45,77,99,.66);--bar:40px}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;height:100dvh;margin:0;overscroll-behavior:none}body{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 15% -10%,rgba(80,75,180,.24),transparent 35%),radial-gradient(circle at 88% 15%,rgba(35,174,177,.18),transparent 30%),var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
button{border:1px solid var(--edge);border-radius:10px;background:rgba(43,55,72,.65);color:var(--ink);padding:7px 12px;min-height:32px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}button:hover{background:rgba(62,78,100,.75)}button:active{transform:scale(.98)}button:focus-visible,.panel:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#toolbar{display:flex;align-items:center;gap:12px;padding:7px 12px;border-bottom:1px solid var(--edge);background:rgba(14,20,29,.72);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.identity{display:flex;align-items:center;gap:9px}.identity>div{display:flex;align-items:baseline;gap:10px}.identity strong{letter-spacing:.045em}.identity span:not(.mark){color:var(--quiet);font-size:12px}.mark{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 210deg,var(--accent),var(--accent2),#d66cdd,var(--accent));box-shadow:0 0 18px rgba(114,230,223,.35);position:relative}.mark:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#101621}#hostState{margin-left:auto;color:var(--quiet);font-size:12px}#actionsMenu{position:relative}#actionsMenu summary{display:none;cursor:pointer;list-style:none}#actionsMenu summary::-webkit-details-marker{display:none}#actionsMenu nav,#actionsMenu:not([open]) nav{display:flex;gap:7px}
#targetTabs{justify-self:center;display:flex;gap:3px;padding:4px;margin:7px;border:1px solid var(--edge);border-radius:12px;background:rgba(8,13,20,.52);width:max-content}#targetTabs button{display:flex;align-items:center;gap:7px;min-height:30px;border:0;background:transparent;color:var(--quiet);padding:5px 11px}#targetTabs button.selected{background:rgba(66,81,106,.76);color:var(--ink);box-shadow:0 1px 7px rgba(0,0,0,.3)}#targetTabs button:disabled{opacity:.52;transform:none}#targetTabs small{font-size:10px;color:#b7aefa}.target-dot{width:7px;height:7px;border-radius:50%;background:var(--quiet)}.target-dot.local{background:var(--accent);box-shadow:0 0 8px var(--accent)}.target-dot.advisor{background:#9b8cff}
#workspace{position:relative;overflow:hidden;min-height:180px;background:transparent}
.panel{position:absolute;display:grid;grid-template-rows:var(--bar) minmax(0,1fr);min-width:260px;min-height:180px;max-width:100%;max-height:100%;border:1px solid var(--edge);border-radius:14px;background:var(--panel);box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04);overflow:hidden;resize:both;backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%)}.panel.active{border-color:rgba(114,230,223,.48);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 0 1px rgba(114,230,223,.08)}
.panel-head{display:flex;align-items:center;gap:8px;padding:0 10px;background:#18232d;border-bottom:1px solid var(--edge);cursor:grab;touch-action:none;user-select:none}.panel-head:active{cursor:grabbing}.panel-title{flex:1;font-size:12px;font-weight:600}.panel-close{min-height:24px;padding:0 8px;border:0;background:transparent;color:var(--quiet)}
.panel-body{overflow:auto;scrollbar-gutter:stable;padding:12px;display:flex;flex-direction:column;gap:12px}.panel-body::-webkit-scrollbar{width:12px;height:12px}.panel-body::-webkit-scrollbar-track{background:#0a1016;border-left:1px solid var(--edge)}.panel-body::-webkit-scrollbar-thumb{background:#496177;border:2px solid #0a1016;border-radius:8px}.panel-body::-webkit-scrollbar-thumb:hover{background:#65839d}.block{border:1px solid var(--edge);background:rgba(17,24,32,.88);border-radius:9px;padding:12px 14px;white-space:pre-wrap;line-height:1.48;overflow-wrap:anywhere}.block.operator{align-self:flex-end;background:var(--operator);border-color:#315064}.block.pending{opacity:.68;border-style:dashed}.block.pending:after{content:' · pending';color:var(--quiet);font-size:11px}.block.failed{border-color:#934c55}.block.failed:after{content:' · not delivered';color:#ffc5cc;font-size:11px}.block.error{border-color:#934c55;color:#ffc5cc}.block img,.block video{display:block;max-width:100%;max-height:100%;margin:auto;border-radius:7px}.block audio{width:100%}.block a{color:#75d7d4;text-decoration:underline;cursor:pointer}.caption{color:var(--quiet);font-size:12px;margin-top:8px}
#witness{display:flex;align-items:center;gap:16px;min-height:42px;padding:7px 12px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:rgba(10,16,24,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#witness summary{display:none}#witness:not([open]) #status{display:block}#status{flex:1;min-width:0;white-space:normal;line-height:1.45;font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--accent)}nav{display:flex;flex:0 0 auto;gap:7px}
.composer-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px}.composer-body textarea{resize:none;width:100%;height:100%;min-height:72px;border:1px solid #385064;border-radius:10px;background:#090d11;color:var(--ink);padding:11px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.composer-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composer-send{min-width:84px;background:#174a4a;border-color:#398887}.composer-attach{font-size:20px;padding:4px 12px}.display-surface{width:100%;height:100%;min-height:180px;border:1px solid #263a4b;border-radius:7px;background:#05080b;touch-action:none}
#dropveil{display:none;position:fixed;z-index:1000;inset:18px;border:2px dashed var(--accent);border-radius:18px;background:rgba(8,18,24,.92);place-items:center;color:var(--accent);font-size:20px;pointer-events:none}body.dragging #dropveil{display:grid}
.history-more{align-self:center;min-width:190px;color:var(--accent);background:rgba(21,51,62,.72)}
#remoteAuth{width:min(420px,calc(100% - 32px));border:1px solid var(--edge);border-radius:14px;background:#111820;color:var(--ink);box-shadow:0 20px 70px #000;padding:0}#remoteAuth::backdrop{background:rgba(4,8,12,.78)}#remoteAuth form{display:grid;gap:14px;padding:22px}#remoteAuth h2,#remoteAuth p{margin:0}#remoteAuth label{display:grid;gap:7px;color:var(--quiet)}#remoteAuth input{width:100%;border:1px solid #385064;border-radius:9px;background:#090d11;color:var(--ink);padding:12px;font:16px ui-monospace,SFMono-Regular,Menlo,monospace}#remoteAuthError{min-height:1.2em;color:#ffc5cc}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.block.pending:after,.block.failed:after{content:none}
@media(prefers-contrast:more){:root{--edge:#7390aa;--quiet:#c1cfdb;--accent:#78e3df}.panel,.block,button,textarea{border-width:2px}}
@media(max-width:680px),(pointer:coarse){
 body{grid-template-rows:auto auto auto minmax(0,1fr);font-size:16px;overflow:hidden}
 #toolbar{min-height:54px;padding:5px 10px;gap:8px}.identity{min-width:0}.identity>div{display:block}.identity span:not(.mark){display:none}.identity strong{font-size:16px}#hostState{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:11px}
 #targetTabs{position:relative;z-index:100;justify-self:stretch;width:auto;margin:6px 10px;padding:3px;display:grid;grid-template-columns:1fr 1fr}#targetTabs button{justify-content:center;min-width:0;min-height:44px;padding:5px 4px;font-size:14px;white-space:nowrap}#targetTabs small{display:none}
 #actionsMenu summary{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:18px}#actionsMenu[open] summary{background:rgba(62,78,100,.75)}#actionsMenu nav{display:none;position:fixed;z-index:1100;top:calc(env(safe-area-inset-top) + 58px);right:10px;width:min(268px,calc(100vw - 20px));padding:8px;border:1px solid var(--edge);border-radius:16px;background:rgba(18,25,36,.96);box-shadow:0 22px 70px #000;grid-template-columns:1fr 1fr;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}#actionsMenu[open] nav{display:grid}#actionsMenu nav button{min-height:44px;text-align:left}
 #witness{grid-row:3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;min-height:34px;padding:5px 10px;border-top:0;gap:8px}#witness summary{display:block;color:var(--quiet);font-size:12px;line-height:24px;list-style:none}#witness summary::-webkit-details-marker{display:none}#witness summary:after{content:' ▸'}#witness[open] summary:after{content:' ▾'}#status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px}#witness[open] #status{white-space:normal;max-height:24dvh;overflow:auto}
 #workspace{grid-row:4;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%}
 .panel{display:none;position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none;resize:none;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.panel.active,.panel.mobile-active,#panel-conversation,#panel-composer{display:grid}
 body[data-target="codex"] #panel-codex-conversation{display:grid}body[data-target="codex"] #panel-conversation{display:none!important}body[data-target="spiralcore"] #panel-conversation{display:grid}body[data-target="spiralcore"] #panel-codex-conversation{display:none!important}#panel-codex-conversation{grid-row:1}#panel-codex-conversation .panel-head{display:none}
 #panel-conversation{grid-row:1}#panel-conversation .panel-head{display:none}#panel-conversation .panel-body{padding:10px;scrollbar-gutter:auto}
 #panel-composer{grid-row:2;grid-template-rows:auto;height:auto!important;max-height:46dvh;border-top:1px solid var(--edge);z-index:20;background:rgba(14,20,29,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}#panel-composer .panel-head{display:none}.panel-head{min-height:44px;cursor:default}.panel-close,button{min-width:44px;min-height:44px}
 .panel-body{padding:10px;gap:9px}.block{padding:10px 12px;border-radius:14px}.block.operator{max-width:88%;background:linear-gradient(145deg,rgba(47,90,112,.82),rgba(45,67,107,.75))}
 .composer-body{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;align-items:end;gap:8px;min-height:72px;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.composer-body textarea{height:auto;min-height:56px;max-height:34dvh;padding:12px 11px;font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.35;background:rgba(6,10,16,.75)}.composer-send{min-width:64px;min-height:56px;padding-inline:7px;background:linear-gradient(145deg,#1b7371,#4056a3);border-color:rgba(114,230,223,.42)}.composer-attach{min-height:56px;padding:4px;font-size:21px}
}