:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf3ff;background:#101827;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#101827}button,input{font:inherit}button{min-height:44px;border:0;border-radius:10px;padding:0 15px;cursor:pointer;font-weight:650}button:disabled{opacity:.48;cursor:not-allowed}.page{width:min(100%,720px);min-height:100svh;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.eyebrow{margin:0 0 6px;color:#76b7ff;font-size:.74rem;font-weight:800;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:1.7rem}h2{font-size:1.1rem}.muted{color:#aab7ca;line-height:1.5}.primary{color:#061121;background:#7dd3fc}.secondary{color:#dce7f6;background:#26364f}.text-button,.icon-button,.back-button{color:#a9d2ff;background:transparent}.auth-page{min-height:100svh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}.auth-card{width:min(100%,420px);padding:28px 24px;border:1px solid #293953;border-radius:18px;background:#182338;box-shadow:0 18px 60px #0004}form{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:7px;color:#c6d2e4;font-size:.9rem}input{width:100%;min-height:45px;padding:10px 12px;color:#edf3ff;border:1px solid #40516e;border-radius:9px;background:#101827}input:focus{outline:2px solid #7dd3fc;outline-offset:1px}.form-error{margin:0;color:#ff9a9a}.page-header,.toolbar,.device-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{justify-content:flex-start;margin:24px 0}.device-list{display:grid;gap:12px}.device-card,.empty{padding:18px;border:1px solid #2d3f5c;border-radius:14px;background:#182338}.device-card p{margin-bottom:10px}.device-card .primary{width:100%;margin-top:8px}.status-dot{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%;background:#45d68a}.status-dot.offline{background:#8491a4}.empty{text-align:center;margin-top:34px}.remote-page{min-height:100svh;display:flex;flex-direction:column;background:#101827}.remote-header{min-height:calc(60px + env(safe-area-inset-top));padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));display:flex;align-items:center;border-bottom:1px solid #293953}.back-button{font-size:1.7rem;padding:0 10px}.remote-title{flex:1;display:grid;gap:3px}.remote-title span,.remote-meta{color:#b2c0d4;font-size:.78rem}.debug-toggle{display:flex;align-items:center;gap:4px;color:#b2c0d4}.debug-toggle input{width:18px;min-height:18px}.remote-meta{display:flex;justify-content:space-around;gap:6px;padding:8px 12px;white-space:nowrap;overflow-x:auto;border-bottom:1px solid #293953}.screen-wrap{position:relative;display:flex;flex:1;min-height:0}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:14px;color:#fff;text-align:center;background:#05080ecf}.screen-overlay span{color:#b7c4d8}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#172238}.controls button{min-width:0;color:#e5efff;background:#2a3a55;font-size:.82rem}.debug-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:12px;color:#bad0ed;border-top:1px solid #2c405d;font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace}.debug-panel strong{grid-column:1 / -1;color:#7dd3fc}.toast{position:fixed;z-index:20;bottom:max(88px,calc(18px + env(safe-area-inset-bottom)));left:50%;width:min(calc(100% - 32px),460px);margin:0;padding:12px 14px;transform:translate(-50%);color:#e9f9ff;border-radius:10px;background:#1f6b89;box-shadow:0 6px 30px #0007}.toast.danger{background:#9f3440}@media(min-width:760px){.remote-page{width:min(100%,980px);margin:auto;border-inline:1px solid #293953}.remote-screen img{max-height:calc(100svh - 190px)}.controls{grid-template-columns:repeat(6,1fr)}}