:root{--bg: #0b0d12;--text: #f2f4f8;--hint: #8b90a0;--accent: #2d72ff;--accent-2: #1b63f7;--ok: #30a46c;--warn: #f5a623;--danger: #e5484d;--line: rgba(255, 255, 255, .1);--glass-a: rgba(255, 255, 255, .085);--glass-b: rgba(255, 255, 255, .028);--radius: 20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;min-height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(42% 34% at 12% 4%,rgba(45,114,255,.2),transparent 72%),radial-gradient(36% 30% at 92% 0%,rgba(124,92,255,.14),transparent 70%),radial-gradient(48% 42% at 82% 96%,rgba(27,99,247,.16),transparent 72%),linear-gradient(180deg,#0c0f16,#0b0d12 45%,#0a0c11)}#root{max-width:560px;margin:0 auto;padding:14px 12px 40px}.card{position:relative;background:linear-gradient(160deg,var(--glass-a),var(--glass-b));border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 14px 34px #00000061,inset 0 1px #ffffff17;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.row{display:flex;align-items:center;gap:8px}.spread{justify-content:space-between}.muted{color:var(--hint);font-size:13px}.title{font-size:18px;font-weight:700;letter-spacing:.2px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.dot.on{background:var(--ok);box-shadow:0 0 10px #30a46ce6}.dot.off{background:var(--danger);box-shadow:0 0 10px #e5484d8c}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric{background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px #ffffff12}.metric .v{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.3px}.metric .k{color:var(--hint);font-size:12px;margin-top:1px}button{font:inherit;color:var(--text);background:linear-gradient(160deg,#ffffff1a,#ffffff09);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px 12px;cursor:pointer;box-shadow:inset 0 1px #ffffff1a,0 6px 16px #00000040;transition:transform .12s ease,filter .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}button:active{transform:scale(.97);filter:brightness(1.12)}button:disabled{opacity:.38;cursor:default;box-shadow:none}button.primary{background:linear-gradient(150deg,#3b82ff,#1b63f7 55%,#1450d6);border-color:#82afff80;color:#fff;font-weight:600;box-shadow:0 10px 26px #1b63f761,inset 0 1px #ffffff59}button.primary:active{filter:brightness(1.08)}button.danger{background:linear-gradient(160deg,#e5484d38,#e5484d1a);border-color:#e5484d59;color:#ff8f92}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.controls button{font-weight:600}input{font:inherit;width:100%;color:var(--text);background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;outline:none;letter-spacing:3px;text-transform:uppercase;text-align:center;font-weight:600;box-shadow:inset 0 2px 8px #00000059;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#5b6172;font-weight:500;letter-spacing:2px}input:focus{border-color:#2d72ffbf;box-shadow:inset 0 2px 8px #00000059,0 0 0 3px #2d72ff2e}.log{max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch}.log-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.log-item:last-child{border-bottom:none}.log-time{color:var(--hint);font-size:12px;margin-right:7px;font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);max-width:92vw;background:linear-gradient(160deg,#262c3aeb,#181c26eb);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:16px;padding:11px 16px;box-shadow:0 14px 40px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:pre-wrap;z-index:50;font-size:14px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:40;padding:16px}.modal{background:linear-gradient(160deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 24px 60px #0009}.modal img{width:100%;border-radius:12px;display:block}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}a.link{color:var(--accent);cursor:pointer;text-decoration:none}.shot-preview{width:100%;border-radius:14px;margin-top:10px;display:block;cursor:pointer;border:1px solid rgba(255,255,255,.1)}