:root{color:#18181b;background:#f7f8fb;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#1e6ee10f,#1e6ee100 260px),#f7f8fb}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;padding:0 clamp(16px,4vw,42px);background:#ffffffe6;border-bottom:1px solid rgba(24,24,27,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.nav,.nav a,.primary-link,.primary-button,.secondary-link{display:inline-flex;align-items:center}.brand{gap:10px;font-weight:800;color:#18181b;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:24px;border-radius:7px;background:#ff003d;color:#fff;font-size:13px}.nav{gap:6px}.nav a{gap:8px;min-height:38px;padding:0 13px;border-radius:8px;color:#5f636d}.nav a.active,.nav a:hover{background:#e5093d14;color:#18181b}.shell,.watch-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.shell{padding:34px 0 56px}.narrow-shell{width:min(820px,calc(100% - 32px))}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{margin:0 0 6px;color:#167f75;font-size:13px;font-weight:700;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(30px,4vw,46px);line-height:1.05}.primary-link,.primary-button,.secondary-link{justify-content:center;gap:9px;min-height:42px;border-radius:8px;font-weight:750}.primary-link,.primary-button{border:0;padding:0 16px;background:#ff003d;color:#fff;cursor:pointer}.primary-button:disabled{cursor:not-allowed;opacity:.58}.secondary-link{padding:0 14px;color:#18181b;background:#e8ecf3}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.video-card{display:block;min-width:0}.thumb{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:#dfe5ee}.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .16s ease}.video-card:hover .thumb img{transform:scale(1.03)}.thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:#6f7580;background:linear-gradient(135deg,#eef2f6,#dfe5ee)}.duration{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:5px;background:#000000d1;color:#fff;font-size:12px;font-weight:700}.video-meta{padding-top:10px}.video-meta h2{display:-webkit-box;overflow:hidden;margin:0 0 5px;color:#18181b;font-size:16px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta p,.watch-meta p,.status-block p,.job-phase,.progress-copy{color:#686f7a}.video-meta p{margin:0;font-size:13px;line-height:1.35}.status-block{display:grid;place-items:center;min-height:280px;padding:28px;border:1px dashed rgba(24,24,27,.18);border-radius:8px;text-align:center}.status-block svg{color:#167f75}.status-block h2{margin:10px 0 6px;font-size:20px}.status-block p{margin-bottom:0;max-width:520px}.download-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:22px}.url-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgba(24,24,27,.14);border-radius:8px;background:#fff}.url-field svg{flex:0 0 auto;color:#167f75}.url-field input{width:100%;min-width:0;border:0;outline:0;color:#18181b;background:transparent}.url-field input::placeholder{color:#8d94a0}.job-panel{padding-top:16px}.job-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.job-title{margin-bottom:4px;font-weight:800}.job-phase{margin:0}.job-status{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#e8ecf3;color:#4f5661;font-size:12px;font-weight:800;text-transform:uppercase}.job-status.complete{background:#24b9812e;color:#137c58}.job-status.error{background:#ff003d2e;color:#be123c}.progress-track{overflow:hidden;height:9px;border-radius:999px;background:#dbe2ec}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff003d,#24b981);transition:width .18s ease}.progress-copy{margin-top:8px;font-size:13px}.job-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.watch-shell{padding:24px 0 56px}.player{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 150px);min-height:220px;border-radius:8px;background:#000;outline:0}.player:fullscreen{border-radius:0;max-height:none}.player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.player-loader,.center-play,.controls{position:absolute}.player-loader{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;pointer-events:none}.center-play{left:50%;top:50%;display:grid;place-items:center;width:82px;height:82px;border:0;border-radius:50%;color:#fff;background:#00000094;transform:translate(-50%,-50%);cursor:pointer}.controls{right:0;bottom:0;left:0;padding:44px 14px 12px;background:linear-gradient(180deg,#0000,#000000d1)}.seek{display:block;width:100%;height:18px;margin:0 0 5px}input[type=range]{accent-color:#ff003d;cursor:pointer}.control-row{display:flex;align-items:center;gap:12px;min-height:38px}.control-row button{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:8px;color:#fff;background:transparent;cursor:pointer}.control-row button:hover{background:#ffffff24}.time-readout{flex:0 0 auto;min-width:116px;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.volume-group,.speed-control{display:flex;align-items:center}.volume-group{gap:4px;min-width:144px}.volume-group input{width:92px}.speed-control{gap:7px;min-height:38px;margin-left:auto;padding:0 8px;border-radius:8px;color:#fff;background:#ffffff14}.speed-control select{border:0;outline:0;color:#fff;background:transparent}.speed-control option{color:#111}.watch-meta{padding-top:18px}.watch-meta h1{margin-bottom:8px;font-size:clamp(22px,3vw,32px);line-height:1.2}.watch-meta p{margin:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding-block:10px}.nav{width:100%}.nav a{flex:1;justify-content:center}.page-head{align-items:start;flex-direction:column}.download-form{grid-template-columns:1fr}.player{width:calc(100% + 32px);margin-left:-16px;border-radius:0}.controls{padding-inline:10px}.control-row{gap:7px}.time-readout{min-width:auto;font-size:12px}.volume-group input{display:none}.speed-control{padding-inline:6px}.speed-control svg{display:none}}