:root,:root[data-theme=classic]{--font-body: "Avenir Next", "Helvetica Neue", sans-serif;--font-display: "Avenir Next Condensed", "Avenir Next", "Helvetica Neue", sans-serif;--page-text: #f3eee6;--page-background: radial-gradient(circle at top, rgba(233, 117, 63, .28), transparent 32%), linear-gradient(160deg, #181411 0%, #0b1320 52%, #102535 100%);--card: rgba(13, 20, 29, .84);--card-border: rgba(255, 255, 255, .12);--accent: #ff8d4d;--accent-strong: #ff6a21;--accent-soft: rgba(255, 141, 77, .18);--accent-contrast: #170d08;--text-muted: rgba(243, 238, 230, .74);--hero-badge-bg: rgba(255, 141, 77, .12);--hero-badge-text: #ffb58e;--hero-subtitle-bg: transparent;--hero-subtitle-text: #fff3ea;--hero-chip-bg: rgba(255, 255, 255, .05);--hero-chip-border: rgba(255, 255, 255, .1);--hero-chip-text: #fff3ea;--hero-title-accent: #ffb58e;--dropzone-border: rgba(255, 255, 255, .2);--dropzone-bg: linear-gradient(145deg, rgba(255, 141, 77, .16), rgba(255, 255, 255, .03)), rgba(255, 255, 255, .02);--dropzone-hover-border: rgba(255, 141, 77, .65);--dropzone-hover-bg: linear-gradient(145deg, rgba(255, 141, 77, .24), rgba(255, 255, 255, .05)), rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--progress-bg: rgba(255, 255, 255, .07);--progress-fill: linear-gradient(90deg, #ffb06e 0%, #ff6a21 100%);--overlay-bg: rgba(4, 7, 12, .82);--modal-bg: rgba(8, 12, 18, .96);--error: #ff9a9a;--success: #94f0ae}:root[data-theme=film-comp]{--font-body: "Trebuchet MS", "Helvetica Neue", sans-serif;--font-display: "Impact", "Arial Black", "Avenir Next Condensed", sans-serif;--page-text: #fff8f4;--page-background: radial-gradient(circle at 82% 26%, rgba(0, 202, 255, .22), transparent 16%), radial-gradient(circle at 76% 30%, rgba(29, 76, 255, .26), transparent 24%), radial-gradient(circle at 88% 70%, rgba(255, 60, 175, .16), transparent 18%), linear-gradient(180deg, #040404 0%, #0b0b0f 100%);--card: rgba(8, 8, 10, .92);--card-border: rgba(255, 210, 31, .26);--accent: #ffd21f;--accent-strong: #ffac00;--accent-soft: rgba(255, 210, 31, .18);--accent-contrast: #111111;--text-muted: rgba(255, 248, 244, .78);--hero-badge-bg: #ffd21f;--hero-badge-text: #050505;--hero-subtitle-bg: #ffd21f;--hero-subtitle-text: #050505;--hero-chip-bg: rgba(255, 255, 255, .96);--hero-chip-border: rgba(255, 255, 255, .96);--hero-chip-text: #050505;--hero-title-accent: #ff3caf;--dropzone-border: rgba(255, 60, 175, .4);--dropzone-bg: linear-gradient(140deg, rgba(255, 60, 175, .12), rgba(255, 210, 31, .1)), rgba(255, 255, 255, .03);--dropzone-hover-border: rgba(255, 210, 31, .75);--dropzone-hover-bg: linear-gradient(140deg, rgba(255, 60, 175, .22), rgba(255, 210, 31, .16)), rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .14);--progress-bg: rgba(255, 255, 255, .08);--progress-fill: linear-gradient(90deg, #ff3caf 0%, #ffd21f 100%);--overlay-bg: rgba(0, 0, 0, .88);--modal-bg: rgba(10, 10, 12, .97);--error: #ff9a9a;--success: #b4ff7c}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:var(--page-background);color:var(--page-text);font-family:var(--font-body);font-synthesis:none;font-weight:400;line-height:1.2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{cursor:pointer}input::placeholder{color:#ffffff8a}a{color:inherit}h1,h2,h3,p{margin-top:0}h2{margin-bottom:.45rem;font-size:1.7rem;letter-spacing:-.03em}h3{margin-bottom:.35rem;font-size:1rem}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.page-shell-admin{max-width:1180px}.hero-panel{display:grid;gap:1.5rem}.hero-panel--stacked{grid-template-columns:minmax(0,680px);justify-content:center}.hero-panel--poster{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.hero-copy{position:relative}.hero-copy>:not(.hero-mascot){position:relative;z-index:1}.hero-panel--stacked .hero-copy{padding:1.75rem}.hero-panel--poster .hero-copy{min-height:440px;padding:.35rem .15rem 1rem}.eyebrow{display:inline-block;margin:0 0 1rem;padding:.55rem .8rem;background:var(--hero-badge-bg);color:var(--hero-badge-text);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-title{margin-bottom:1rem;font-family:var(--font-display);font-size:clamp(3rem,8vw,5.9rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.hero-title span{display:block}.hero-title .is-accent{color:var(--hero-title-accent)}.hero-subtitle{display:inline-block;margin:0 0 1rem;padding:.25rem 0;color:var(--hero-subtitle-text);background:var(--hero-subtitle-bg);font-size:1.15rem;font-weight:700}.lead{max-width:38rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:1.08rem}.info-strip{display:flex;flex-wrap:wrap;gap:.75rem}.info-strip span{border:1px solid var(--hero-chip-border);background:var(--hero-chip-bg);color:var(--hero-chip-text);padding:.55rem .8rem;border-radius:999px;font-size:.92rem;font-weight:700}.hero-mascot{display:block;max-width:min(16rem,42vw);height:auto;margin-top:1.25rem}.card{border:1px solid var(--card-border);border-radius:28px;background:var(--card);box-shadow:0 24px 60px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.upload-card,.admin-panel{padding:1.5rem}.card-heading p:last-child{color:var(--text-muted)}.field{display:grid;gap:.45rem;margin-bottom:1rem}.field span{font-size:.94rem;color:#fff8f4eb}.field input,.admin-form input{width:100%;border:1px solid var(--input-border);border-radius:16px;background:var(--input-bg);padding:.92rem 1rem;color:#fff;outline:none;transition:border-color .18s ease,transform .18s ease}.field input:focus,.admin-form input:focus{border-color:var(--accent);transform:translateY(-1px)}.dropzone{display:grid;gap:1rem;margin:.5rem 0 1rem;border:1px dashed var(--dropzone-border);border-radius:24px;background:var(--dropzone-bg);padding:1.5rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.dropzone:hover,.dropzone.is-over{transform:translateY(-2px);border-color:var(--dropzone-hover-border);background:var(--dropzone-hover-bg)}.dropzone.has-file{border-style:solid}.dropzone-copy{display:grid;gap:.35rem}.dropzone-copy strong{font-size:1.05rem}.dropzone-copy span{color:var(--text-muted)}.file-pill{display:flex;justify-content:space-between;gap:1rem;border-radius:14px;background:#070b1073;padding:.85rem 1rem;color:#fff4eb}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--progress-bg);margin-bottom:.9rem}.progress-fill{display:block;height:100%;border-radius:inherit;background:var(--progress-fill);transition:width .18s ease}.primary-button,.secondary-button{border:0;border-radius:16px;padding:.95rem 1.2rem;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary-button{width:100%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:var(--accent-contrast);font-weight:800;box-shadow:0 12px 30px #0003}.secondary-button{background:#ffffff14;color:#fff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:wait}.message,.empty-state{margin-bottom:1rem;border-radius:14px;padding:.8rem 1rem}.terms-panel{margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0a;padding:.95rem 1rem}.terms-copy{margin-bottom:.8rem;color:var(--text-muted);font-size:.95rem}.terms-check{display:flex;gap:.7rem;align-items:flex-start;color:#fff8f4f0}.terms-check input{margin-top:.2rem}.error{background:#ff9a9a1f;color:var(--error)}.success{background:#94f0ae1f;color:var(--success)}.admin-panel{margin:0 auto;max-width:1180px}.admin-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin:1.25rem 0}.video-grid{display:grid;grid-template-columns:1fr;gap:1rem}.video-card{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:#ffffff0a}.video-frame{position:relative;width:148px;margin:0 0 0 1rem;border-radius:16px;overflow:hidden;background:#050608}.video-thumb-button{position:relative;display:block;width:100%;padding:0;border:0;background:#050608;color:inherit;text-align:left;overflow:hidden}.video-thumb-image{display:block;width:100%;aspect-ratio:16 / 9;background:#050608;object-fit:cover}.video-thumb-image,.video-thumb-fallback{transition:transform .18s ease,filter .18s ease}.video-thumb-button:hover .video-thumb-image,.video-thumb-button:hover .video-thumb-fallback,.video-thumb-button:focus-visible .video-thumb-image,.video-thumb-button:focus-visible .video-thumb-fallback{transform:scale(1.02);filter:brightness(.72)}.video-thumb-fallback{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;color:#fffc;background:radial-gradient(circle at center,var(--accent-soft),transparent 45%),#050608}.video-unavailable{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;color:#ffffffc7;background:linear-gradient(145deg,#ffffff0a,#ffffff05),#050608}.video-meta{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1rem;align-items:start;padding:1.15rem 1.2rem}.video-copy{min-width:0}.video-meta p{margin-bottom:.35rem;color:var(--text-muted)}.video-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.55rem}.video-action-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0f;color:#fff;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.video-action-pill:hover,.video-action-pill:focus-visible{transform:translateY(-1px);border-color:#ffffff47;background:#ffffff1c}.video-action-pill[type=button]{cursor:pointer}.video-link{color:#fff}.video-status-note{color:var(--text-muted);font-size:.92rem}.video-review-panel{display:grid;gap:.6rem;justify-items:stretch;align-content:start}.video-review-actions{display:flex;flex-wrap:wrap;gap:.5rem}.video-review-label{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.video-star-row{display:flex;gap:.2rem;align-items:center}.video-star-button{padding:.1rem;border:0;background:transparent;color:#ffffff75;font-size:1.45rem;line-height:1}.video-star-button.is-active{color:#ffd21f}.video-star-button:disabled{opacity:.6;cursor:wait}.video-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}.video-icon-button:hover,.video-icon-button:focus-visible,.video-delete-button:hover,.video-delete-button:focus-visible{transform:translateY(-1px)}.video-icon-button svg{width:1.1rem;height:1.1rem}.video-status-symbol{font-size:1.2rem;line-height:1;font-weight:700}.video-icon-button--clear{color:#ffffffb8}.video-icon-button--approved{border-color:#74db9a8f;background:#74db9a24;color:#c8f7d8}.video-icon-button--rejected{border-color:#ff7e7e8f;background:#ff7e7e24;color:#ffd3d3}.video-icon-button--warning{border-color:#ffb84d8f;background:#ffb84d29;color:#ffe0a0}.video-icon-button--warning svg{width:1rem;height:1rem}.video-icon-button--clear:hover,.video-icon-button--clear:focus-visible,.video-icon-button--approved:hover,.video-icon-button--approved:focus-visible,.video-icon-button--rejected:hover,.video-icon-button--rejected:focus-visible,.video-icon-button--warning:hover,.video-icon-button--warning:focus-visible{border-color:currentColor}.video-icon-saving{line-height:1}.video-delete-button{border-color:#ff787852;background:#ff787817;color:#ffd4d4}.video-icon-saving{font-size:1rem;font-weight:700;letter-spacing:.08em}.video-icon-button:disabled,.video-delete-button:disabled{opacity:.65;cursor:wait}.video-review-error{margin:0;color:var(--error);font-size:.85rem}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-modal-dialog{width:min(1100px,100%);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:var(--modal-bg);box-shadow:0 30px 80px #00000073;overflow:hidden}.video-modal-toolbar{display:flex;justify-content:space-between;gap:.75rem;padding:1rem 1rem 0}.video-modal-close{border:0;border-radius:999px;background:#ffffff17;color:#fff;padding:.6rem .85rem}.video-modal-player{display:block;width:100%;max-height:min(72vh,800px);background:#000}.video-modal-meta{padding:1rem 1.2rem 1.2rem}.video-modal-meta p{margin-bottom:.35rem;color:var(--text-muted)}.video-modal-status{margin-top:.9rem}.empty-state{color:var(--text-muted);background:#ffffff0a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-theme=film-comp] .hero-title{font-size:clamp(4.8rem,13vw,8.8rem);line-height:.82}:root[data-theme=film-comp] .hero-title span:first-child{transform:rotate(-4deg);transform-origin:left bottom}:root[data-theme=film-comp] .hero-title .is-accent{margin-left:1.25rem;transform:rotate(4deg);transform-origin:left top}:root[data-theme=film-comp] .hero-subtitle{margin-bottom:1.35rem;padding:.45rem .9rem;box-shadow:0 10px #ff3caf;transform:rotate(-3deg);text-transform:uppercase}:root[data-theme=film-comp] .info-strip span{border-radius:.35rem;color:#fff;background:#098b7c;border-color:#098b7c;box-shadow:0 6px #ffd21f2e}:root[data-theme=film-comp] .hero-mascot{position:absolute;right:0;top:.5rem;max-width:min(25rem,42vw);margin:0;z-index:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4));transform:rotate(8deg);pointer-events:none}:root[data-theme=film-comp] .upload-card{box-shadow:0 28px 60px #0000007a}:root[data-theme=film-comp] .primary-button{text-transform:uppercase;letter-spacing:.06em}@media (max-width: 980px){.hero-panel--poster{grid-template-columns:1fr}.hero-panel--poster .hero-copy{min-height:auto;padding-bottom:2rem}:root[data-theme=film-comp] .hero-mascot{right:0;top:.5rem;max-width:min(20rem,42vw)}}@media (max-width: 900px){.page-shell{width:min(100% - 1rem,1180px);padding-top:1.25rem}.hero-title{font-size:clamp(2.8rem,12vw,4.6rem)}:root[data-theme=film-comp] .hero-title{font-size:clamp(4rem,18vw,6rem)}}@media (max-width: 640px){.upload-card,.admin-panel{padding:1.1rem}.hero-panel--stacked .hero-copy{padding:1.2rem}.hero-panel--poster .hero-copy{padding-right:0}:root[data-theme=film-comp] .hero-mascot{right:0;top:.5rem;max-width:min(11rem,48vw);margin:0;transform:rotate(5deg)}.admin-form{grid-template-columns:1fr}.file-pill{flex-direction:column;gap:.4rem}.video-card{grid-template-columns:1fr;align-items:stretch}.video-frame{width:auto;margin:0;border-radius:0}.video-meta{grid-template-columns:1fr;padding:1rem 1.1rem 1.1rem}.video-modal{padding:.5rem}.video-modal-dialog{border-radius:18px}.video-modal-toolbar{flex-direction:column-reverse;align-items:stretch}}