:root{color:#233044;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#e8edf4;--surface-2:#dde5ee;--ink:#233044;--muted:#69778b;--pink:#f45d85;--green:#1fa971;--gold:#d99616;--shadow-high:12px 12px 28px #c4cbd4, -12px -12px 28px #fff;--shadow-low:inset 7px 7px 16px #c6ced8, inset -7px -7px 16px #fff;background:#e8edf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55;transform:none}a{color:inherit;text-decoration:none}.splash{z-index:50;background:radial-gradient(circle at 50% 46%, #f45d8538, transparent 24rem), var(--surface);place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.splash-hidden{pointer-events:none;opacity:0;visibility:hidden}.splash-orbit{aspect-ratio:1;width:min(52vw,24rem);box-shadow:var(--shadow-high);border-radius:999px;animation:1.7s ease-in-out infinite orbitPulse;position:absolute}.splash-logo{object-fit:contain;filter:drop-shadow(0 1rem 2rem #23304438);border-radius:1.4rem;width:clamp(5.5rem,18vw,10rem);height:auto;animation:1.9s ease-in-out infinite brandBreath;position:absolute;top:clamp(3rem,10vh,6rem)}.glitch{letter-spacing:0;text-transform:uppercase;font-size:clamp(4rem,14vw,11rem);font-weight:950;animation:1.1s steps(2,end) infinite glitchSkew;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.68;position:absolute;inset:0}.glitch:before{color:#ef476f;clip-path:inset(0 0 54%);animation:.9s linear infinite alternate-reverse glitchSlice;transform:translate(.06em,-.03em)}.glitch:after{color:#16a085;clip-path:inset(48% 0 0);animation:.75s linear infinite alternate glitchSlice;transform:translate(-.05em,.04em)}.splash-line{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800;position:absolute;bottom:20vh}.app-shell,.admin-shell{min-height:100vh;padding:1.25rem}.gateway-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.gateway-panel{background:var(--surface);width:min(100%,42rem);box-shadow:var(--shadow-high);border-radius:1.35rem;padding:clamp(1.25rem,5vw,3rem)}.gateway-mark{aspect-ratio:1;width:5.5rem;color:var(--green);box-shadow:var(--shadow-low);border-radius:1.3rem;place-items:center;margin-bottom:1.25rem;display:grid}.legal-check{color:var(--muted);box-shadow:var(--shadow-low);border-radius:1rem;align-items:flex-start;gap:.75rem;margin:1.2rem 0;padding:.9rem;font-weight:750;line-height:1.45;display:flex}.legal-check input{width:1.15rem;height:1.15rem;accent-color:var(--pink);margin-top:.15rem}.topbar{z-index:5;max-width:1440px;box-shadow:var(--shadow-high);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e8edf4cc;border-radius:1.1rem;grid-template-columns:auto minmax(13rem,1fr) auto;align-items:center;gap:1rem;margin:0 auto 1.25rem;padding:.7rem;display:grid;position:sticky;top:1rem}.viewer-topbar{grid-template-columns:auto minmax(13rem,1fr)}.brand,.nav-actions,.panel-heading,.player-controls,.comment-compose,.release-row{align-items:center;display:flex}.brand{letter-spacing:0;gap:.6rem;padding:0 .55rem;font-weight:950}.brand svg{color:var(--pink)}.brand img{object-fit:cover;border-radius:.65rem;width:2.3rem;height:2.3rem;box-shadow:4px 4px 10px #c7ced7,-4px -4px 10px #fff}.search{min-width:0;box-shadow:var(--shadow-low);border-radius:.9rem;align-items:center;gap:.6rem;padding:.8rem 1rem;display:flex}.search input,.comment-compose input,.admin-password input,.video-form input,.video-form textarea,.batch-import textarea{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.nav-actions{justify-content:flex-end;gap:.7rem}.btn{cursor:pointer;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.72rem 1rem;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-soft{background:var(--surface);box-shadow:7px 7px 16px #c7ced7,-7px -7px 16px #fff}.btn-sunken{background:var(--surface);box-shadow:var(--shadow-low)}.btn-primary{color:#fff;background:linear-gradient(135deg,#f45d85,#d99616);box-shadow:9px 9px 18px #c8ced7,-7px -7px 16px #fff}.hero-grid{grid-template-columns:minmax(0,1fr) 24rem;gap:1.25rem;max-width:1440px;margin:0 auto;display:grid}.watch-column,.queue-panel,.comments-panel,.shrine,.admin-hero,.metric-card,.admin-board{background:var(--surface);box-shadow:var(--shadow-high);border-radius:1.35rem}.watch-column{min-width:0;padding:clamp(.8rem,2vw,1.1rem)}.empty-viewer{background:linear-gradient(135deg, #f45d8529, #1fa9711f), var(--surface);min-height:clamp(22rem,52vw,42rem);box-shadow:var(--shadow-low);border-radius:1.1rem;align-content:center;justify-items:start;padding:clamp(1rem,5vw,4rem);display:grid}.empty-viewer svg{color:var(--pink);margin-bottom:1rem}.empty-logo{object-fit:cover;width:5rem;height:5rem;box-shadow:var(--shadow-high);border-radius:1.2rem;margin-bottom:1rem}.player-shell{background:#101720;border-radius:1.1rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.player-stage{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 46%, transparent), transparent), #151d28;place-items:center;min-height:clamp(18rem,52vw,42rem);display:grid;position:relative;overflow:hidden}.player-stage:before{content:"";mix-blend-mode:screen;opacity:.2;background-image:linear-gradient(#ffffff0f 1px,#0000 1px);background-size:100% .42rem;position:absolute;inset:0}.player-video{object-fit:cover;filter:saturate(1.12)contrast(1.04);width:100%;height:100%}.center-play{aspect-ratio:1;color:#fff;background:color-mix(in srgb, var(--accent) 75%, #111827);cursor:pointer;border:0;border-radius:999px;place-items:center;width:clamp(4.25rem,8vw,6rem);transition:transform .22s;display:grid;position:absolute;box-shadow:0 1.4rem 4rem #0000005c}.center-play:hover{transform:scale(1.05)}.plyr-brand{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e141ead;border-radius:999px;align-items:center;gap:.4rem;padding:.48rem .72rem;display:inline-flex;position:absolute;top:1rem;left:1rem}.player-controls{color:#e8edf4;gap:.75rem;padding:.85rem}.track{background:#ffffff24;border-radius:999px;flex:1;height:.65rem;position:relative;overflow:hidden}.track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #fff);position:absolute;inset:0 auto 0 0}.runtime{color:#ccd6e4;font-size:.9rem;font-weight:850}.title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.15rem .35rem .2rem;display:grid}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:950}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:.45rem;font-size:clamp(2rem,4.8vw,4.8rem);line-height:.96}h2{margin-bottom:0;font-size:1.08rem}p{color:var(--muted);line-height:1.65}.like-btn.liked{animation:.38s likePop}.queue-panel,.comments-panel,.shrine,.admin-board{padding:1rem}.quiet-copy{color:var(--muted);margin-bottom:0}.panel-heading{justify-content:space-between;gap:1rem;margin-bottom:1rem}.video-card{text-align:left;background:var(--surface);cursor:pointer;border:0;border-radius:1rem;grid-template-columns:4.8rem minmax(0,1fr) auto;align-items:center;gap:.8rem;width:100%;margin-bottom:.8rem;padding:.65rem;display:grid;box-shadow:6px 6px 13px #c7ced7,-6px -6px 13px #fff}.video-card.active{box-shadow:var(--shadow-low)}.thumbnail{aspect-ratio:1.25;color:#fff;background:linear-gradient(135deg, var(--accent), #253247);border-radius:.8rem;place-items:center;display:grid}.video-meta{min-width:0}.video-meta strong,.video-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.video-meta small,.release-row small{color:var(--muted)}.pill{color:#41506a;background:var(--surface-2);border-radius:999px;padding:.38rem .55rem;font-size:.72rem;font-weight:900}.content-grid{grid-template-columns:minmax(0,1fr) 24rem;gap:1.25rem;max-width:1440px;margin:1.25rem auto 0;display:grid}.comment-compose{box-shadow:var(--shadow-low);border-radius:1rem;gap:.7rem;margin-bottom:1rem;padding:.6rem}.comment{border-top:1px solid #69778b29;gap:.8rem;padding:1rem .2rem;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--green), var(--pink));border-radius:999px;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-weight:950;display:grid}.comment strong{margin-bottom:.2rem;display:block}.comment p{margin-bottom:0}.shrine{padding-bottom:4.5rem;position:relative;overflow:hidden}.shrine:after{content:"";background:#d9961629;border-radius:999px;width:12rem;height:12rem;position:absolute;bottom:-5rem;right:-4rem}.shrine-crown{aspect-ratio:1;width:5rem;color:var(--gold);box-shadow:var(--shadow-low);border-radius:1.2rem;place-items:center;margin-bottom:1rem;display:grid}.shrine-crown img{object-fit:cover;border-radius:1rem;width:3.6rem;height:3.6rem}.shrine h2{margin:.2rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1}.shrine-stats{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.2rem 0;display:grid}.shrine-stats span{color:var(--muted);text-align:center;box-shadow:var(--shadow-low);border-radius:.9rem;gap:.1rem;padding:.8rem .55rem;font-size:.78rem;display:grid}.shrine-stats strong{color:var(--ink);font-size:1.08rem}.fingerprint-entry{z-index:1;aspect-ratio:1;width:3rem;color:var(--ink);background:var(--surface);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:7px 7px 16px #c7ced7,-7px -7px 16px #fff}.shrine-overlay{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#23304447;place-items:center;padding:1rem;animation:.25s both overlayIn;display:grid;position:fixed;inset:0}.shrine-modal{background:var(--surface);border-radius:1.35rem;width:min(100%,46rem);max-height:min(90vh,44rem);padding:1rem;animation:.38s both shrineFloatIn;position:relative;overflow:auto;box-shadow:0 2rem 6rem #23304447}.shrine-modal:before{pointer-events:none;content:"";opacity:.3;background-image:linear-gradient(#f45d851a 1px,#0000 1px);background-size:100% .55rem;animation:1.4s linear infinite shrineScan;position:absolute;inset:0}.shrine-rings{aspect-ratio:1;background:radial-gradient(circle,#f45d8533,#0000 42%),radial-gradient(circle at 68% 32%,#1fa97138,#0000 36%);border-radius:999px;width:15rem;animation:2.2s ease-in-out infinite shrinePulse;position:absolute;inset:auto -3rem -4rem auto}.shrine-pulse{aspect-ratio:1;border:1px solid #f45d8552;border-radius:999px;width:16rem;animation:1.65s ease-out infinite shrineRingPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shrine-title-lockup{align-items:center;gap:.8rem;display:flex}.shrine-title-lockup img{object-fit:cover;width:3.25rem;height:3.25rem;box-shadow:var(--shadow-low);border-radius:.9rem;flex:none}.shrine-panels{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid;position:relative}.shrine-panel{background:var(--surface);min-height:12rem;box-shadow:var(--shadow-low);border-radius:1rem;padding:.9rem;animation:.45s both panelRise}.shrine-panel:nth-child(2){animation-delay:80ms}.shrine-panel:nth-child(3){animation-delay:.16s}.shrine-panel svg{color:var(--pink)}.shrine-panel h3{margin:.55rem 0;font-size:1rem}.shrine-panel p,.shrine-panel ul{color:var(--muted);margin:0;line-height:1.55}.shrine-panel ul{padding-left:1.05rem}.photo-grid{gap:.5rem;display:grid}.photo-grid span{color:#fff;background:linear-gradient(135deg,#f45d85b8,#1fa971b8),#233044;border-radius:.8rem;place-items:center;min-height:3rem;font-size:.78rem;font-weight:900;display:grid;position:relative;overflow:hidden}.photo-grid span img{object-fit:cover;opacity:.82;border-radius:.7rem;width:2.8rem;height:2.8rem;margin-bottom:.35rem}.contact-stack,.stat-stack{gap:.5rem;margin-top:.8rem;display:grid}.contact-stack span,.stat-stack span{color:var(--muted);border-radius:.75rem;align-items:center;gap:.45rem;padding:.55rem;font-size:.78rem;font-weight:850;display:flex;box-shadow:inset 3px 3px 8px #c6ced8,inset -3px -3px 8px #fff}.stat-stack span{gap:.15rem;display:grid}.stat-stack strong{color:var(--ink);font-size:.95rem}.admin-overlay{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2330445c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.admin-modal{background:var(--surface);border-radius:1.35rem;width:min(100%,58rem);max-height:min(90vh,58rem);padding:1rem;overflow:auto;box-shadow:0 2rem 6rem #23304447}.wizard-modal{width:min(100%,50rem)}.admin-lock{justify-items:start;gap:1rem;padding:1rem;display:grid}.admin-lock svg{color:var(--pink)}.admin-password{width:100%;box-shadow:var(--shadow-low);border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.form-error{color:#b4234a;margin:0;font-weight:850}.wizard-shell{gap:1rem;display:grid}.wizard-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.wizard-steps span{color:var(--muted);text-align:center;box-shadow:var(--shadow-low);border-radius:.85rem;gap:.35rem;padding:.7rem .5rem;font-size:.75rem;font-weight:900;display:grid}.wizard-steps b{color:#fff;background:#97a4b6;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;margin:0 auto;display:grid}.wizard-steps span.active b,.wizard-steps span.complete b{background:linear-gradient(135deg,#f45d85,#d99616)}.wizard-card{box-shadow:var(--shadow-low);border-radius:1rem;padding:1rem}.wizard-field,.wizard-review{gap:.7rem;display:grid}.wizard-field>span,.wizard-review>span{color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:950}.wizard-field>strong,.wizard-review>strong{font-size:clamp(1.4rem,3vw,2rem)}.wizard-field input,.wizard-field textarea{width:100%;color:var(--ink);background:var(--surface);border:0;border-radius:.85rem;outline:0;padding:.9rem;box-shadow:inset 4px 4px 10px #c6ced8,inset -4px -4px 10px #fff}.wizard-field textarea{resize:vertical;min-height:10rem}.file-drop{min-height:7rem;color:var(--muted);text-align:center;cursor:pointer;box-shadow:var(--shadow-low);border-radius:.9rem;place-items:center;padding:1rem;font-weight:850;display:grid}.file-drop input{display:none}.wizard-preview,.deploy-card{background:#121a25;border-radius:1rem;overflow:hidden}.wizard-preview video,.deploy-card video{background:#121a25;width:100%;max-height:20rem;display:block}.deploy-card{background:var(--surface);grid-template-columns:minmax(0,1.2fr) minmax(14rem,.8fr);gap:0;display:grid;box-shadow:7px 7px 16px #c7ced7,-7px -7px 16px #fff}.deploy-card div{padding:1rem}.deploy-card h3{margin:.3rem 0 .6rem;font-size:clamp(1.4rem,3vw,2.2rem)}.success-copy{color:var(--green);margin-bottom:0;font-weight:900}.wizard-actions{justify-content:space-between;gap:.75rem;display:flex}.batch-import{box-shadow:var(--shadow-low);border-radius:1rem;margin-bottom:1rem;padding:1rem}.batch-import textarea{background:var(--surface);resize:vertical;border-radius:.85rem;min-height:10rem;padding:.9rem;box-shadow:inset 4px 4px 10px #c6ced8,inset -4px -4px 10px #fff}.video-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1rem;display:grid}.video-form label{color:var(--muted);gap:.45rem;font-size:.82rem;font-weight:900;display:grid}.video-form input,.video-form textarea{background:var(--surface);min-height:2.75rem;box-shadow:var(--shadow-low);border-radius:.85rem;padding:.8rem .9rem}.video-form input[type=color]{min-height:2.75rem;padding:.25rem}.video-form textarea{resize:vertical;min-height:6rem}.wide-field,.inline-board{grid-column:1/-1}.admin-shell{grid-template-columns:5.5rem minmax(0,1fr);gap:1.25rem;max-width:1440px;margin:0 auto;display:grid}.admin-rail{background:var(--surface);height:calc(100vh - 2.5rem);box-shadow:var(--shadow-high);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;padding:1rem .7rem;display:flex;position:sticky;top:1.25rem}.admin-rail .brand{flex-direction:column;padding:.4rem 0}.admin-main{gap:1.25rem;display:grid}.admin-hero{background:linear-gradient(135deg, #f45d852e, #1fa9711f), var(--surface);min-height:22rem;padding:clamp(1.2rem,5vw,4rem)}.admin-hero h1{max-width:48rem}.admin-hero p{max-width:42rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{gap:.55rem;padding:1rem;display:grid}.metric-card svg{color:var(--pink)}.metric-card span{color:var(--muted);font-size:.82rem;font-weight:850}.metric-card strong{font-size:clamp(1.5rem,3vw,2.4rem)}.release-row{box-shadow:var(--shadow-low);border-radius:1rem;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.8rem}.release-row div{flex:1;min-width:0}.release-row strong,.release-row small{display:block}.status-dot{border-radius:999px;flex:none;width:.85rem;height:.85rem;box-shadow:0 0 .9rem}@keyframes orbitPulse{50%{transform:scale(1.04)rotate(8deg)}}@keyframes brandBreath{50%{transform:translateY(-.25rem)scale(1.03)}}@keyframes glitchSkew{50%{transform:skew(-4deg)}}@keyframes glitchSlice{0%{clip-path:inset(12% 0 70%)}35%{clip-path:inset(48% 0 16%)}70%{clip-path:inset(3% 0 58%)}to{clip-path:inset(62% 0 5%)}}@keyframes likePop{50%{transform:scale(1.08)}}@keyframes overlayIn{0%{opacity:0}}@keyframes shrineFloatIn{0%{opacity:0;transform:translateY(1rem)scale(.96)}}@keyframes shrinePulse{50%{transform:translate(-1rem,-.5rem)scale(1.08)rotate(8deg)}}@keyframes shrineRingPulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(.78)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes shrineScan{to{background-position-y:.55rem}}@keyframes panelRise{0%{opacity:0;transform:translateY(.7rem)}}@media (width<=1050px){.hero-grid,.content-grid{grid-template-columns:1fr}.queue-panel,.shrine{order:initial}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell,.admin-shell{padding:.75rem}.topbar{grid-template-columns:1fr;position:static}.viewer-topbar{grid-template-columns:1fr}.nav-actions{justify-content:stretch}.nav-actions .btn{flex:1}.title-row,.video-card{grid-template-columns:1fr}.video-card{text-align:center}.thumbnail{min-height:7rem}.content-grid{margin-top:.75rem}.comment-compose,.release-row,.admin-password{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.video-form,.wizard-steps,.deploy-card{grid-template-columns:1fr}.wizard-actions{flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-rail{flex-direction:row;justify-content:space-between;height:auto;position:static;overflow-x:auto}.admin-rail .brand{flex-direction:row}.metric-grid,.shrine-stats,.shrine-panels{grid-template-columns:1fr}.shrine-modal{max-height:calc(100vh - 1.5rem);padding:.8rem}.shrine-title-lockup{align-items:flex-start}.photo-grid{grid-template-columns:1fr}}