:root{--bg:#0d1014;--panel:#151a21;--panel-2:#1b222b;--line:#262f3a;--text:#e6ebf1;--muted:#8c99a8;--accent:#4ade80;--accent-2:#38bdf8;--warn:#fbbf24;--danger:#f87171;--twitch:#9146ff;--radius:10px;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}body.obs,body.obs #root{background:0 0;overflow:hidden}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600}h2.section{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:12px}code,.mono{font-family:var(--mono);font-size:12px}[hidden]{display:none!important}button,.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;text-decoration:none!important}button:hover,.btn:hover{background:#212a35;border-color:#3a4656}button:disabled{opacity:.5;cursor:default}button.primary,.btn.primary{background:var(--accent);color:#062b12;border-color:#0000;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.twitch,.btn.twitch{background:var(--twitch);color:#fff;border-color:#0000;font-weight:600}button.danger{color:var(--danger)}button.small,.btn.small{padding:4px 9px;font-size:12px}button.ghost{background:0 0;border-color:#0000}button.active{border-color:var(--accent);color:var(--accent)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;min-width:0;padding:7px 10px}input[type=color]{cursor:pointer;width:48px;height:34px;padding:2px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);outline:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{gap:12px;display:grid}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.pill{background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.live{color:var(--accent);background:#4ade801a}.pill.hidden{color:var(--warn);background:#fbbf241a}.copy-field{align-items:center;gap:6px;display:flex}.copy-field input{font-family:var(--mono);flex:1;font-size:12px}.copy-field.secret input:not(:focus){-webkit-text-security:disc}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 4px;font-size:11px;display:block}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;border-radius:0;padding:5px 10px;font-size:12px}.seg button.active{background:var(--panel-2);color:var(--accent)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.switch input{display:none}.switch .t{background:var(--line);border-radius:99px;flex:none;width:36px;height:20px;transition:all .15s;position:relative}.switch .t:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px}.switch input:checked+.t{background:var(--accent)}.switch.warn input:checked+.t{background:var(--warn)}.switch input:checked+.t:after{left:19px}pre.code{background:var(--bg);border:1px solid var(--line);font:11.5px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:8px 0 0;padding:10px;overflow-x:auto}.toast{background:var(--panel-2);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:9999;border-radius:8px;padding:8px 14px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)}.shell{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:18px;height:52px;padding:0 16px;display:flex}.topbar .brand{color:var(--text);align-items:center;gap:8px;font-weight:700;display:flex}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;padding:6px 10px;font-weight:500;text-decoration:none}.topbar nav a.active{color:var(--text);background:var(--panel-2)}.topbar .who{align-items:center;gap:8px;margin-left:auto;display:flex}.avatar{object-fit:cover;background:var(--panel-2);border-radius:50%;width:28px;height:28px}.page{overflow:auto}.page.narrow{padding:24px 16px}.page.narrow>.inner{gap:16px;max-width:960px;margin:0 auto;display:grid}@media (width<=720px){.topbar{gap:8px;padding:0 10px;overflow-x:auto}.topbar .brand span,.topbar .who .name{display:none}}.map-host{background:#0b0d10;width:100%;height:100%;position:relative}.gps-marker{position:relative}.gps-marker .dot{background:var(--mk,#4ade80);box-shadow:0 0 0 5px color-mix(in srgb, var(--mk,#4ade80) 30%, transparent), 0 0 8px #00000080;border:3px solid #fff;border-radius:50%;position:absolute;inset:22%}.gps-marker .arrow{border-left:calc(var(--sz,30px) * .24) solid transparent;border-right:calc(var(--sz,30px) * .24) solid transparent;border-bottom:calc(var(--sz,30px) * .36) solid var(--mk,#4ade80);filter:drop-shadow(0 0 2px #000);width:0;height:0;display:none;position:absolute;top:-28%;left:50%;transform:translate(-50%)}.gps-marker.moving .arrow{display:block}.gps-marker.is-hidden .dot{background:var(--warn)}.map-adding,.map-adding canvas{cursor:crosshair!important}.maplibregl-ctrl-attrib{color:#ccc;font-size:10px;background:#00000073!important}.maplibregl-ctrl-attrib a{color:#ddd!important}.maplibregl-ctrl-attrib.maplibregl-compact{min-height:18px;padding:1px 20px 1px 6px}.maplibregl-ctrl-attrib-button{filter:invert();opacity:.7}