:root{--colour-bg: #0b0b0c;--colour-surface: #121214;--colour-text: #f1ede4;--colour-text-dim: rgba(241, 237, 228, .55);--colour-border: rgba(241, 237, 228, .14);--colour-accent: #c9a35f;--wordmark-weight-strong: 600;--wordmark-weight-light: 260;--wordmark-nally-opacity: .45;--wordmark-tracking: .32em;--font-stack: "Inter", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--chip-ease: opacity .15s ease;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--colour-bg);color:var(--colour-text);font-family:var(--font-stack);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100vh}.frame{display:flex;flex-direction:column;flex:1;width:100%;max-width:72rem;margin:0 auto;padding:var(--space-3) var(--space-3) var(--space-2)}.frame>header{margin-bottom:var(--space-4)}.frame>main{flex:1}.frame>footer{margin-top:var(--space-5);padding-top:var(--space-2);font-size:.6875rem;letter-spacing:.08em;color:var(--colour-text-dim)}.player-video{width:100%;aspect-ratio:16 / 9;background:#000;display:block;outline:none}.player-title{margin:var(--space-2) 0 0;font-size:.8125rem;font-weight:400;letter-spacing:.04em;color:var(--colour-text-dim)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3);padding:0;list-style:none}.chip{appearance:none;font:inherit;font-size:.875rem;letter-spacing:.02em;color:var(--colour-text);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:999px;padding:.625rem 1.125rem;min-height:44px;min-width:44px;cursor:pointer;opacity:.38;transition:var(--chip-ease);user-select:none;-webkit-user-select:none;touch-action:manipulation}.chip[aria-pressed=true]{opacity:1;border-color:var(--colour-accent)}.chip:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}.panel{max-width:22rem;margin:0 auto;padding-top:var(--space-5)}.panel h1{font-size:1rem;font-weight:500;letter-spacing:.03em;margin:0 0 var(--space-1)}.panel p{margin:0 0 var(--space-3);color:var(--colour-text-dim);font-size:.875rem}.field{display:block;margin-bottom:var(--space-2)}.field span{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--colour-text-dim);margin-bottom:.375rem}.field input{width:100%;font:inherit;color:var(--colour-text);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:4px;padding:.625rem .75rem;min-height:44px}.field input:focus-visible{outline:2px solid var(--colour-accent);outline-offset:1px}.button{appearance:none;font:inherit;font-size:.875rem;letter-spacing:.04em;width:100%;min-height:44px;padding:.625rem 1rem;border-radius:4px;border:1px solid var(--colour-accent);background:transparent;color:var(--colour-text);cursor:pointer;margin-bottom:var(--space-1)}.button.secondary{border-color:var(--colour-border);color:var(--colour-text-dim)}.button:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}.notice{font-size:.8125rem;color:var(--colour-text-dim);margin-top:var(--space-2);overflow-wrap:anywhere}.notice.error{color:#d08770}.console table{width:100%;border-collapse:collapse;font-size:.875rem}.console th,.console td{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--colour-border);vertical-align:top}.console th{font-weight:500;font-size:.75rem;letter-spacing:.06em;color:var(--colour-text-dim)}.console section{margin-bottom:var(--space-4)}.console h2{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-text-dim);margin:0 0 var(--space-2)}.console .row-actions button{appearance:none;font:inherit;font-size:.75rem;background:none;border:1px solid var(--colour-border);border-radius:4px;color:var(--colour-text);padding:.25rem .625rem;cursor:pointer;margin-right:.375rem;min-height:32px}.console input[type=text],.console input[type=datetime-local],.console select{font:inherit;font-size:.875rem;color:var(--colour-text);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:4px;padding:.5rem .625rem;min-height:40px}
