:root{color-scheme:dark;--bg:#080c17;--panel:#101728;--border:#29334d;--text:#f3f1ff;--muted:#a6b0c9;--purple:#8d5bf5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#23173d 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}header{max-width:1280px;margin:auto;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0d}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:750;letter-spacing:2px;color:inherit;text-decoration:none}.admin{font-size:15px;letter-spacing:0;font-weight:400;color:var(--muted);border-left:1px solid var(--border);padding-left:12px;margin-left:8px}.mark{display:grid;gap:4px;width:23px;margin-right:5px}.mark i{height:5px;border-radius:5px;background:linear-gradient(90deg,#cfb6ff,#813ef1)}main{max-width:1212px;margin:0 auto;padding:48px 24px 20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#baa2f5}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}h2{font-size:23px;letter-spacing:-.4px;margin:0 0 12px}p{color:var(--muted);line-height:1.6;margin:8px 0 22px}button,input,select{font:inherit}button{cursor:pointer;border-radius:10px;border:1px solid var(--border);padding:13px 18px;background:#1d2740;color:var(--text);font-weight:600}button:hover{filter:brightness(1.16)}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(120deg,#975df3,#703ce1);border-color:#a37aff;box-shadow:0 5px 22px #7135df20}.quiet{background:transparent;border-color:transparent;padding:9px 12px;font-size:13px;color:var(--muted)}button:focus-visible,input:focus,select:focus{outline:2px solid #b499ff;outline-offset:3px}label{font-size:13px;color:#d3d7e5;display:block;margin:18px 0 8px}input,select{width:100%;padding:13px 14px;color:var(--text);background:#0c1323;border:1px solid var(--border);border-radius:9px}input::placeholder{color:#6e7c99}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading p{margin:10px 0}.workspace{display:grid;grid-template-columns:310px 1fr;gap:22px}.card{background:linear-gradient(140deg,#151c30,#0f1525);border:1px solid var(--border);border-radius:18px;padding:25px}.devices label{margin-top:0}.device{display:block;text-align:left;width:100%;background:transparent;margin-top:12px;border:1px solid transparent;padding:16px 12px}.device.selected{background:#7d4cdb26;border-color:#9569ef}.device small{display:block;color:var(--muted);font-size:11px;margin-top:7px;font-weight:400}.device-list{margin-top:15px}.empty{font-size:13px;margin:28px 0}.empty-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-state p{max-width:320px}.tv-symbol{color:#ac85fb;font-size:60px;margin-bottom:20px}.detail-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.device-id{font-family:Consolas,monospace;font-size:12px;color:var(--muted)}.badge{padding:6px 11px;border-radius:20px;font-size:11px;white-space:nowrap;background:#996dff24;color:#d0b8ff}.badge.ready{background:#22ba8a1a;color:#6de2b8}.meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0;padding:20px 0;border-block:1px solid var(--border)}.meta span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.meta strong{font-size:13px;font-weight:500}.actions{display:flex;gap:10px;margin-top:24px}.actions button:first-child{flex:1}.hint{font-size:12px;margin:12px 0;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}.check input{width:16px;margin-top:3px;flex-shrink:0}.notice{display:flex;align-items:center;gap:18px;padding:20px 24px;margin-top:24px;background:#0e1626;border:1px solid #24304a;border-radius:13px}.notice>span{color:#b390fb;font-size:28px}.notice p{margin:0;font-size:13px}.notice strong{color:#d5dced;font-weight:500}footer{text-align:center;color:#576580;font-size:10px;letter-spacing:3px;padding:35px}.account{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.login{max-width:600px;margin:65px auto 80px;text-align:center}.login h1{font-size:54px;line-height:1.1;margin:22px 0}.login p{margin:25px 0 30px;font-size:17px}.login button{min-width:270px}.login button span{margin-left:25px}.login small{display:block;color:#73819d;margin:22px 0;font-size:12px}dialog{background:#141c30;color:var(--text);border:1px solid var(--border);border-radius:18px;padding:28px;width:470px;max-width:calc(100% - 30px)}dialog::backdrop{background:#020510bd;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog p{font-size:13px}dialog .primary{width:100%}#pair-error{color:#ffafbf}#message:not(:empty){padding:14px 18px;background:#211b37;border:1px solid #69519a;border-radius:10px;color:#e1d5fd}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}.account #account{display:none}main{padding:30px 16px 12px}.workspace{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading h1{font-size:30px}.card{padding:20px}.devices{max-height:300px;overflow:auto}.login{margin:55px auto}.login h1{font-size:42px}.detail-top{flex-wrap:wrap}.actions{flex-wrap:wrap}.notice{padding:16px}dialog{padding:24px}}