:root{color:#202925;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f4;font-family:system-ui,sans-serif}body{margin:0}main{max-width:42rem;margin:12vh auto;padding:2rem}h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,8vw,4rem)}p{line-height:1.65}.eyebrow{color:#38634b;font-weight:600}.notice{background:#edf1e9;border-left:3px solid #799984;margin-top:2rem;padding:1rem}form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}input{width:min(100%,36rem);padding:.6rem}button{cursor:pointer;padding:.6rem}button:disabled{cursor:default}li{overflow-wrap:anywhere;margin-block:.75rem}li button{margin-inline-start:.75rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}video{background:#111;width:100%;max-height:65vh;display:block}.media-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.viewer{max-width:78rem;margin:2rem auto;padding:clamp(1rem,3vw,2rem)}.viewer h1{margin-bottom:.5rem;font-size:clamp(2.4rem,6vw,3.6rem)}.viewer h2{overflow-wrap:anywhere;margin-top:0;font-size:1.25rem}.viewer-layout{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start;gap:1.25rem;margin-top:1.5rem;display:grid}.folder-panel,.player-panel,.playlist-panel{background:#fff;border:1px solid #dce3d9;border-radius:.6rem;min-width:0;padding:1.25rem}.viewer label{margin-bottom:.5rem;font-weight:600;display:block}.viewer form{display:block}.folder-controls{gap:.75rem;display:flex}.viewer input{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #82917f;border-radius:.25rem}.folder-controls input{flex:1}.viewer button{font:inherit;color:#202925;background:#f6f8f3;border:1px solid #82917f;border-radius:.25rem}.viewer button:hover:not(:disabled){background:#e8efdf}.viewer button:disabled{opacity:.5}.viewer :focus-visible{outline-offset:3px;outline:3px solid #3468a5}.viewer .hint,.limitation{color:#4d604d;overflow-wrap:anywhere;font-size:.88rem}.viewer .error{background:#fff1ec;border-left:3px solid #a13221;padding:.75rem}.viewer fieldset{border:1px solid #82917f;min-width:0}.viewer fieldset button{text-align:left;overflow-wrap:anywhere;width:100%;margin-block:.5rem;display:block}.playlist{max-height:60vh;margin-bottom:0;padding:0;list-style:none;overflow-y:auto}.playlist li{margin:.25rem 0}.playlist li button{text-align:left;overflow-wrap:anywhere;width:100%;margin:0;padding:.8rem}.playlist button[aria-current]{background:#e2eddc;border-color:#38634b;font-weight:600}.subtitle-panel{border-top:1px solid #dce3d9;margin-top:1rem;padding-top:.5rem}.viewer select{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #82917f;border-radius:.25rem;padding:.6rem}.viewer .subtitle-toggle{align-items:center;gap:.5rem;display:flex}.viewer .subtitle-toggle input{width:auto}.offset-controls{flex-wrap:wrap;gap:.5rem;display:flex}.viewer .offset-controls input{width:8rem}.subtitle-panel details ul{max-height:12rem;overflow-y:auto}@media (width<=48rem){.viewer{margin:0 auto}.viewer-layout{grid-template-columns:minmax(0,1fr)}.folder-controls{flex-direction:column}.viewer video{max-height:50vh}}