:root{--bg: #f5f5f7;--fg: #1c1c1e;--card: #ffffff;--accent: #007aff;--accent-rgb: 0, 122, 255;--danger: #ff3b30;--success: #34c759;--radius: 16px;--shadow: 0 4px 24px rgba(0,0,0,.08)}@media(prefers-color-scheme:dark){:root{--bg: #000000;--fg: #f5f5f7;--card: #1c1c1e;--shadow: 0 4px 24px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}header{text-align:center;padding:24px 0 8px}header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}header p{font-size:14px;color:rgba(var(--accent-rgb),.9);margin-top:4px}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h2{font-size:17px;font-weight:600;margin-bottom:12px}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:100px;background:#0000000d}.status.on{background:#34c7591f;color:var(--success)}.status.off{background:#ff3b301f;color:var(--danger)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;width:100%;padding:14px;border-radius:12px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);cursor:pointer;transition:transform .12s ease,opacity .12s ease}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:default}button.secondary{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.gap-2{display:flex;flex-direction:column;gap:12px}.gap-3{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;justify-content:space-between}pre{font-size:11px;background:#0000000a;padding:12px;border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;line-height:1.5}.info{font-size:13px;line-height:1.6;color:#808080e6}.info strong{color:var(--fg);font-weight:600}ol{padding-left:20px;margin:8px 0}ol li{margin-bottom:4px}