:root{--projector-blue:#2196f3;--projector-blue-deep:#1976d2;--projector-blue-deeper:#1565c0;--subtitle-amber:#f39a21;--subtitle-amber-deep:#d68a1e;--quiet-gray:#6c757d;--quiet-gray-deep:#5a6268;--bg:#1a1a1a;--text:#fff;--input-bg:#2a2a2a;--input-text:#fff;--input-border:#555;--error:#e57373;--subtitle-scrim:#ffffff1a;--subtitle-text:#fff;--radius-sm:4px;--radius-md:8px;--space-xs:5px;--space-sm:8px;--space-md:10px;--space-lg:15px;--space-xl:20px;--hover-shade:background-color .2s;--theme-fade:background-color .3s, color .3s;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--dur-lights:.9s;--z-beam:0;--z-content:1;--z-frame-overlay:2;--z-grain:3;interpolate-size:allow-keywords}:root[data-theme=light]{--bg:#fff;--text:#333;--input-bg:#fff;--input-text:#333;--input-border:#ccc;--error:#c62828;--subtitle-scrim:#000000b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);transition:var(--theme-fade);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}:focus-visible{outline:2px solid var(--projector-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.house-light{z-index:var(--z-beam);pointer-events:none;opacity:.6;transition:opacity var(--dur-lights) var(--ease-out-quint);background:radial-gradient(90% 55% at 50% 16%,#ffffff12,#0000 65%);position:fixed;inset:0}body[data-playing] .house-light{opacity:1}:root[data-theme=light] .house-light{opacity:0}.grain{z-index:var(--z-grain);pointer-events:none;opacity:0;will-change:transform;transition:opacity var(--dur-lights) var(--ease-out-quint);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50px}body[data-playing] .grain{opacity:.05;animation:.9s steps(3,end) infinite grain-jitter}:root[data-theme=light] .grain{opacity:0;animation:none}@keyframes grain-jitter{0%{transform:translate(0)}33%{transform:translate(-40px,25px)}66%{transform:translate(30px,-35px)}to{transform:translate(0)}}body[data-playing] :is(.header,.picker,.advanced,.subtitle-settings){opacity:.45;transition:opacity var(--dur-lights) var(--ease-out-quint)}body[data-playing] :is(.header,.picker,.advanced,.subtitle-settings):is(:hover,:focus-within){opacity:1;transition:opacity .15s ease-out}.container{width:100%;min-height:100vh;padding:var(--space-xl);z-index:var(--z-content);flex-direction:column;align-items:center;display:flex;position:relative}.main{gap:var(--space-md);width:100%;max-width:800px;transition:opacity .5s var(--ease-out-quint), translate .5s var(--ease-out-quint);flex-direction:column;display:flex}@starting-style{.main{opacity:0;translate:0 10px}}.header{padding:var(--space-md) 0;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.site-title{margin:0;font-size:24px}.site-title a{color:inherit;text-decoration:none}.switch-group{gap:var(--space-sm);align-items:center;display:flex}.switch{align-items:center;gap:var(--space-sm);cursor:pointer;min-height:44px;padding:var(--space-sm) 0;font-size:.9rem;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.slider{background-color:var(--input-border);border-radius:10px;flex:none;width:40px;height:20px;transition:all .4s;position:relative}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider{background-color:var(--projector-blue)}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:focus-visible+.slider{outline:2px solid var(--projector-blue);outline-offset:2px}.picker{gap:var(--space-md);flex-direction:column;display:flex}.select{width:100%;min-height:44px;padding:var(--space-sm);border:1px solid var(--input-border);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--input-text);cursor:pointer;font-size:14px}.notice{min-height:1.6em;font-size:14px}.notice[data-kind=error]{color:var(--error)}.notice[data-kind=status]{color:var(--text)}.video-frame{width:100%;margin:var(--space-md) 0;border-radius:var(--radius-md);background:#000;padding-top:56.25%;position:relative;overflow:hidden}.video-frame>.player,.video-frame>.video-empty{width:100%;height:100%;position:absolute;inset:0}.player iframe{width:100%!important;height:100%!important}.video-empty[hidden]{display:none}.video-empty,.video-loading-text{color:#ffffffbf;font-size:14px}.video-empty{text-align:center;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.video-loading{z-index:var(--z-frame-overlay);background:radial-gradient(circle,#ffffff0f,#0000 70%),#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-loading[hidden]{display:none}.leader{aspect-ratio:1;border:2px solid #ffffff4d;border-radius:50%;width:clamp(80px,22%,130px);position:relative}.leader:before{content:"";background:linear-gradient(#fff3,#fff3) 50% 0/1px 100% no-repeat,linear-gradient(#fff3,#fff3) 0/100% 1px no-repeat;position:absolute;inset:0}.leader:after{content:"";background:conic-gradient(#ffffff29 0 42deg, transparent 42deg);border-radius:50%;animation:.8s linear infinite leader-sweep;position:absolute;inset:0}@keyframes leader-sweep{to{transform:rotate(360deg)}}.leader-num{color:#fff;opacity:0;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;animation:2.4s infinite leader-count;display:flex;position:absolute;inset:0}.leader-num:nth-child(2){animation-delay:.8s}.leader-num:nth-child(3){animation-delay:1.6s}@keyframes leader-count{0%,32%{opacity:1}33%,to{opacity:0}}.video-loading-text{display:none}@media (prefers-reduced-motion:reduce){.leader{display:none}.video-loading-text{display:block}}.subtitle-section{width:100%;padding:var(--space-xs) 0}.subtitle-section[hidden]{display:none}.subtitle-scrim{background-color:var(--subtitle-scrim);width:100%;padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center}.subtitle-text{color:var(--subtitle-text);white-space:pre-line;min-height:1.6em;font-size:16px}.subtitle-settings{gap:var(--space-xl);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.setting{align-items:center;gap:var(--space-md);min-height:44px;display:flex}.setting input[type=range]{accent-color:var(--projector-blue)}.setting input[type=color]{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);cursor:pointer;width:48px;height:44px;padding:2px}.advanced{margin-top:var(--space-md)}.advanced summary{cursor:pointer;border-radius:var(--radius-sm);align-items:center;min-height:44px;font-size:14px;display:flex}.advanced::details-content{opacity:0;block-size:0;transition:block-size .35s var(--ease-out-quint), opacity .35s var(--ease-out-quint), content-visibility .35s allow-discrete;overflow:hidden}.advanced[open]::details-content{opacity:1;block-size:auto}.advanced-group{padding:var(--space-md) 0}.advanced-group+.advanced-group{border-top:1px solid var(--input-border)}.advanced-label{margin-bottom:var(--space-sm);font-size:14px}.advanced-row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.text-input{min-width:200px;min-height:44px;padding:var(--space-sm);border:1px solid var(--input-border);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--input-text);flex:1;font-size:14px}.text-input::placeholder{color:var(--input-text);opacity:.7}.btn{min-height:44px;padding:var(--space-sm) 16px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;color:#fff;transition:var(--hover-shade);border:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.btn-primary{background-color:var(--projector-blue-deep)}.btn-primary:hover{background-color:var(--projector-blue-deeper)}.btn-subtitle{background-color:var(--subtitle-amber);color:#333}.btn-subtitle:hover{background-color:var(--subtitle-amber-deep)}.btn-secondary{background-color:var(--quiet-gray)}.btn-secondary:hover{background-color:var(--quiet-gray-deep)}.btn-ghost{color:var(--text);border:1px solid var(--input-border);background:0 0}.btn-ghost:hover{border-color:var(--quiet-gray)}#srt-file:focus-visible+label{outline:2px solid var(--projector-blue);outline-offset:2px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}:root.theme-snap *,:root.theme-snap :before,:root.theme-snap :after{transition:none!important}@media (width<=768px){.container{padding:var(--space-md)}.header{flex-wrap:wrap;justify-content:center}.site-title{text-align:center;width:100%;margin-bottom:var(--space-md)}.advanced-row{flex-direction:column;align-items:stretch}.text-input{flex:none;width:100%}}