:root{color-scheme:dark;--bg:#0b0e0e;--surface:#151a19;--line:#ffffff13;--text:#eef2df;--muted:#889487;--lime:#c9fa5c;--amber:#ffc066;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100svh;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit;background:none;transition:background .15s,opacity .15s}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:active:not(:disabled){transform:scale(.985)}[hidden]{display:none!important}.shell{width:min(100%,540px);margin:auto;padding:0 23px;padding-top:env(safe-area-inset-top);padding-bottom:max(20px,env(safe-area-inset-bottom))}header{height:103px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none}.brand span{font-size:29px;font-weight:650;letter-spacing:-1.6px}.micro,.eyebrow,.section-label,.metric-label{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1.5px;color:var(--muted);line-height:1.7}.micro{text-align:right;font-size:8px}h1{font-size:76px;line-height:.99;letter-spacing:-5px;font-weight:350;margin:25px 0}h1 span{color:var(--lime)}h2{font-size:31px;letter-spacing:-1.1px;font-weight:400;margin:12px 0}h3{font-size:20px;font-weight:450}p{font-size:13px;color:var(--muted);line-height:1.65}.pairing{padding-top:20px}.pairing>.eyebrow{color:var(--lime)}.card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:21px;margin:24px 0}.fine{color:var(--muted);font-size:11px;line-height:1.7}.card .fine{margin-bottom:0}label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}input:not([type=checkbox]),select{width:100%;min-height:47px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:12px;border-radius:10px;font-size:16px;margin-bottom:15px}select{font-size:14px}button.primary,.secondary{padding:16px 18px;border-radius:13px;min-height:50px;font-size:13px;font-weight:600}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--lime);color:var(--bg);width:100%}.primary span{font-size:20px}.secondary{background:#ffffff09;border:1px solid var(--line)}.step{font:13px ui-monospace,monospace;color:var(--lime)}.connection{display:flex;align-items:center;gap:8px;padding:9px 0 21px;font-size:11px}.connection strong{font-weight:450;max-width:57%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection>span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot.online{background:var(--lime);box-shadow:0 0 13px #c9fa5c55}nav{display:flex;background:#0005;border:1px solid var(--line);border-radius:14px;padding:5px;gap:4px}nav button{flex:1;padding:12px 4px;font-size:12px;border-radius:10px;color:var(--muted)}nav button.selected{background:var(--surface);color:var(--text)}.orbit{width:294px;height:294px;margin:27px auto 21px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#c9fa5c06 0,transparent 70%)}.orbit-grid{position:absolute;inset:0;border:1px solid #c9fa5c22;border-radius:50%;background:repeating-conic-gradient(from 0deg,#c9fa5c88 0deg 0.45deg,transparent .45deg 4deg);mask:radial-gradient(transparent 66%,#000 66.5%,#000 68%,transparent 68.5%)}.orbit:before,.orbit:after{content:"";position:absolute;inset:23px;border:1px solid #c9fa5c1a;border-radius:50%}.orbit:after{inset:27px;border-color:#c9fa5c0d}.orbit-inner{text-align:center;z-index:1}.orbit-inner .eyebrow{font-size:8px;color:var(--lime)}#timer{font-size:49px;font-weight:200;letter-spacing:-2.5px;line-height:1.8;font-variant-numeric:tabular-nums}.orbit-inner .fine{font-size:10px}.orbit-satellite{position:absolute;top:0;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--lime)}.orbit.active .orbit-satellite{box-shadow:0 0 15px 4px #c9fa5c44;animation:breathe 3s ease-in-out infinite}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 0;margin-bottom:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{display:flex;flex-direction:column;gap:9px;padding-left:15px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metric-label{font-size:7px;letter-spacing:1px}.metrics strong{font-weight:400;font-size:23px;letter-spacing:-.6px}.metrics small{font-size:9px;color:var(--muted)}.section-label{font-size:8px;margin-bottom:12px}.presets{display:flex;gap:7px;margin-bottom:14px}.presets button{background:var(--surface);border:1px solid transparent;border-radius:11px;flex:1;height:41px;font-size:12px;color:var(--muted)}.presets button.selected{border-color:#c9fa5c44;background:#c9fa5c10;color:var(--lime)}.minor-actions{display:flex;justify-content:space-between;margin:12px 0 6px}.minor-actions button{font-size:11px;padding:10px;color:var(--muted)}.power-card{margin-top:26px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:22px 0 8px;width:100%;text-align:left}.power-icon{font-size:27px;font-weight:200;color:var(--muted)}.power-card strong,.power-card small{display:block}.power-card strong{font-size:12px;font-weight:500}.power-card small{font-size:10px;color:var(--muted);margin-top:7px}.power-card>span:last-child{margin-left:auto;color:var(--muted)}.amber{border-color:#ffc06644;color:var(--amber)}.section-heading{padding:31px 0 15px}.section-heading p{font-size:11px;margin:0}.section-heading .eyebrow{font-size:8px}.app-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:15px 0}.app-glyph{height:39px;width:39px;background:var(--surface);border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;font-size:16px;color:var(--lime)}.app-name{min-width:0;flex:1}.app-name strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-name small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.app-row button{font-size:10px;color:var(--muted);padding:12px 4px}.open-app .secondary{width:100%}#screen-stage{height:min(48svh,400px);min-height:210px;border:1px solid var(--line);background:#050707;border-radius:17px;overflow:hidden;position:relative;margin:6px 0 13px}#screen-placeholder{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center}#screen-placeholder p{font-size:20px;font-weight:300;color:var(--text);letter-spacing:-.5px}#vnc-canvas{width:100%;height:100%;position:relative}#vnc-canvas canvas{touch-action:none}#screen-stage:fullscreen{width:100%;height:100%;border-radius:0}.screen-toolbar{display:flex;gap:8px}.screen-toolbar>.primary,.screen-toolbar>.secondary{flex:1;justify-content:center}.icon-button{background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:23px;width:50px}.keys{display:flex;gap:5px;margin:16px 0 12px}.keys button{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px 3px;font-size:12px;background:var(--surface)}.keys button.selected{color:var(--bg);background:var(--lime)}#screen-keyboard{font-size:14px}.screen-options{display:flex;gap:15px}.screen-options label{font-size:10px;display:flex;align-items:center;gap:5px}.screen-options input{accent-color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:29px;padding:19px 0;color:var(--muted);font-size:9px}footer button{font-size:9px;color:var(--muted);padding:8px 0}#toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),480px);background:#252e24;box-shadow:0 10px 50px #000b;border:1px solid #c9fa5c33;border-radius:13px;padding:17px 20px;font-size:12px;line-height:1.6;z-index:20}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:23px;width:min(calc(100% - 34px),430px);padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog .dialog-buttons{display:flex;gap:10px;margin-top:24px}dialog .dialog-buttons button{flex:1;justify-content:center}dialog h2{font-size:27px}dialog p{font-size:12px}dialog label{margin-top:15px}@keyframes breathe{50%{opacity:.5}}@media(min-width:800px){.shell{width:540px}header{height:115px}}@media(max-width:360px){.shell{padding:0 15px}.orbit{width:260px;height:260px}.metric-label{font-size:6px}.metrics>div{padding-left:10px}nav button{font-size:11px}h1{font-size:64px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}