/* N Space Cloud auth gate + user chip + live-scan styles — Apple liquid glass. */
.nsc-gate{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:radial-gradient(1100px 520px at 12% -8%,rgba(79,70,229,.16),transparent 55%),radial-gradient(900px 520px at 108% 108%,rgba(52,211,153,.13),transparent 55%),rgba(241,244,248,.72);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);overflow-y:auto;font-family:inherit}
.nsc-card{width:min(100%,392px);background:rgba(255,255,255,.66);border-radius:30px;border:1px solid rgba(255,255,255,.75);box-shadow:0 36px 80px -32px rgba(15,23,42,.38),inset 0 1px 0 rgba(255,255,255,.9);padding:28px 24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nsc-brand{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.nsc-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#4f46e5,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 10px 24px -10px rgba(79,70,229,.6)}
.nsc-brand b{display:block;font-size:16px;letter-spacing:-.3px}
.nsc-brand small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.nsc-card h2{margin:2px 0 4px;font-size:22px;letter-spacing:-.5px}
.nsc-sub{font-size:13px;color:#5c6470;margin:0 0 14px;line-height:1.55}
.nsc-tabs{display:flex;background:rgba(15,23,42,.07);border-radius:13px;padding:3px;margin-bottom:12px}
.nsc-tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:10px;font-weight:650;font-size:13px;color:#5c6470;cursor:pointer}
.nsc-tabs button.on{background:#fff;color:#0f172a;box-shadow:0 2px 10px rgba(15,23,42,.1)}
.nsc-card label{display:block;font-size:11.5px;font-weight:650;color:#5c6470;margin:11px 0 5px}
.nsc-card input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid rgba(15,23,42,.14);border-radius:13px;font-size:15px;background:rgba(255,255,255,.8);outline:0}
.nsc-card input:focus{border-color:rgba(79,70,229,.55);box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.nsc-err{min-height:17px;font-size:12px;color:#dc2626;font-weight:550;margin-top:8px}
.nsc-btn{width:100%;border:0;border-radius:14px;padding:13px;font-weight:700;font-size:14.5px;color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 12px 26px -10px rgba(79,70,229,.55);cursor:pointer;margin-top:8px}
.nsc-btn:disabled{opacity:.5}
.nsc-btn:active{transform:scale(.98)}
.nsc-btn.ghost{background:rgba(255,255,255,.7);color:#0f172a;border:1px solid rgba(15,23,42,.12);box-shadow:none}
.nsc-acct{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:rgba(255,255,255,.7);margin-top:8px;font-size:14px;text-align:left;cursor:pointer}
.nsc-acct:hover{background:#fff}
.nsc-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#4f46e5,#8b5cf6);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.nsc-chip{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9998;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:5px 13px 5px 5px;cursor:pointer;font-size:12px;font-weight:650;color:#0f172a;box-shadow:0 14px 34px -16px rgba(15,23,42,.4)}
.nsc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:3px;animation:nscPulse 1.5s infinite}
.nsc-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(70px + env(safe-area-inset-bottom,0px));background:rgba(15,23,42,.92);color:#fff;padding:10px 17px;border-radius:999px;font-size:13px;font-weight:550;z-index:99999;backdrop-filter:blur(8px)}
@keyframes nscPulse{70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* ===== header Live Browser button — gradient pill, globe, live dot ===== */
.live-toggle{position:relative;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:8px 14px 8px 11px;font-weight:650;font-size:12.5px;color:#fff;background:linear-gradient(90deg,#4f46e5 0%,#6d5df0 55%,#8b5cf6 100%);cursor:pointer;box-shadow:0 8px 22px -8px rgba(79,70,229,.65),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .18s,box-shadow .2s}
.live-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px rgba(79,70,229,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.live-toggle:active{transform:scale(.97)}
.live-toggle .ic{width:15px;height:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.live-toggle .lt-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.55);animation:ltPulse 1.5s infinite}
.live-toggle.on{background:linear-gradient(90deg,#0ea5e9,#34d399)}
@keyframes ltPulse{70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

/* ===== liquid glass polish ===== */
.glass{backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6)}
.glass-strong{backdrop-filter:blur(30px) saturate(1.7);-webkit-backdrop-filter:blur(30px) saturate(1.7)}
[data-theme="dark"] .nsc-gate{background:radial-gradient(1100px 520px at 12% -8%,rgba(79,70,229,.28),transparent 55%),radial-gradient(900px 520px at 108% 108%,rgba(52,211,153,.12),transparent 55%),rgba(8,13,28,.66)}
[data-theme="dark"] .nsc-card{background:rgba(17,24,44,.66);border-color:rgba(120,150,255,.22);box-shadow:0 36px 80px -32px rgba(0,0,0,.7),inset 0 1px 0 rgba(140,170,255,.18)}
[data-theme="dark"] .nsc-card input{background:rgba(10,17,36,.6);color:#e6ecff;border-color:rgba(120,150,255,.2)}
[data-theme="dark"] .nsc-tabs{background:rgba(120,150,255,.1)}
[data-theme="dark"] .nsc-tabs button.on{background:rgba(120,150,255,.18);color:#e6ecff}
[data-theme="dark"] .nsc-sub,[data-theme="dark"] .nsc-card label{color:#9fb0d0}
[data-theme="dark"] .nsc-chip{background:rgba(17,24,44,.72);border-color:rgba(120,150,255,.22);color:#e6ecff}
[data-theme="dark"] .nsc-btn.ghost{background:rgba(120,150,255,.12);color:#e6ecff;border-color:rgba(120,150,255,.25)}
