:root{--bg:#0b1020;--panel:#141b31;--panel-2:#1b2442;--text:#e8ecf7;--muted:#8892b0;--accent:#ffd166;--green:#3ddc84;--red:#ff5c72;--blue:#4f8cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}#root{max-width:640px;padding:env(safe-area-inset-top) 14px calc(90px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:18px 2px 12px;font-size:1.35rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 2px 10px;font-size:.85rem}.card{background:var(--panel);border-radius:16px;margin-bottom:10px;padding:14px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--red)}.muted{color:var(--muted);font-size:.82rem}button{font:inherit;background:var(--panel-2);color:var(--text);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;padding:10px 14px}button:active{opacity:.7}button:disabled{opacity:.35;pointer-events:none}button.primary{background:var(--blue);font-weight:600}button.warn{color:var(--red);background:#40263a}button.small{border-radius:10px;padding:6px 10px;font-size:.82rem}.chip-row{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row button{white-space:nowrap}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.switch{flex-shrink:0;width:50px;height:30px;position:relative}.switch input{display:none}.switch span{background:#2a3454;border-radius:15px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(20px)}input[type=range]{width:100%;accent-color:var(--accent);height:30px}input[type=color]{background:0 0;border:none;border-radius:8px;width:44px;height:34px;padding:0}input[type=text],input[type=password],textarea,select{font:inherit;background:var(--panel-2);width:100%;color:var(--text);border:1px solid #2a3454;border-radius:10px;padding:10px 12px}.seg{background:var(--panel-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{background:0 0;border-radius:8px;padding:6px 12px;font-size:.85rem}.seg button.active{background:var(--blue);font-weight:600}.tabbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10;background:#0d1226eb;border-top:1px solid #222c4e;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:4px 18px;font-size:.72rem;display:flex}.tabbar button.active{color:var(--accent)}.tabbar .icon{font-size:1.3rem}.banner{color:var(--red);background:#3a2430;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:.88rem}.toast{bottom:calc(86px + env(safe-area-inset-bottom));background:var(--panel-2);z-index:20;border:1px solid #2a3454;border-radius:12px;max-width:90%;padding:10px 16px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);width:100%;max-width:640px;max-height:88vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.badge{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.7rem}.badge.synced{color:var(--green)}.badge.out_of_date,.badge.error{color:var(--accent)}.login-wrap{text-align:center;flex-direction:column;gap:14px;margin-top:30vh;display:flex}