:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f7f7f5;--surface:#fff;--text:#1d1d1b;--muted:#5c5c57;--line:#d4d4cf;--accent:#0a66c2;--accent-text:#fff;--warning-surface:#fff4e0;--warning-line:#e8b660;--radius:10px;--column:44rem;color:var(--text);background:var(--background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#121211;--surface:#1c1c1a;--text:#ededea;--muted:#a3a39d;--line:#3a3a36;--accent:#5ea8f5;--accent-text:#0b1522;--warning-surface:#2e2410;--warning-line:#7a5a1c}}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}*,:before,:after{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:var(--accent)}code{font-size:.92em}button{font:inherit;cursor:pointer;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-text);background:var(--accent);padding:.55rem 1.1rem}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{width:min(100% - 2rem,75rem);margin:0 auto}.masthead{text-align:center;padding:1.5rem 0 1rem}.masthead h1{margin:0;font-size:1.6rem}.brand{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.tagline{color:var(--muted);margin:.25rem 0 0}.stage gyro-view{border-radius:var(--radius);--gyro-view-accent:var(--accent);--gyro-view-radius:6px;width:min(100%,142.222vh);margin:0 auto}.now-playing{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:flex}.recording-title{overflow-wrap:anywhere;margin:0;font-weight:600}.copy-link{color:var(--accent);background:0 0;padding:.3rem .8rem}.notice{max-width:var(--column);border:1px solid var(--warning-line);border-radius:var(--radius);background:var(--warning-surface);margin:0 auto 1rem;padding:.75rem 1rem}.notice p{margin:0}.notice p+p{margin-top:.35rem}.opener,.about{max-width:var(--column);margin:0 auto}.drop-area{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;background:var(--surface);padding:2.5rem 1.5rem}.drop-title{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.for-touch{display:none}@media (hover:none){.for-pointer{display:none}.for-touch{display:inline}}.link-form{margin-top:1.5rem}.link-form label{color:var(--muted);margin-bottom:.4rem;display:block}.field-row{gap:.5rem;display:flex}.link-form input{width:100%;min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;padding:.55rem .75rem}.second-file{margin-top:.6rem}.second-file summary{cursor:pointer;color:var(--muted)}.second-file label{margin:.5rem 0 .4rem;font-size:.92rem}.about{padding:2.5rem 0 1rem}.about h2{font-size:1.3rem}.about h3{margin:1.75rem 0 .4rem;font-size:1.05rem}.about p,.about ul{margin:.4rem 0}.footer{text-align:center;color:var(--muted);padding:2rem 0;font-size:.92rem}.drop-overlay{z-index:10;border:3px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb, var(--background) 88%, transparent);pointer-events:none;place-items:center;margin:.75rem;display:grid;position:fixed;inset:0}.drop-overlay p{font-size:1.5rem;font-weight:600}