:root{color-scheme:dark;--bg:#111513;--panel:#1b211d;--muted:#a8b2aa;--lime:#d1f287}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f4ed;font-family:system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit}header,main,footer{max-width:1200px;margin:auto;padding:28px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:750;letter-spacing:-.5px}.mark{display:inline-grid;place-items:center;background:var(--lime);color:#172015;border-radius:10px;width:34px;height:34px;margin-right:9px}nav a{color:var(--muted);font-size:14px;text-decoration:none}h1{font-size:clamp(38px,6vw,68px);letter-spacing:-3px;line-height:1.05;margin:50px 0 18px;max-width:800px}h1 span{color:var(--lime)}.intro{color:var(--muted);font-size:18px;max-width:650px;line-height:1.6}.toolbar{display:flex;gap:12px;margin-top:32px}input{flex:1;min-width:0;background:var(--panel);border:1px solid #3a453d;border-radius:12px;padding:18px;color:white}input:focus{outline:2px solid var(--lime)}button,select{border:1px solid #3a453d;border-radius:10px;background:var(--panel);color:#f1f4ed;padding:12px 16px;cursor:pointer}button:hover{border-color:var(--lime)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters button[aria-pressed=true]{background:var(--lime);color:#172015;border-color:var(--lime)}.meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;margin:26px 0 18px;gap:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid #303b33;border-radius:16px;overflow:hidden}.thumb{display:block;position:relative;aspect-ratio:16/9;background:#2d382e;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.thumb:hover img{transform:scale(1.04)}.play{position:absolute;bottom:14px;right:14px;background:var(--lime);color:#152015;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.body{padding:22px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--lime)}h2{font-size:21px;letter-spacing:-.6px;line-height:1.3;margin:12px 0}.instructor{font-size:14px;color:var(--muted);margin-bottom:18px}.notes{font-size:14px;color:var(--muted);line-height:1.6}details{border-top:1px solid #354039;margin-top:20px;padding-top:16px}summary{cursor:pointer;color:var(--lime);font-size:14px;font-weight:600}ul{padding-left:20px;line-height:1.6;font-size:14px}li{margin:12px 0}.variation{font-size:11px;color:var(--muted);display:block}.empty{border:1px dashed #455147;border-radius:14px;padding:45px;text-align:center;grid-column:1/-1;color:var(--muted)}.status{font-size:13px;color:var(--muted)}.error{color:#f1c38e;background:#332c20;padding:18px;border-radius:12px;line-height:1.6;margin:20px 0}.error a{color:var(--lime)}footer{border-top:1px solid #303b33;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;margin-top:40px;gap:20px} @media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header,main,footer{padding:20px}.grid{grid-template-columns:1fr}h1{letter-spacing:-2px;margin-top:36px}.toolbar{flex-wrap:wrap}input{flex-basis:100%}nav a{font-size:12px}footer{flex-direction:column}}
dialog{background:#1b211d;color:#f1f4ed;border:1px solid #455147;border-radius:18px;max-width:700px;width:calc(100% - 32px);max-height:90vh;padding:28px}dialog::backdrop{background:#000a}dialog h2{margin-top:0}dialog label{display:block;margin:16px 0 6px;color:#a8b2aa;font-size:14px}dialog input,dialog textarea{width:100%;background:#111513;border:1px solid #455147;color:white;border-radius:8px;padding:12px;font:inherit}dialog textarea{min-height:95px}dialog .actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.primary{background:#d1f287;color:#152015}.form-message{line-height:1.5;margin-top:16px;color:#d1f287}.cue-editor{border-top:1px solid #455147;padding-top:10px;margin-top:10px}.cue-editor textarea{min-height:75px}
.nav-actions{display:flex;align-items:center;gap:14px}#account-label{color:var(--muted);font-size:14px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-actions{display:flex;align-items:center;gap:8px}.remove-video,.edit-video{padding:6px 10px;font-size:13px}.check-option{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:#a8b2aa;font-size:14px;line-height:1.4}.check-option input{width:auto;flex:none;margin-top:3px}.favourite{flex:none;border:0;background:transparent;color:#6d776f;font-size:22px;line-height:1;padding:0 2px}.favourite[aria-pressed=true]{color:var(--lime)}#favourites-only[aria-pressed=true]{background:var(--lime);color:#172015;border-color:var(--lime)}
a.brand{color:#f1f4ed;font-size:inherit;text-decoration:none}body[data-view=home] header .toolbar,body[data-view=home] #filters,body[data-view=home] .meta,body[data-view=home] #results{display:none}body[data-view=catalog] #home,body[data-view=catalog] h1,body[data-view=catalog] .intro{display:none}#catalog-bar:not([hidden]){display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 4px}#catalog-bar h2{margin:0;font-size:28px;letter-spacing:-.8px}#catalog-tools .notes{max-width:650px}button.thumb{width:100%;padding:0;border:0;border-radius:0;background:#2d382e;text-align:left}#player-dialog{max-width:960px;padding:16px;background:#111513}#player-dialog h2{margin:0;font-size:18px;letter-spacing:-.4px}.player-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.player-frame{position:relative;aspect-ratio:16/9;margin-top:14px;background:#000;border-radius:12px;overflow:hidden}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}