:root{--bg: #222223;--bg-elev: #333334;--bg-elev-2: #444445;--fg: #ffffff;--fg-dim: #aaaaab;--fg-dimmer: #888889;--accent: #ffcc00;--danger: #ee2222;--border: #444444;--radius: 4px;--font-ui: "Helvetica Now Variable", "Helvetica Now", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}body{background:var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .12s ease}a:hover{border-bottom-color:var(--accent)}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .9rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea,input[type=text]{font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}textarea:focus,input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1100px;margin:0 auto;padding:1.5rem;gap:1.5rem}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.app-header h1{font-weight:700;font-size:1.5rem;margin:0;letter-spacing:-.01em}.app-header .tagline{color:var(--fg-dim);font-size:.9rem}.app-main{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 820px){.app-main{grid-template-columns:1fr}}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--fg-dim);font-size:.85rem;padding-top:1rem;border-top:1px solid var(--border)}.paste-box{display:flex;flex-direction:column;gap:.5rem}.paste-box textarea{min-height:5rem;font-family:var(--font-ui);font-size:1rem;line-height:1.4;resize:vertical}.paste-box .paste-box-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.paste-box .paste-box-hint{color:var(--fg-dim);font-size:.85rem}.paste-box .paste-box-error{color:var(--danger);font-size:.85rem}.queue{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;min-height:6rem;display:flex;flex-direction:column;gap:.25rem}.queue h2{font-size:.85rem;font-weight:500;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;margin:.25rem .5rem .5rem}.queue-item{display:grid;grid-template-columns:3.5rem 1fr auto;gap:.75rem;align-items:center;padding:.4rem .5rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .12s ease}.queue-item:hover{background:#1a1a1a}.queue-item.current{border-color:var(--accent);background:#1a1a1a}.queue-item img{width:3.5rem;height:2.5rem;object-fit:cover;background:#000;border-radius:2px}.queue-item .meta{min-width:0}.queue-item .title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item .sub{font-size:.75rem;color:var(--fg-dim)}.queue-item .remove{padding:.2rem .5rem;font-size:.85rem;color:var(--fg-dim);border-color:transparent}.queue-item .remove:hover{color:var(--danger);border-color:var(--danger)}.attribution{padding-top:.75rem;color:var(--fg)}.attribution .title{font-weight:600;font-size:1.2rem;margin:0 0 .25rem;letter-spacing:-.01em}.attribution .sub{color:var(--fg-dim);font-size:.85rem}.attribution .via{display:inline-block;margin-top:.25rem;font-size:.8rem;color:var(--fg-dim)}.attribution .via a{color:var(--accent)}.notice{background:#1a1a1a;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;color:var(--fg);font-size:.9rem}.notice.warning{border-color:var(--accent)}.notice.error{border-color:var(--danger);color:var(--danger)}.shortcuts-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcuts-overlay-dialog{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:32rem;width:calc(100% - 2rem)}.shortcuts-overlay h2{margin-top:0;font-weight:600;letter-spacing:-.01em}.shortcuts-overlay table{width:100%;border-collapse:collapse}.shortcuts-overlay td{padding:.35rem .5rem;font-size:.9rem;border-bottom:1px solid var(--border)}.shortcuts-overlay kbd{background:#000;border:1px solid var(--border);border-radius:3px;padding:.1rem .4rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--fg)}.player{display:flex;flex-direction:column;gap:.5rem}.player-stage{position:relative;width:100%;aspect-ratio:var(--item-aspect, 4 / 3);background:radial-gradient(ellipse at center,#333334,#222223 65%,#1a1a1b);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:aspect-ratio .2s ease}.player-stage.crt-active{box-shadow:inset 0 0 50px 5px #c8af8c0d,0 0 30px 6px #c8af8c26,0 0 70px 20px #c8af8c12}.player-stage video{width:100%;height:100%;object-fit:contain;background:transparent;display:block}.player-stage iframe{width:100%;height:100%;border:0;background:#000}.player-tap-to-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2222238c;color:var(--fg);font-size:1.1rem;font-weight:600;cursor:pointer;letter-spacing:-.01em}.player-tap-to-start:hover{background:#0000008c}.player-scrub{padding:.2rem 0 0}.player-scrub input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.player-scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.player-scrub input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.player-chrome{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;flex-wrap:wrap}.player-chrome button{padding:.35rem .7rem;font-size:.85rem}.player-chrome .spacer{flex:1}.player-chrome select{font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .7rem}.player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.player-demo-badge{position:absolute;top:.75rem;left:.75rem;background:#222223bf;color:var(--accent);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .55rem;border:1px solid var(--accent);border-radius:2px;pointer-events:none}