:root{
 --bg:#03070b;--bg2:#071019;--glass:rgba(7,18,27,.70);--glass2:rgba(4,12,18,.82);
 --line:rgba(91,231,255,.16);--line2:rgba(91,231,255,.34);--cyan:#5be7ff;--cyan2:#18b8d6;
 --lime:#dfff45;--text:#eafcff;--muted:#86a2aa;--danger:#ff7c91;--amber:#ffd36b;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;overscroll-behavior:none}
body{overflow:hidden;background:radial-gradient(1000px 700px at 50% 45%,rgba(21,175,208,.09),transparent 56%),linear-gradient(180deg,#03070b,#071019)}
.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,231,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(91,231,255,.026) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 50%,#000 35%,transparent 96%)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.032;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.scanline{position:fixed;left:0;right:0;height:1px;z-index:1;background:linear-gradient(90deg,transparent,rgba(91,231,255,.65),transparent);box-shadow:0 0 18px rgba(91,231,255,.32);opacity:.18;animation:scan 9s ease-in-out infinite;pointer-events:none}
@keyframes scan{0%,100%{top:9%}50%{top:92%}}
.shell{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.7fr) minmax(220px,1fr);grid-template-rows:72px 1fr 58px;gap:14px;padding:max(14px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));transition:transform 2s ease,filter .8s ease,opacity .8s ease}
body.dimmed .shell{filter:brightness(.55) saturate(.85);opacity:.85}
.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 7px;z-index:5}.identity{display:flex;align-items:baseline;gap:12px}.micro-label,.section-kicker{font-size:9px;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.brandline{font-weight:760;font-size:24px;letter-spacing:.08em}.brandline span{font-size:9px;color:var(--lime);letter-spacing:.16em;margin-left:6px}.top-status{display:flex;align-items:center;gap:8px}.status-chip{height:34px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:rgba(4,13,19,.52);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.08em;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 14px currentColor}.status-dot.online{background:var(--lime)}.clockbox{display:flex;align-items:baseline;gap:8px;padding-left:8px}.clockbox strong{font-size:28px;letter-spacing:.05em}.clockbox span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,21,30,.76),rgba(4,12,18,.55));box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.018);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.rail{display:flex;flex-direction:column;gap:12px;min-height:0;z-index:4}.left-rail{grid-column:1;grid-row:2}.right-rail{grid-column:3;grid-row:2}.card{border-radius:20px;padding:15px;overflow:hidden}.now-card{flex:1}.focus-card{flex:.78}.compact-card{flex:1}.system-card{flex:1}.memory-card{flex:1.15}.quick-card{flex:1}.weather-main{margin:15px 0 12px}.weather-main span{display:block;font-size:44px;font-weight:760;letter-spacing:-.06em}.weather-main small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.weather-grid,.memory-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.weather-grid>div,.memory-metrics>div{border:1px solid rgba(91,231,255,.10);border-radius:13px;padding:10px;background:rgba(0,0,0,.12)}.weather-grid small,.memory-metrics small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.weather-grid b{display:block;margin-top:3px;font-size:16px}.memory-metrics strong{display:block;font-size:28px;color:var(--cyan)}.focus-time{font-size:38px;font-weight:760;letter-spacing:.04em;margin:14px 0 11px}.focus-row{display:flex;gap:6px;flex-wrap:wrap}.ghost,.action-grid button{appearance:none;border:1px solid var(--line);background:rgba(3,12,17,.62);color:var(--text);border-radius:11px;padding:9px 10px;font:inherit;font-size:9px;letter-spacing:.09em}.ghost:active,.action-grid button:active{transform:translateY(1px);border-color:var(--cyan)}.full{width:100%}.priority-list{min-height:74px;margin:11px 0}.priority-item{display:flex;align-items:center;gap:8px;font-size:11px;padding:7px 0;border-bottom:1px solid rgba(91,231,255,.07)}.priority-item i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px rgba(223,255,69,.55)}.priority-empty,.last-memory{font-size:10px;line-height:1.45;color:var(--muted);margin:12px 0}.sys-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(91,231,255,.07);font-size:10px;color:var(--muted)}.sys-row b{color:var(--text);letter-spacing:.06em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.action-grid button{padding:10px 6px}
.core-stage{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3}.core-wrap{width:min(50vh,500px,42vw);aspect-ratio:1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 32px 80px rgba(18,198,220,.12));transition:transform .4s ease}.halo,.arc,.core-glow,.ticks{position:absolute;border-radius:50%;pointer-events:none}.halo-a{inset:4%;border:1px solid rgba(91,231,255,.22);box-shadow:0 0 45px rgba(91,231,255,.08),inset 0 0 35px rgba(91,231,255,.05)}.halo-b{inset:10%;border:1px dashed rgba(91,231,255,.27);animation:spin 22s linear infinite}.halo-c{inset:17%;border:1px solid rgba(223,255,69,.16);animation:spinR 30s linear infinite}.arc-a{inset:1%;border:3px solid transparent;border-top-color:var(--cyan);border-left-color:rgba(91,231,255,.13);animation:spin 5s linear infinite;filter:drop-shadow(0 0 8px var(--cyan))}.arc-b{inset:8%;border:2px solid transparent;border-right-color:rgba(223,255,69,.72);border-bottom-color:rgba(91,231,255,.24);animation:spinR 7.2s linear infinite}.arc-c{inset:14%;border:1px solid transparent;border-top-color:rgba(91,231,255,.4);animation:spin 11s linear infinite}.ticks{inset:0;background:repeating-conic-gradient(from 0deg,rgba(91,231,255,.28) 0deg 1deg,transparent 1deg 8deg);mask:radial-gradient(circle,transparent 68%,#000 69% 72%,transparent 73%);opacity:.58;animation:spinR 70s linear infinite}.core-glow{inset:20%;background:radial-gradient(circle,rgba(223,255,69,.17) 0%,rgba(91,231,255,.16) 34%,rgba(8,65,76,.07) 55%,transparent 72%);filter:blur(14px);transition:transform .07s ease,filter .07s ease,background .3s ease}.camera-core{position:absolute;inset:26%;border-radius:50%;overflow:hidden;border:1px solid rgba(91,231,255,.2);background:radial-gradient(circle at 50% 45%,#0b2631,#03080c 70%);box-shadow:0 0 0 10px rgba(0,0,0,.23),0 0 45px rgba(91,231,255,.14),inset 0 0 40px rgba(91,231,255,.06)}.camera-core video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}.camera-core.active video{display:block}.camera-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.camera-empty span{font-size:24px;letter-spacing:.25em;font-weight:800;color:rgba(234,252,255,.86);text-shadow:0 0 25px rgba(91,231,255,.16)}.camera-empty small{font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:8px;text-transform:uppercase}.camera-core.active .camera-empty{display:none}.reticle{position:absolute;inset:23%;border-radius:50%;border:1px solid rgba(91,231,255,.09);box-shadow:inset 0 0 0 10px rgba(0,0,0,.06)}.reticle:before,.reticle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(91,231,255,.24)}.reticle:before{width:58%;height:1px}.reticle:after{height:58%;width:1px}.state-label{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);background:rgba(2,8,12,.68);border-radius:999px;font-size:9px;letter-spacing:.16em}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 12px currentColor}.state-label b{font-weight:700}.transcript{width:min(720px,92%);height:108px;border-radius:17px;margin-top:-2px;padding:10px 12px;overflow:hidden}.transcript-head{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em;color:var(--muted)}.text-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:8px;letter-spacing:.1em}.transcript-body{height:70px;overflow:auto;margin-top:8px;font-size:10px;line-height:1.4;scrollbar-width:none}.msg{margin:4px 0}.msg.user{color:var(--text)}.msg.assistant{color:var(--cyan)}.msg.system{color:var(--muted)}.command-bar{width:min(720px,92%);height:47px;border-radius:15px;margin-top:8px;display:flex;align-items:center;padding:5px 6px 5px 12px}.command-bar input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:11px}.command-bar input::placeholder{color:#66828a}.round-action{border:1px solid var(--line2);background:rgba(4,19,25,.85);color:var(--cyan);border-radius:11px;padding:9px 11px;font:inherit;font-size:8px;letter-spacing:.09em}.primary-controls{display:flex;gap:6px;margin-top:8px;border-radius:16px;padding:6px}.control-btn{min-width:72px;border:1px solid rgba(91,231,255,.13);background:rgba(3,12,17,.45);color:var(--text);border-radius:11px;padding:8px 9px;font:inherit}.control-btn span{display:block;font-size:9px;letter-spacing:.1em}.control-btn small{display:block;font-size:7px;color:var(--muted);margin-top:3px;letter-spacing:.08em}.control-btn.hero{border-color:rgba(223,255,69,.35);box-shadow:0 0 24px rgba(223,255,69,.05)}.control-btn.active{border-color:var(--cyan);box-shadow:0 0 22px rgba(91,231,255,.12)}.control-btn.hero.active{border-color:var(--lime);box-shadow:0 0 30px rgba(223,255,69,.12)}
.mode-dock{grid-column:1/-1;grid-row:3;justify-self:center;align-self:center;display:flex;gap:4px;padding:5px;border-radius:14px;z-index:6}.mode-dock button{appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:8px 13px;font:inherit;font-size:8px;letter-spacing:.1em}.mode-dock button.active{border-color:var(--line2);color:var(--cyan);background:rgba(91,231,255,.055)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}
body[data-ai-state="connecting"] .arc-a{animation-duration:1.4s}body[data-ai-state="listening"] .pulse-dot{background:var(--cyan);box-shadow:0 0 15px var(--cyan)}body[data-ai-state="thinking"] .arc-a{animation-duration:.8s}body[data-ai-state="thinking"] .arc-b{animation-duration:1.2s}body[data-ai-state="responding"] .pulse-dot{background:var(--lime);box-shadow:0 0 15px var(--lime)}body[data-ai-state="responding"] .core-glow{background:radial-gradient(circle,rgba(223,255,69,.28),rgba(91,231,255,.18) 40%,transparent 72%)}body[data-mode="night"]{--cyan:#74c7d8;--lime:#bedc70}body[data-mode="night"] .bg-grid{opacity:.35}body[data-mode="focus"] .left-rail .now-card,body[data-mode="focus"] .right-rail .quick-card{opacity:.42}body[data-mode="desk"] .transcript{opacity:.76}
.toast{position:fixed;left:50%;bottom:78px;transform:translate(-50%,20px);z-index:50;background:#0b1b24;border:1px solid var(--line2);color:var(--text);padding:10px 14px;border-radius:12px;font-size:10px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.drawer{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:0;transition:.24s}.drawer.open{pointer-events:auto;opacity:1}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(5px)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,94vw);border-radius:24px 0 0 24px;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));transform:translateX(102%);transition:.28s cubic-bezier(.2,.8,.2,1);overflow:auto}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;padding-bottom:12px;background:linear-gradient(180deg,#07151d 65%,transparent);z-index:3}.drawer-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.04em}.close-btn{border:1px solid var(--line);background:rgba(0,0,0,.2);color:var(--muted);border-radius:10px;padding:8px 10px;font:inherit;font-size:8px;letter-spacing:.1em}.drawer-content{padding:8px 0 40px}.form-row{display:grid;gap:7px;margin:12px 0}.form-row label{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.2);color:var(--text);border-radius:12px;padding:11px;font:inherit;font-size:11px;outline:0}.form-row textarea{min-height:95px;resize:vertical}.save-btn{width:100%;border:1px solid rgba(223,255,69,.3);background:rgba(223,255,69,.06);color:var(--lime);border-radius:12px;padding:11px;font:inherit;font-size:9px;letter-spacing:.1em}.list-item{border:1px solid var(--line);border-radius:14px;padding:11px;margin:8px 0;background:rgba(0,0,0,.13)}.list-item .meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.list-item p{font-size:11px;line-height:1.45;margin:8px 0 0}.item-actions{display:flex;gap:6px;margin-top:8px}.item-actions button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px 8px;font:inherit;font-size:8px}.settings-grid{display:grid;gap:10px}.setting{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;padding:11px}.setting span{font-size:10px}.setting small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.toggle{width:42px;height:24px;border-radius:99px;border:1px solid var(--line2);background:rgba(0,0,0,.22);position:relative}.toggle i{position:absolute;width:18px;height:18px;border-radius:50%;left:2px;top:2px;background:var(--muted);transition:.2s}.toggle.on i{left:20px;background:var(--lime);box-shadow:0 0 12px rgba(223,255,69,.35)}.diag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.7;color:#a9c3ca;white-space:pre-wrap;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(0,0,0,.18)}
@media(max-width:980px){.shell{grid-template-columns:190px minmax(360px,1fr) 190px;gap:9px;padding-left:9px;padding-right:9px}.card{padding:12px}.core-wrap{width:min(46vh,430px,40vw)}.brandline{font-size:20px}.clockbox strong{font-size:22px}.control-btn{min-width:63px;padding:7px}.weather-main span{font-size:36px}}
@media(max-width:740px) and (orientation:portrait){body{overflow:auto}.shell{height:auto;min-height:100%;display:flex;flex-direction:column;padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:90px}.topbar{order:0;position:relative;min-height:55px}.identity .micro-label{display:none}.brandline{font-size:18px}.top-status .status-chip{display:none}.clockbox strong{font-size:20px}.left-rail{order:2;display:grid;grid-template-columns:1fr 1fr}.left-rail .compact-card{grid-column:1/-1}.core-stage{order:1;min-height:620px}.core-wrap{width:min(92vw,480px)}.transcript,.command-bar{width:96%}.primary-controls{width:96%;overflow-x:auto;justify-content:flex-start}.control-btn{flex:0 0 78px}.right-rail{order:3;display:grid;grid-template-columns:1fr}.mode-dock{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;width:calc(100% - 18px);overflow-x:auto;justify-content:flex-start}.mode-dock button{flex:0 0 auto}.drawer-panel{border-radius:20px 20px 0 0;left:0;right:0;top:10%;width:100%;transform:translateY(102%)}.drawer.open .drawer-panel{transform:translateY(0)}}