@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bg-header:#0e1014;--bg-player:#050607;--surface:#14171c;--surface-2:#1c2027;--surface-3:#1a1e24;--row-alt:#16191f;--border:#22262e;--border-strong:#2a2f38;--track:#262b33;--text:#eceef1;--text-2:#c9ced6;--text-muted:#aeb5bf;--text-dim:#9aa3af;--accent:#f5a524;--on-accent:#1a1205;--accent-tint:#2a2416;--live:#f0524a;--live-text:#ffb3ae;--shared:#5aa9f5;--ok:#4cc38a;--font-ui:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Space Grotesk", Inter, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius-control:8px;--radius-button:10px;--radius-panel:12px;--radius-dialog:16px;--hit:44px;--gutter:32px}@media (max-width:640px){:root{--gutter:16px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0;font-size:14px}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{padding:12px var(--gutter);background:var(--bg-header);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.wordmark{min-height:var(--hit);font-family:var(--font-display);letter-spacing:-.01em;border-radius:var(--radius-control);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.wordmark-badge{border-radius:var(--radius-control);background:var(--accent);width:30px;height:30px;color:var(--on-accent);place-items:center;font-size:15px;display:grid}.topnav{flex-wrap:wrap;flex:auto;gap:4px;display:flex}.topnav-link{min-height:var(--hit);border-radius:var(--radius-control);color:var(--text-muted);align-items:center;padding:0 14px;display:inline-flex}.topnav-link[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:600}.topnav-link:hover{color:var(--accent)}.topbar-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{height:var(--hit);border-radius:var(--radius-control);background:var(--surface-2);width:260px;color:var(--text-dim);align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1}.search input:focus-visible{outline:none}.search input::placeholder{color:var(--text-dim)}.connection-slot:empty{display:none}.connection-slot{align-items:center;gap:8px;display:flex}.sync-status{align-items:center;padding:4px;display:inline-flex}.sync-dot{background:var(--track);border-radius:50%;width:8px;height:8px}.sync-status[data-state=open] .sync-dot{background:var(--accent)}.sync-status[data-state=offline] .sync-dot{background:var(--live)}.connection{min-height:var(--hit);border-radius:var(--radius-control);border:1px solid var(--border-strong);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.connection-meter{gap:3px;display:flex}.connection-meter:empty{display:none}.connection-seg{background:var(--track);border-radius:2px;width:6px;height:14px}.connection-seg[data-on]{background:var(--accent)}.connection[data-at-limit]{border-color:var(--live);color:var(--live-text)}.connection[data-at-limit] .connection-seg[data-on]{background:var(--live)}.page{max-width:1376px;padding:var(--gutter);flex-direction:column;gap:40px;margin:0 auto;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:700}.accent{color:var(--accent)}.placeholder{gap:8px;display:grid}.placeholder p{color:var(--text-dim);margin:0}@media (max-width:640px){.topbar-tools{width:100%}.search{flex:200px;width:auto}}.btn-primary,.btn-secondary{min-height:var(--hit);border-radius:var(--radius-button);font:inherit;cursor:pointer;padding:0 18px;font-weight:600}.btn-primary{background:var(--accent);color:var(--on-accent);border:0}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.signin-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signout{margin:0}.signin{place-content:center;min-height:100vh;padding:24px;display:grid}.signin-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-dialog);gap:20px;width:min(400px,100vw - 32px);padding:32px;display:grid}.signin-panel h1{font-family:var(--font-display);text-align:center;margin:0;font-size:36px}.signin-panel h1 span{color:var(--accent)}.signin-form{gap:10px;display:grid}.signin-form h2{font-size:20px;font-family:var(--font-display);margin:0}.signin-form p{color:var(--text-2);margin:0 0 8px;font-size:14px;line-height:1.45}.signin-form label{color:var(--text-2);font-size:13px}.signin-form .optional{color:var(--text-muted)}.signin-form input{min-height:var(--hit);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;margin-bottom:8px;padding:0 12px}.signin-notice{background:var(--accent-tint);color:var(--text);border-radius:var(--radius-control);margin:0;padding:10px 12px;font-size:14px}.signin-form .signin-error{color:var(--live-text);margin:4px 0 0}.muted{color:var(--text-muted)}.live,.sessions{gap:16px;display:grid}.live-list{border:1px solid var(--border);border-radius:var(--radius-panel);margin:0;padding:0;list-style:none;overflow:hidden}.live-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:6px 16px;display:flex}.live-row:last-child{border-bottom:0}.live-row:nth-child(2n){background:var(--row-alt)}.live-row[data-playing]{background:var(--accent-tint)}.live-num{width:48px;color:var(--text-dim);font-family:var(--font-mono)}.live-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.now-playing,.live-notice{border-radius:var(--radius-panel);background:var(--surface);border:1px solid var(--border-strong);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.now-playing-dot{background:var(--live);border-radius:50%;width:10px;height:10px}.limit-dialog{background:var(--surface);width:min(560px,100vw - 32px);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-dialog);padding:28px}.limit-dialog::backdrop{background:color-mix(in srgb, var(--bg-player) 72%, transparent)}.limit-eyebrow{color:var(--text-dim);margin:0;font-size:13px}.limit-title{font-family:var(--font-display);margin:6px 0 8px;font-size:22px}.limit-body{color:var(--text-2);margin:0 0 16px;line-height:1.5}.limit-shared{text-align:left;width:100%;min-height:var(--hit);border-radius:var(--radius-panel);background:var(--surface-2);color:var(--text);border:1px solid var(--shared);cursor:pointer;gap:4px;padding:14px 16px;display:grid}.limit-shared strong{color:var(--shared)}.limit-shared span{color:var(--text-muted);font-size:13px}.limit-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:20px 0 8px;font-size:13px}.limit-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.limit-item{border-radius:var(--radius-panel);background:var(--surface-3);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.limit-item-title{font-weight:600}.limit-item-meta{color:var(--text-muted);margin-top:2px;font-size:13px}.limit-error{color:var(--live-text);margin:12px 0 0}.limit-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.sessions-table{border-collapse:collapse;border:1px solid var(--border);width:100%}.sessions-table th,.sessions-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}.sessions-table th{color:var(--text-dim);font-size:13px;font-weight:600}.sessions-table td[data-path=shared]{color:var(--shared)}.sessions-table td[data-path=direct]{color:var(--ok)}@media (max-width:640px){.sessions-table{display:block;overflow-x:auto}}