:root{color-scheme:dark;--bg:#07111f;--panel:#0d1b2d;--line:#1b3048;--text:#f2f7ff;--muted:#8ea3bb;--blue:#29a8ff;--cyan:#51e1c1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#143e5d 0,transparent 38%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text)}button,input,select{font:inherit}.shell{width:min(100%,680px);min-height:100vh;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--cyan));font-weight:900;color:#04111e;box-shadow:0 8px 28px #20a9ee55}h1,h2,p{margin:0}h1{font-size:20px}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-bottom:2px}.status{margin-left:auto;font-size:12px;color:var(--cyan);background:#51e1c114;border:1px solid #51e1c134;padding:7px 10px;border-radius:99px}.hero{text-align:center;padding:42px 0 36px}.orb{width:140px;height:140px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#123957 15%,#0a1d30 55%);border:1px solid #2d6787;box-shadow:0 0 0 14px #15385344,0 0 75px #24b9ef33}.orb-core{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#05131d;font-size:28px;font-weight:900}.hero>p{color:var(--muted);margin-bottom:22px}.primary,.secondary{width:100%;border-radius:14px;padding:15px 18px;font-weight:750;cursor:pointer}.primary{border:0;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#03131f;box-shadow:0 10px 28px #20a9ee2f}.secondary{margin-top:10px;background:#132a40;color:var(--text);border:1px solid #28506e}.text-button{border:0;background:transparent;color:var(--muted);padding:14px;cursor:pointer}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.subscription-card{display:flex;justify-content:space-between;text-align:left;padding:14px 16px;margin:0 0 16px;border:1px solid var(--line);border-radius:16px;background:#0d1b2dcc}.subscription-card span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.subscription-card strong{font-size:14px}.subscription-card .right{text-align:right}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2,dialog h2{font-size:17px}.section-title span{font-size:12px;color:var(--muted)}.devices,.subscriptions{display:grid;gap:10px}.device,.empty,.subscription-row{border:1px solid var(--line);background:#0d1b2dcc;border-radius:16px;padding:16px}.device{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}.device-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#1b3852;color:var(--cyan)}.device small,.subscription-row small{display:block;color:var(--muted);margin-top:4px}.delete{border:0;background:transparent;color:#7490aa;font-size:21px;cursor:pointer}.empty{text-align:center;color:var(--muted);padding:28px}.admin{margin-top:34px}.subscription-row .row-top{display:flex;justify-content:space-between;gap:10px}.admin-actions{display:flex;gap:8px;margin-top:12px}.admin-actions button{flex:1;border:1px solid var(--line);border-radius:9px;background:#132a40;color:var(--text);padding:9px;cursor:pointer}.admin-actions .revoke{color:#ff9eaa}dialog{width:min(calc(100% - 32px),520px);border:1px solid var(--line);border-radius:20px;background:#0b1727;color:var(--text);padding:20px}dialog::backdrop{background:#020813c7;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon{background:transparent;border:0;color:var(--muted);font-size:26px;cursor:pointer}label{display:grid;gap:8px;color:var(--muted);font-size:13px;margin-bottom:16px}input,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);background:#07111f;outline:none}.notice,.hint{color:var(--muted);line-height:1.5;margin:14px 0;font-size:13px}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(100px);background:#f2f7ff;color:#07111f;padding:12px 16px;border-radius:12px;transition:.25s;z-index:10}#toast.show{transform:translateX(-50%) translateY(0)}