:root{color:#e7e8eb;background:#292d3e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 0%,rgba(199,146,234,.16),transparent 31rem),radial-gradient(circle at 100% 100%,rgba(137,221,255,.11),transparent 28rem),#292d3e}button{font:inherit}.app-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.hub{width:min(1040px,100%);padding:clamp(22px,5vw,50px);border:1px solid rgba(199,146,234,.24);border-radius:28px;background:#292d3ee0;box-shadow:0 34px 100px #090b156b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topbar,.panel-heading,.brand,.account,.connection,footer{display:flex;align-items:center}.topbar{justify-content:space-between;gap:20px;margin-bottom:44px}.brand{gap:14px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#292d3e;background:linear-gradient(135deg,#c792ea,#89ddff);font-size:29px;font-weight:800}.eyebrow{margin:0 0 6px;color:#c792ea;font-size:.69rem;font-weight:800;letter-spacing:.16em}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#f4f4f7;font-size:clamp(1.25rem,3vw,1.65rem);letter-spacing:-.035em}h2{margin-bottom:12px;color:#f8f8f2;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.035em}.account{max-width:min(45vw,360px);gap:8px;overflow:hidden;color:#a6accd;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.account-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#c3e88d;box-shadow:0 0 0 4px #c3e88d21}.main-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);gap:18px}.side-stack{display:grid;gap:18px}.panel{border:1px solid rgba(103,110,149,.36);border-radius:20px;background:#2f3348}.wake-panel{display:flex;min-height:440px;padding:clamp(25px,4vw,42px);flex-direction:column}.panel-copy{max-width:520px;margin-bottom:27px;color:#a6accd;line-height:1.6}.connection{gap:12px;margin:3px 0 28px;padding:14px;border:1px solid rgba(103,110,149,.42);border-radius:14px;background:#292d3ea6}.connection-light{width:10px;height:10px;flex:0 0 auto;border-radius:50%}.online .connection-light{background:#c3e88d;box-shadow:0 0 0 5px #c3e88d1a,0 0 18px #c3e88dbf}.offline .connection-light{background:#f78c6c;box-shadow:0 0 0 5px #f78c6c1a}.connection strong,.connection span{display:block}.connection strong{margin-bottom:2px;color:#f8f8f2;font-size:.93rem}.connection div span{color:#a6accd;font-size:.78rem}.wake-button{display:flex;min-height:150px;width:100%;align-items:center;justify-content:center;gap:13px;margin-top:auto;border:0;border-radius:17px;color:#292d3e;cursor:pointer;background:linear-gradient(135deg,#c792ea,#a9a1e8 48%,#89ddff);box-shadow:0 12px 28px #c792ea33;font-size:1.15rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wake-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px #c792ea57;filter:brightness(1.05)}.wake-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible{outline:3px solid #89ddff;outline-offset:3px}.wake-button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.55}.power-symbol{font-size:1.75rem}.notice{margin:16px 0 0;font-size:.86rem;line-height:1.5}.success{color:#c3e88d}.error{color:#ff9e8d}.status-panel{padding:25px}.panel-heading{justify-content:space-between;gap:12px}.panel-heading h2,.install-panel h2{margin-bottom:0;font-size:1.08rem}.icon-button{width:36px;height:36px;border:1px solid #515776;border-radius:10px;color:#89ddff;cursor:pointer;background:#292d3e;font-size:1.25rem}.icon-button:disabled{opacity:.5;cursor:wait}.facts{margin:22px 0 0}.facts div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(103,110,149,.28)}dt{color:#a6accd;font-size:.77rem}dd{max-width:63%;margin:0;color:#e7e8eb;font-size:.78rem;font-weight:650;text-align:right}.value-online{color:#c3e88d}.value-offline{color:#f78c6c}.computer-panel{padding:22px 25px}.computer-state-row{display:flex;align-items:center;gap:10px;margin-top:11px;color:#f8f8f2;font-size:.94rem}.computer-state-dot{width:9px;height:9px;border-radius:50%;background:#676e95}.computer-state-dot.online{background:#c3e88d;box-shadow:0 0 13px #c3e88db3}.computer-state-dot.waking{background:#ffcb6b;box-shadow:0 0 13px #ffcb6b8c}.computer-state-dot.offline{background:#f78c6c}.computer-panel p:not(.eyebrow){margin:11px 0 0;color:#a6accd;font-size:.77rem;line-height:1.5}.install-panel{display:flex;min-height:154px;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px;background:linear-gradient(140deg,#444267eb,#2f3348)}.install-panel p:not(.eyebrow){max-width:265px;margin:11px 0 0;color:#c4c7dc;font-size:.8rem;line-height:1.55}.secondary-button{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(137,221,255,.5);border-radius:9px;color:#89ddff;cursor:pointer;background:#292d3ea6;font-size:.78rem;font-weight:700}.install-hint{max-width:130px;color:#a6accd;font-size:.7rem;line-height:1.4;text-align:right}footer{justify-content:center;gap:9px;margin-top:29px;color:#747caa;font-size:.72rem}@media(max-width:760px){.app-shell{padding:0;place-items:stretch}.hub{min-height:100vh;padding:25px 18px;border:0;border-radius:0}.topbar{align-items:flex-start;margin-bottom:30px}.account{max-width:140px;padding-top:6px}.main-grid{grid-template-columns:1fr}.wake-panel{min-height:390px}.wake-button{min-height:130px}}@media(max-width:410px){.install-panel{display:grid}.install-hint{max-width:none;text-align:left}}