:root{--bg:#02080c;--cyan:#27d9ff;--bright:#b9f3ff;--line:#39c8e947;--dim:#6994a2;--green:#39e5b1}*{box-sizing:border-box}html{background:var(--bg);color:#bce7f1;font-family:Segoe UI,Arial,sans-serif}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 45%,#052b44 0,#03131e 27%,#02080c 65%);letter-spacing:.03em}.grid-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#1f9abb0c 1px,transparent 1px),linear-gradient(90deg,#1f9abb0c 1px,transparent 1px);background-size:38px 38px}.scanlines{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,#0005 4px)}button,input{font:inherit}.topbar{height:88px;padding:18px 2.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand strong{font-size:28px;letter-spacing:.28em;font-weight:400;color:var(--bright);text-shadow:0 0 16px #27d9ff66}.brand span{display:block;font:9px monospace;color:#24728a}.online{font-size:11px;letter-spacing:.18em}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:10px}.clock{text-align:right}.clock span{display:block;font-size:10px;color:var(--cyan)}.clock strong{font:18px monospace;color:#39c9f0}.cockpit{min-height:calc(100vh - 146px);padding:28px 2vw 18px;display:grid;grid-template-columns:minmax(225px,20%) minmax(430px,1fr) minmax(225px,20%);gap:2.5vw}.panel{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,#071a23d9,#020a0fb8);box-shadow:inset 0 0 26px #1aafd607,0 12px 30px #0004;clip-path:polygon(0 0,94% 0,100% 12px,100% 100%,6px 100%,0 calc(100% - 6px))}.panel:before{content:"";position:absolute;left:-1px;top:-1px;width:34%;height:1px;background:var(--cyan)}.rail{display:grid;gap:17px}.panel-head{height:40px;padding:0 17px;border-bottom:1px solid #39c8e933;display:flex;align-items:center;justify-content:space-between}.panel-head b{font-size:12px;color:#9ee7fa}.panel-head button{border:0;background:none;color:var(--cyan);font-size:22px}.system{padding:15px;display:flex;align-items:center;gap:17px}.score{width:105px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid var(--cyan);outline:1px solid #27d9ff44;outline-offset:7px;background:radial-gradient(circle,#27d9ff24,transparent 65%);box-shadow:0 0 20px #27d9ff26}.score strong{font:22px monospace;color:var(--bright)}.score small{font-size:6px;color:var(--dim)}.system ul{list-style:none;margin:0;padding:0;flex:1}.system li{font-size:9px;margin:10px 0}.system li i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:7px}.system li span{float:right;color:#74d5ec;font-family:monospace}.quick>button{width:calc(100% - 28px);margin:0 14px;border:0;border-bottom:1px solid #39c8e929;background:none;color:var(--cyan);padding:12px 5px;text-align:left;cursor:pointer}.quick button span{font-size:10px;margin-left:9px}.devices{padding-bottom:9px}.devices>div:not(.panel-head){display:grid;grid-template-columns:22px 1fr auto;align-items:center;margin:0 14px;padding:11px 3px;border-bottom:1px solid #39c8e924;font-size:10px}.devices span{color:var(--cyan)}.devices em{font:8px monospace;color:var(--green);font-style:normal}.devices .muted em{color:#56737c}.weather{padding:7px 12px;display:flex;gap:14px;align-items:center}.weather>span{font-size:40px;color:#8ee7ff}.weather small{font-size:8px}.weather strong{font:23px monospace;margin:0 10px}.weather p{font-size:8px;margin:6px 0;color:#83b8c6}.core-stage{min-height:690px;display:flex;flex-direction:column;align-items:center}.core-top{width:100%;display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line)}.core-top div:last-child{text-align:right}.core-top small{display:block;font-size:8px;color:var(--cyan)}.core-top b{font-size:12px}.jarvis-core{width:min(530px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:-3px auto 0;--level:.05}.ring{position:absolute;border-radius:50%;border:1px solid #27d9ff57;box-shadow:0 0 calc(12px + 28px * var(--level)) #27d9ff38}.r1{inset:4%;border-style:dashed;animation:spin 28s linear infinite}.r2{inset:12%;border-width:2px;border-left-color:transparent;border-right-color:#73e9ff;animation:spin 15s linear reverse infinite}.r3{inset:22%;border:1px dashed #20acd0;animation:spin 9s linear infinite}.r4{inset:30%;border-width:2px;box-shadow:inset 0 0 28px #27d9ff21}.ticks{position:absolute;inset:17%;border-radius:50%;background:repeating-conic-gradient(#39dfff 0 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 67%,#000 68% 72%,transparent 73%)}.cross{position:absolute;background:linear-gradient(90deg,transparent,#19b5dd,transparent);opacity:.4}.cross.x{width:96%;height:1px}.cross.y{height:96%;width:1px}.energy-rays{position:absolute;inset:0;animation:spin 40s linear infinite}.energy-ray{position:absolute;left:50%;top:50%;width:2px;height:10%;transform-origin:50% 0;background:linear-gradient(var(--cyan),transparent);opacity:.1;filter:drop-shadow(0 0 4px var(--cyan))}.core-button{position:relative;z-index:3;width:34%;aspect-ratio:1;border-radius:50%;border:1px solid #4fdfff;background:radial-gradient(circle,#05263af0,#020b11fa);color:var(--bright);display:grid;place-content:center;cursor:pointer;box-shadow:0 0 calc(30px + 70px * var(--level)) #27d9ff4d,inset 0 0 42px #27d9ff24}.core-button strong{font-size:clamp(22px,3vw,39px);font-weight:400;letter-spacing:.14em;text-shadow:0 0 14px var(--cyan)}.core-button small{font:7px monospace;color:#69b8ca;margin-top:9px}.halo{position:absolute;inset:-11%;border:1px dashed #64e9ffb3;border-radius:50%;animation:spin 12s linear infinite}.jarvis-core[data-state=listening] .core-button{border-color:#48ffc5}.jarvis-core[data-state=speaking] .core-button{animation:corePulse .45s infinite alternate}.readout{text-align:center;margin-top:-12px;z-index:3}.readout b{font-size:10px;letter-spacing:.17em}.wave{height:38px;width:min(480px,60vw);display:flex;align-items:center;justify-content:center;gap:2px}.wave i{width:2px;height:5px;background:var(--cyan);box-shadow:0 0 5px var(--cyan)}.transcript{width:min(650px,92%);max-height:84px;overflow:auto;margin-top:7px;padding:10px 14px;font-size:9px;line-height:1.5;display:none}.transcript:not(:empty){display:block}.transcript .you{color:#67dfff}.transcript .jarvis{color:#b7f8ff}.command{display:flex;width:min(650px,92%);height:42px;margin-top:10px;border:1px solid var(--line);background:#020a0fcc}.command>span{padding:10px;color:var(--cyan)}.command input{flex:1;border:0;background:none;color:#c8f3fa;outline:0;font-size:10px}.command button{border:0;border-left:1px solid var(--line);background:#27d9ff14;color:var(--cyan);font-size:8px;padding:0 16px}.answer{width:min(650px,92%);padding:14px;margin-top:8px;font-size:10px;line-height:1.55;white-space:pre-wrap}.hidden{display:none}.reminders{min-height:177px}#reminders{padding:7px 14px}.reminder{display:grid;grid-template-columns:16px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #39c8e926;font-size:9px}.reminder small{display:block;color:var(--dim)}.reminder button{border:0;background:none;color:var(--dim)}.empty{padding:22px;text-align:center;font-size:9px;color:var(--dim)}.feed{min-height:295px}.feed-item{display:block;margin:0 14px;padding:13px 0;border-bottom:1px solid #39c8e924;text-decoration:none;color:#a9dbe7}.feed-item small{display:block;color:var(--cyan);font-size:7px}.feed-item b{display:block;font-size:9px;line-height:1.45;margin-top:4px}.environment>div:not(.panel-head){display:grid;grid-template-columns:22px 1fr auto;padding:12px 15px;border-bottom:1px solid #39c8e921;font-size:9px}.environment span{color:var(--cyan)}.environment em{color:var(--green);font-style:normal}.bottom-nav{height:58px;margin:0 2vw;display:flex;justify-content:center;border-top:1px solid var(--line)}.bottom-nav button{min-width:130px;border:0;border-right:1px solid #39c8e933;background:#030d13cc;color:#6f9ca9}.bottom-nav button span{font-size:10px;margin-left:8px}.bottom-nav .active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}dialog{background:#04131b;color:#c8eff7;border:1px solid var(--cyan);width:min(430px,90vw)}dialog::backdrop{background:#000c}dialog form{padding:25px;display:grid;gap:12px}dialog label{font-size:9px;display:grid;gap:6px}dialog input{background:#020b10;border:1px solid var(--line);color:#cff5fb;padding:11px}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--dim)}.save{border:1px solid var(--cyan);background:#27d9ff1a;color:var(--cyan);padding:11px}#toast{position:fixed;right:22px;bottom:75px;border:1px solid var(--cyan);background:#06202b;padding:12px 17px;font-size:10px;transform:translateY(80px);opacity:0;transition:.25s;z-index:20}#toast.show{transform:none;opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes corePulse{to{filter:brightness(1.5);transform:scale(1.025)}}@media(max-width:1100px){.cockpit{grid-template-columns:220px 1fr}.right-rail{display:none}.jarvis-core{width:min(520px,60vw)}}@media(max-width:760px){.topbar{height:70px;padding:12px 16px}.brand strong{font-size:20px}.online{display:none}.cockpit{display:block;padding:15px 12px 80px}.left-rail{display:none}.jarvis-core{width:min(96vw,510px)}.bottom-nav{position:fixed;z-index:9;left:0;right:0;bottom:0;margin:0;height:62px;background:#031018}.bottom-nav button{min-width:0;flex:1}.bottom-nav button span{display:none}.command{width:96%}}