@font-face{font-family:Barlow;src:url('/assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:dark;--bg:#081925;--panel:#102836;--text:#edf6f6;--muted:#acbfcb;--line:#2e4b59;--gold:#f9cf68;--aqua:#79e2d1}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 85% 6%,#194a50 0,transparent 42%),var(--bg);font:16px/1.55 system-ui,sans-serif;min-height:100vh}
a{color:var(--aqua);text-underline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand img{width:200px;height:auto;display:block}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{color:var(--text);font-size:14px;text-decoration:none}
main{padding-top:46px}.intro{max-width:800px;margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--gold)}h1,h2{font-family:Barlow,system-ui,sans-serif;line-height:1.1;margin:12px 0 18px}h1{font-size:clamp(36px,5vw,60px);font-weight:700}h1 em{font-style:normal;color:var(--aqua)}h2{font-size:29px}p{color:var(--muted);margin:12px 0}.intro>p{max-width:660px;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.chips span,.counter,.status{border:1px solid var(--line);background:#142f3c;border-radius:20px;padding:5px 12px;font-size:13px;white-space:nowrap}
.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.card{background:linear-gradient(135deg,#132d3bd9,#102432f2);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 15px 35px #0002}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin-top:8px}
label:not(.consent){display:block;font-size:14px;font-weight:600;margin:16px 0 8px}input,select,button{font:inherit}select,input[type=file]{display:block;width:100%;padding:12px;background:#091e2b;border:1px solid #466371;border-radius:8px;color:var(--text)}input::file-selector-button{background:#254858;color:var(--text);border:0;border-radius:5px;padding:9px;margin-right:12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hint{font-size:13px}.consent{display:flex;align-items:start;gap:10px;font-size:13px;color:var(--muted);margin:24px 0}.consent input{min-width:18px;min-height:18px;margin-top:3px;accent-color:var(--aqua)}
button,.button{display:inline-block;background:var(--aqua);color:#071c27;font-weight:700;text-decoration:none;border:1px solid transparent;padding:12px 20px;border-radius:8px;cursor:pointer}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}.secondary{background:#193847;color:var(--text);border-color:#466371;font-size:14px;padding:9px 14px}.tips{padding-top:36px}.tips h2{margin-top:22px;font-size:35px;max-width:330px}.tips ul{padding-left:20px;color:var(--muted)}.tips li{margin:16px 0}.library{margin-top:24px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.video-card{padding:18px;background:#0a1d2b;border:1px solid var(--line);border-radius:10px;min-width:0}.video-card h3{margin:0 0 10px;font-size:18px;overflow-wrap:anywhere}.video-card p{font-size:13px;overflow-wrap:anywhere}.video-card .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.video-card video{width:100%;max-height:290px;background:#000;margin-top:14px;border-radius:7px}.video-card a{font-size:14px}.status{display:inline-block;color:var(--gold);white-space:normal}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:25px}
.video-preview{aspect-ratio:16/9;background:#06121b;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:18px}.video-card .video-preview video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border-radius:0}.video-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:radial-gradient(ellipse at top,#193d4c,#081925)}.video-placeholder p{margin:8px 0 0;max-width:290px}.preview-symbol{font-size:30px;color:var(--aqua);opacity:.65}
.danger{background:#532d36;color:#ffd9d5;border-color:#ad6570;font-size:14px;padding:9px 14px}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:520px;width:calc(100% - 36px)}dialog::backdrop{background:#000b}dialog .actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}#upload-metrics{font-variant-numeric:tabular-nums;line-height:1.8}
progress{width:100%;margin-top:18px;accent-color:var(--aqua)}#feedback{margin:0 0 22px}#feedback.error{color:#ffb5a3}#upload-status{font-size:14px}footer{text-align:center;color:var(--muted);font-size:13px;padding:45px}
@media(max-width:720px){header,main,footer{padding-left:18px;padding-right:18px}.brand img{width:145px}nav{gap:10px;flex-direction:column}nav a{font-size:12px}main{padding-top:30px}.columns,.video-grid{grid-template-columns:1fr}.card{padding:20px}.tips h2{max-width:none}.section-heading{align-items:start}.section-heading h2{font-size:26px}.counter{font-size:12px;padding:5px 9px}}