:root{--night: #10102a;--night-2: #16163a;--night-3: #1d1d48;--night-4: #27275a;--field: #0e0e26;--ink: #0b0b1e;--line: #34346a;--line-soft: #232350;--extrude: #4a4a80;--paper: #fcfcf0;--paper-dim: #dde0f2;--muted: #a9aed6;--faint: #7c80b0;--accent: #8a8ad0;--accent-deep: #6c6cb4;--accent-ink: #0b0b1e;--ice: #9cb8de;--mint: #a8dcd8;--live: #f27a9b;--live-deep: #c9506f;--danger: #ff7366;--danger-deep: #b8372c;--chrome: linear-gradient(180deg, #b4ccec 0%, var(--ice) 38%, var(--accent) 100%);--chrome-live: linear-gradient(180deg, #f9b3c6 0%, var(--live) 100%);--font-display: "Titan One", "Arial Rounded MT Bold", "Arial Black", sans-serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-pixel: "Pixelify Sans", ui-monospace, "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.1875rem;--fs-xl: 1.5rem;--fs-2xl: clamp(1.9rem, 1.3rem + 2.4vw, 2.8rem);--fs-3xl: clamp(2.1rem, 1.3rem + 3.6vw, 3.6rem);--radius: 16px;--radius-sm: 10px;--gutter: 16px;--maxw: 1180px;--player-h: 72px;--focus: 0 0 0 3px var(--night), 0 0 0 6px var(--mint);--shadow: 0 18px 40px -18px rgb(0 0 0 / .7);--rim: inset 0 1px 0 rgb(168 220 216 / .14);color-scheme:dark}@media(min-width:720px){:root{--gutter: 28px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}body{margin:0;min-height:100dvh;background-color:var(--night);background-image:radial-gradient(ellipse 80% 55% at 50% -12%,rgb(138 138 208 / .22),transparent 70%),radial-gradient(ellipse 60% 40% at 85% 110%,rgb(168 220 216 / .06),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' shape-rendering='crispEdges'%3E%3Cg fill='%23cfe0f4'%3E%3Crect x='22' y='31' width='2' height='2' opacity='.35'/%3E%3Crect x='131' y='12' width='2' height='2' opacity='.22'/%3E%3Crect x='88' y='97' width='2' height='2' opacity='.18'/%3E%3Crect x='160' y='141' width='2' height='2' opacity='.3'/%3E%3Crect x='47' y='150' width='2' height='2' opacity='.15'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;color:var(--paper);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--ice)}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:800}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--chrome);color:var(--accent-ink);font-weight:800;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:12px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;line-height:1.05}.lettered{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.05em 0 0 var(--ink)) drop-shadow(-.05em 0 0 var(--ink)) drop-shadow(0 .05em 0 var(--ink)) drop-shadow(0 -.05em 0 var(--ink)) drop-shadow(0 .07em 0 var(--extrude)) drop-shadow(0 .04em 0 var(--ink));padding-bottom:.12em}.eyebrow{font-family:var(--font-pixel);font-weight:500;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}.page-title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-2xl);line-height:1.1;letter-spacing:.01em}.lede{color:var(--muted);font-size:var(--fs-lg);max-width:62ch}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.num{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn{--btn-bg: var(--night-3);--btn-fg: var(--paper);--btn-edge: var(--ink);--btn-rim: rgb(255 255 255 / .07);--btn-depth: 3px;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:.5em 1.1em;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-size:var(--fs-sm);line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 var(--btn-rim),0 var(--btn-depth) 0 var(--btn-edge),0 var(--btn-depth) 0 2px var(--ink);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;white-space:nowrap}.btn:hover{color:var(--btn-fg);filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(calc(var(--btn-depth) - 1px));box-shadow:inset 0 1px 0 var(--btn-rim),0 1px 0 var(--btn-edge),0 1px 0 2px var(--ink)}.btn:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{--btn-bg: var(--chrome);--btn-fg: var(--accent-ink);--btn-edge: var(--extrude);--btn-rim: rgb(232 248 246 / .8);--btn-depth: 4px}.btn-live{--btn-bg: var(--chrome-live);--btn-fg: var(--ink);--btn-edge: var(--live-deep);--btn-rim: rgb(255 236 241 / .8);--btn-depth: 4px}.btn-danger{--btn-bg: var(--danger);--btn-fg: #2a0703;--btn-edge: var(--danger-deep)}.btn-ghost{--btn-bg: transparent;--btn-depth: 0px;border-color:var(--line);box-shadow:none}.btn-ghost:hover{background:var(--night-3);filter:none}.btn-ghost:active:not(:disabled){transform:none;box-shadow:none}.btn-sm{min-height:36px;padding:.4em .8em;font-size:var(--fs-xs)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;flex:none}.icon-btn:hover{background:var(--night-3);color:var(--paper)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger:hover{color:var(--danger)}.card{background:var(--night-2);border:2px solid var(--ink);border-radius:var(--radius);padding:20px;box-shadow:var(--rim),inset 0 0 0 1px #ffffff06}.card-title{font-size:var(--fs-lg);font-weight:800}.chip{display:inline-flex;align-items:center;gap:.4em;padding:.15em .6em;border-radius:999px;font-size:var(--fs-xs);font-weight:700;line-height:1.6;background:var(--night-3);color:var(--paper-dim);white-space:nowrap}.chip-accent{background:#8a8ad033;color:#c3c6f2}.chip-live{background:#f27a9b29;color:#f7a3bb}.chip-mint{background:#a8dcd824;color:var(--mint)}.chip-danger{background:#ff736624;color:#ff9d93}.chip-muted{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}.field{display:grid;gap:6px;min-width:0}.field>span:first-child,.label{font-weight:700;font-size:var(--fs-sm);color:var(--paper-dim)}.help{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);color:var(--paper);transition:border-color .15s ease,box-shadow .15s ease}.textarea{resize:vertical;min-height:96px;line-height:1.45}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--mint);box-shadow:0 0 0 3px #a8dcd838;border-radius:var(--radius-sm)}.input[aria-invalid=true]{border-color:var(--danger)}.select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9aed6' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select option{background:var(--night-2)}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex:none}.form-error{padding:10px 14px;border-radius:var(--radius-sm);background:#ff73661f;border:1px solid rgb(255 115 102 / .35);color:#ffb3ab;font-size:var(--fs-sm)}.form-ok{padding:10px 14px;border-radius:var(--radius-sm);background:#a8dcd81a;border:1px solid rgb(168 220 216 / .35);color:#c9eeeb;font-size:var(--fs-sm)}.table-wrap{width:100%;overflow-x:auto;border:2px solid var(--ink);border-radius:var(--radius);background:var(--night-2)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-family:var(--font-pixel);font-weight:400;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#ffffff05}.empty{display:grid;justify-items:center;gap:10px;padding:40px 16px;text-align:center;color:var(--muted)}.empty strong{color:var(--paper);font-size:var(--fs-lg)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--night-2),var(--night-3),var(--night-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
