:root{color-scheme:dark;--bg:#090d0b;--surface:#101611;--panel:#0b1512;--metal:#252b22;--line:#354232;--lime:#9cff00;--lime2:#5c8f00;--cyan:#45dfd5;--text:#f2f7ed;--muted:#9caa9c;--danger:#ff5757;--amber:#ffc247;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:68px;--composer-height:60px;font-family:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:15px;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hidden{display:none!important}button,input,textarea{font:inherit;color:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,41,32,.94),rgba(7,15,13,.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.2)}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--lime2);border-radius:10px;color:var(--lime);font:700 30px/1 Consolas,monospace;background:#13200d;box-shadow:0 0 24px rgba(156,255,0,.08)}.brand-mark.small{width:40px;height:40px;border-radius:7px;font-size:21px}.eyebrow,.section-title,.panel-head,label,.bottom-nav span{font:700 11px/1.2 Consolas,monospace;letter-spacing:.08em}.muted{color:var(--muted);line-height:1.5}.pair-view{min-height:100dvh;display:grid;place-items:center;padding:24px}.pair-card{width:min(100%,430px);padding:30px;border-radius:15px}.pair-card h1{font:700 34px/1 Consolas,monospace;color:var(--lime);margin:20px 0 8px}.pair-card .eyebrow{color:var(--cyan);margin-top:20px}.stack{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;color:var(--muted)}input,textarea{width:100%;border:1px solid #3c5048;border-radius:6px;background:#07110e;padding:13px 14px;caret-color:var(--lime)}input:hover,textarea:hover{border-color:#56705f;background:#091512}.primary,.secondary,.danger{border:1px solid var(--lime2);border-radius:5px;font:700 12px Consolas,monospace;letter-spacing:.04em;background:#365e0b;color:#eaffca;padding:12px 15px}.secondary{background:#101a16;border-color:#45594d}.danger{background:#331212;border-color:#743131;color:#ff9b9b}.full{width:100%}.error{min-height:20px;color:var(--danger)}details{color:var(--muted);margin-top:16px}summary{min-height:44px;display:flex;align-items:center;color:var(--cyan);cursor:pointer}.app{min-height:100dvh;padding-bottom:calc(78px + var(--safe-bottom))}.topbar{position:sticky;z-index:20;top:0;height:64px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35402e;background:linear-gradient(#252b22,#151a15 65%,#101410);box-shadow:0 4px 18px #000}.brand-row{display:flex;align-items:center;gap:10px}.brand-row strong{display:block;color:var(--lime);font:700 14px Consolas,monospace}.brand-row span{display:block;color:var(--muted);font:10px Consolas,monospace;margin-top:3px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:flex;gap:7px;align-items:center;min-height:38px;border:1px solid #415336;border-radius:20px;background:#10170e;padding:0 12px;font:700 10px Consolas,monospace;color:var(--muted)}.status-badge i{width:7px;height:7px;border-radius:50%;background:#667060}.status-badge[data-state=online]{color:var(--lime)}.status-badge[data-state=online] i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.status-badge[data-state=busy]{color:var(--amber)}.status-badge[data-state=busy] i{background:var(--amber)}.offline-banner{padding:9px 14px;text-align:center;background:#392b08;color:var(--amber);font:700 11px Consolas,monospace;border-bottom:1px solid #6d551d}.screen{display:none;padding:12px;max-width:900px;margin:auto}.screen.active{display:block}.section-title{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#dfe9d8;background:linear-gradient(90deg,#293024,#161b16);border:1px solid #394337;border-bottom-color:#202720}.section-title em,.panel-head em{font-style:normal;color:var(--cyan);font-size:9px}.chat{min-height:calc(100dvh - 258px);display:flex;flex-direction:column;gap:12px;padding:14px 2px 90px}.message{max-width:88%;border:1px solid #33463d;background:#0e1915;padding:11px 13px;border-radius:4px 12px 12px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;border-color:#4a681e;background:#17250f;border-radius:12px 4px 12px}.message header{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px;color:var(--lime);font:700 9px Consolas,monospace}.message.user header{color:#c7f476}.message time{color:#789187}.message.pending{opacity:.65}.quick-actions{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 10px}.quick-actions:empty{display:none}.quick-actions button,.protocol-grid button{min-width:max-content;border:1px solid #405332;background:#111b0e;color:#dcedcb;border-radius:4px;padding:8px 12px;font:700 11px Consolas,monospace}.composer{position:fixed;z-index:15;left:12px;right:12px;bottom:calc(67px + var(--safe-bottom));max-width:876px;margin:auto;display:grid;grid-template-columns:44px 1fr 44px 46px;gap:6px;align-items:end;background:#0b100d;padding:7px;border:1px solid #33433a;box-shadow:0 -14px 32px rgba(0,0,0,.6)}.composer textarea{min-height:44px;max-height:132px;resize:none;padding:11px}.icon-button,.send-button{border:1px solid #3b5145;background:#111b16;border-radius:4px;color:var(--cyan);font:700 17px Consolas,monospace}.send-button{background:#365e0b;border-color:#5f8f16;color:#e8ffd0}.icon-button.listening{color:#ff7878;border-color:#a13b3b;animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 16px rgba(255,87,87,.4)}}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.metric{min-height:113px;padding:14px;border-radius:5px}.metric.wide{grid-column:span 2}.metric span{font:700 10px Consolas,monospace;color:var(--cyan)}.metric strong{display:block;font:700 24px Consolas,monospace;color:var(--lime);margin:13px 0}.metric small{color:var(--muted)}.metric>div{height:5px;border:1px solid #445348}.metric>div i{display:block;height:100%;width:0;background:var(--cyan);transition:width .35s}.block{margin-top:11px;border-radius:4px;padding:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;min-height:32px;border-bottom:1px solid #354239;margin:-5px -4px 10px;padding:0 4px;color:#e8eee4}.text-button{min-height:34px;border:0;background:transparent;color:var(--cyan);font:700 10px Consolas,monospace}.list{display:grid;gap:7px}.list.empty,.protocol-grid.empty{color:#77877d;padding:18px 4px}.list-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border-bottom:1px solid #26352d;padding:10px 3px}.list-item:last-child{border:0}.list-item i{width:8px;height:8px;margin-top:5px;border:1px solid var(--lime);border-radius:50%}.list-item b{font-size:13px}.list-item small{display:block;color:var(--muted);margin-top:4px}.list-item time{font:10px Consolas,monospace;color:var(--amber)}.danger-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.danger-actions button{min-height:48px;border:1px solid #603131;background:#241211;color:#ff9696;font:700 9px Consolas,monospace}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.tool{min-height:118px;text-align:left;padding:15px;border-radius:5px}.tool b{display:block;color:var(--lime);font-size:27px}.tool span{display:block;margin-top:10px;font:700 11px Consolas,monospace}.tool small{display:block;margin-top:5px;color:var(--muted)}.protocol-grid{display:flex;gap:8px;overflow:auto;padding:5px 0 10px}.identity{display:flex;align-items:center;gap:16px}.identity strong{display:block;color:var(--lime);font:700 16px Consolas,monospace}.identity span{display:block;color:var(--muted);font:10px Consolas,monospace;margin-top:5px;overflow-wrap:anywhere}.scope-list{display:grid;gap:8px}.scope{display:flex;align-items:center;gap:9px;color:#b6c1b8}.scope:before{content:"✓";color:var(--lime);font-weight:bold}.security-note{color:#76857b;font-size:12px;line-height:1.5;text-align:center;padding:14px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:calc(68px + var(--safe-bottom));padding:6px 5px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(#1e241c,#0d120e);border-top:1px solid #46523f;box-shadow:0 -8px 25px #000}.bottom-nav button{border:0;background:transparent;color:#839086;display:grid;place-items:center;align-content:center;gap:3px}.bottom-nav b{font:18px Consolas,monospace}.bottom-nav span{font-size:8px}.bottom-nav button.active{color:var(--lime);background:linear-gradient(rgba(97,142,20,.2),transparent)}.toast{position:fixed;z-index:50;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 32px);padding:11px 14px;background:#172219;border:1px solid #516647;color:#eaf3e5;opacity:0;pointer-events:none;transition:.2s;font-size:13px;box-shadow:0 8px 32px #000}.toast.show{opacity:1;transform:translate(-50%,0)}
.media-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.media-actions button{border:1px solid #3a5146;background:#101a16;color:#dce8dc;font:700 10px Consolas,monospace;padding:9px}
@media(min-width:760px){.screen{padding:20px}.composer{left:20px;right:20px}.message{max-width:72%}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric.wide{grid-column:span 2}.tool-grid{grid-template-columns:repeat(5,1fr)}.media-actions{grid-template-columns:repeat(6,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Fixed mobile controls reserve their real height, including iPhone safe areas. */
#screen-center{padding-bottom:calc(var(--composer-height) + 22px)}
#screen-center .chat{min-height:calc(100dvh - 64px - var(--nav-height) - var(--composer-height) - 76px);padding-bottom:12px;overflow-wrap:anywhere}
.quick-actions{position:relative;z-index:2;padding:6px 0 14px;scroll-padding-inline:12px;overscroll-behavior-inline:contain}
.quick-actions button{min-height:44px}
.composer{bottom:calc(var(--nav-height) - 1px + var(--safe-bottom));padding-bottom:max(7px,env(safe-area-inset-bottom,0px))}
.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom))}
.home-guard small{display:block;margin-top:10px;color:var(--amber);line-height:1.45}
.home-guard[data-state=home] #homeGuardNetwork{color:var(--lime)}
.home-guard[data-state=away] #homeGuardNetwork{color:var(--danger)}
.home-guard[data-state=unknown] #homeGuardNetwork{color:var(--amber)}
.privacy-lock-card{display:grid;gap:10px}.privacy-lock-card .field-label{margin-top:6px}.privacy-lock-card textarea{min-height:104px;resize:vertical}.privacy-lock-card input[type=file]{min-height:44px;padding:9px}.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.privacy-lock-card details{margin-top:4px;border-top:1px solid var(--line);padding-top:6px}.privacy-lock-card details[open]{display:grid;gap:9px}.privacy-lock-card small{color:var(--amber);line-height:1.45}.privacy-lock-card #privacyLockStatus{color:var(--cyan)}
.power-actions,.image-transfer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.power-actions button{min-height:48px}.power-card .danger{border:1px solid #753b3b;background:#2b1212;color:#ff9c9c}
.image-transfer-sheet{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.image-transfer-sheet.hidden{display:none}.image-transfer-card{width:min(680px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:14px}.image-transfer-card img{display:block;width:100%;max-height:56dvh;object-fit:contain;margin:12px 0;background:#040806;border:1px solid var(--line)}.image-transfer-card small{display:block;margin-top:12px;color:var(--amber);line-height:1.45}.image-transfer-actions button{min-height:48px;touch-action:manipulation}
@media(max-width:430px){.privacy-actions,.power-actions,.image-transfer-actions{grid-template-columns:1fr}}
@media(max-width:430px){.composer{grid-template-columns:44px minmax(0,1fr) 44px 48px}.composer textarea{font-size:16px}.quick-actions{margin-inline:-2px}}