:root{--bg:#0e1110;--bg-2:#15191a;--panel:#1a1f20;--line:#dce4eb17;--line-strong:#dce4eb2e;--ink:#e6ece8;--ink-2:#9aa49c;--ink-3:#5e6964;--accent:#7ec699;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--sans:"Geist", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--radius-sm:8px}[data-theme=light]{--bg:#f6f5f1;--bg-2:#ecebe5;--panel:#fff;--line:#0f11101a;--line-strong:#0f111033;--ink:#14181a;--ink-2:#51585b;--ink-3:#8b9290;--accent:#2c7a44;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.nav{z-index:30;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{align-items:center;gap:8px;padding:14px 32px;display:flex}.logo{font-family:var(--mono);color:var(--ink-2);letter-spacing:.06em;align-items:center;gap:10px;font-size:12px;display:flex}.logo .mono{background:var(--ink);width:28px;height:28px;color:var(--bg);letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.logo strong{color:var(--ink);font-weight:500}.ctrls{align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line-strong);border-radius:999px;gap:1px;padding:2px;display:inline-flex;overflow:hidden}.seg button{appearance:none;font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:5px 10px;font-size:11px;transition:all .18s;display:inline-flex}.seg button.on{background:var(--ink);color:var(--bg)}.seg button:hover:not(.on){color:var(--ink)}.sec-label{font-family:var(--mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:11px;display:inline-block}.sec-label:before{content:"/ ";color:var(--ink-3)}.channel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.channel:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--panel))}.channel-ic{background:var(--bg-2);width:36px;height:36px;color:var(--ink-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.channel:hover .channel-ic{background:var(--accent);color:var(--bg)}.channel-body{flex:1;min-width:0}.channel-label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:11px}.channel-value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.channel-action{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.channel-action.ok{color:var(--accent)}