/* Full SPLOIDO TV streaming interface refresh. */
:root{color-scheme:dark;--bg:#030819;--panel:#0c1427;--panel-2:#111c32;--ink:#f5f7fb;--muted:#99a5b8;--line:#ffffff20;--green:#14c96b;--green-2:#0c9c50}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}body,button,input{font-family:"DM Sans",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit} [hidden]{display:none!important}
.topbar{position:fixed;z-index:50;inset:0 0 auto;height:74px;padding:0 4.3%;display:flex;align-items:center;gap:clamp(22px,3vw,52px);background:linear-gradient(180deg,#020614f5,#020614dc);border:0;backdrop-filter:blur(14px);transition:background .2s}.topbar.scrolled{background:#030819f5}.brand{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#f7f9fc;text-decoration:none;font:800 21px/1 "DM Sans",sans-serif;letter-spacing:-.7px}.brand-mark{display:none}.brand-watch{color:var(--green);margin:0 0 0 -6px;font-size:14px;letter-spacing:-.3px;align-self:center}.brand-dot{display:none}
.main-nav{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:clamp(13px,1.75vw,27px);white-space:nowrap}.main-nav>a,.nav-menu>button{position:relative;display:flex;align-items:center;gap:5px;height:100%;padding:0;border:0;background:none;color:#e5e9f1;text-decoration:none;font-size:11px;font-weight:650;cursor:pointer}.main-nav>a:hover,.main-nav>a.active,.nav-menu>button:hover,.nav-menu.open>button{color:var(--green)}.main-nav>a.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:13px;background:var(--green);border-radius:2px}.nav-menu{position:relative;height:100%;display:flex;align-items:center}.nav-menu>button span{display:none}.nav-menu>button::after{content:"";width:6px;height:6px;margin-left:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.nav-menu-popover{position:absolute;top:calc(100% - 5px);left:-16px;display:none;min-width:180px;max-height:60vh;overflow:auto;padding:8px;border:1px solid #ffffff20;border-radius:8px;background:#091125;box-shadow:0 16px 36px #0009}.nav-menu.open .nav-menu-popover{display:grid}.nav-menu-popover button{border:0;border-radius:5px;padding:9px 10px;background:transparent;text-align:left;color:#dce3ee;font-size:12px;cursor:pointer}.nav-menu-popover button:hover{background:#12b85c2b;color:#5ee395}.menu-empty{padding:9px;color:var(--muted);font-size:11px}.list-count{margin-left:1px;color:var(--green);font-size:10px}
.header-actions{position:relative;display:flex;align-items:center;gap:10px;margin-left:auto}.search-box{height:36px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #ffffff23;border-radius:6px;background:#ffffff0b;color:#dce4ef}.search-box svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8}.search-box input{width:clamp(88px,11vw,145px);padding:0;border:0;outline:0;background:transparent;color:white;font-size:12px}.search-box input::placeholder{color:#a5aec0}.icon-action{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff36;border-radius:50%;background:transparent;color:#f1f4fa;cursor:pointer}.icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.icon-action:hover{color:var(--green);border-color:var(--green)}.sign-in-button{border:1px solid var(--green);border-radius:5px;padding:9px 12px;background:transparent;color:#43db86;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.sign-in-button:hover{background:var(--green);color:#04120a}.admin-actions{display:flex;gap:5px}.admin-actions .upload-button{border:1px solid #ffffff27;border-radius:5px;padding:8px;background:#ffffff0a;color:#d6e1ec;font-size:10px}.notification-panel{position:absolute;z-index:60;right:40px;top:47px;width:min(280px,80vw);padding:16px;border:1px solid var(--line);border-radius:8px;background:#101a2e;box-shadow:0 14px 35px #0009;color:#d9e0eb;font-size:12px;line-height:1.6}
#home{display:block}.hero{position:relative;height:min(710px,82svh);min-height:530px;display:flex;align-items:center;overflow:hidden;padding:100px 5% 70px;background:#050a17}.hero-image{position:absolute;inset:-2%;background-position:center 36%;background-size:cover;filter:saturate(.9);transform:scale(1.02);animation:hero-drift 28s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030819f7 0%,#030819dc 27%,#03081955 62%,#03081909 100%),linear-gradient(0deg,#030819 0%,#0308199c 7%,transparent 49%,#03081948 100%)}.hero-content{z-index:1;position:relative;width:min(590px,60vw);margin:80px 0 0}.eyebrow,.section-kicker{color:#65df9a;font-size:9px;font-weight:700;letter-spacing:1.55px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #14c96b}.hero h1{max-width:660px;margin:16px 0 9px;font-size:clamp(44px,5.5vw,74px);font-weight:750;line-height:.99;letter-spacing:-2.5px;text-shadow:0 3px 28px #0009}.hero-copy{max-width:560px;color:#e0e6ef;font-size:14px;line-height:1.55;text-shadow:0 2px 8px #000}.hero-meta{display:flex;gap:10px;align-items:center;margin:16px 0;color:#d5dce8;font-size:9px;letter-spacing:.75px}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#c4ccda}.hero-buttons{display:flex;gap:10px;margin-top:21px}.button{min-height:40px;border:0;border-radius:5px;padding:0 17px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green-2);color:white}.button-primary:hover{background:#12c96a}.button-glass{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff5c;background:#ffffff15;color:white;text-decoration:none}.hero .button-primary{border-radius:22px;padding:0 22px}.hero-label{position:absolute;right:5%;bottom:55px;color:#dce3ed;font-size:9px;letter-spacing:1.3px}.hero-label span{display:inline-block;width:34px;height:1px;margin:0 8px 3px;background:var(--green)}.hero-carousel{position:absolute;z-index:2;left:5%;bottom:18px;display:flex;align-items:center;gap:12px}.carousel-caption{display:none}.carousel-controls{display:flex;align-items:center;gap:8px}.carousel-controls>button{width:30px;height:30px;border:1px solid #ffffff61;border-radius:50%;background:#111a2c;color:#fff;font-size:21px;line-height:1;cursor:pointer}.carousel-controls>button:hover{background:var(--green-2)}.carousel-dots{display:flex;gap:5px}.carousel-dot{width:6px;height:6px;border:0;border-radius:5px;padding:0;background:#ffffff73;cursor:pointer}.carousel-dot.active{width:19px;background:var(--green)}
.content{padding:20px 4.5% 68px;background:var(--bg)}.welcome-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.welcome-row .section-kicker{display:none}.welcome-row h2{margin:0;font-size:21px;font-weight:750;letter-spacing:-.4px}.text-link{border:0;background:none;color:#aebbd0;font-size:11px;cursor:pointer}.text-link:hover{color:var(--green)}.filter-row,.vj-discovery,.content>.section-heading,.content>#movie-row,.content>#my-list,.content>#continue-section{display:none!important}.browse-rail{margin:0 0 14px}.browse-rail .section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 7px}.browse-rail .section-heading h3{margin:0;color:#f2f5fa;font-size:15px;font-weight:700;letter-spacing:0}.browse-rail .section-heading p{display:none}.browse-rail .arrows{display:flex;gap:6px}.browse-rail .arrows button{width:27px;height:27px;border:1px solid #ffffff30;border-radius:50%;background:#18243a;color:#f5f7fb;font-size:20px;line-height:1;cursor:pointer}.browse-rail .arrows button:hover{border-color:var(--green);background:var(--green-2)}.movie-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 76px)/5);gap:19px;overflow:auto;overflow-y:visible;padding:4px 3px 12px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-behavior:smooth}.movie-row::-webkit-scrollbar{display:none}.movie-card{position:relative;min-width:0;cursor:pointer;scroll-snap-align:start;animation:card-in .35s both;animation-delay:var(--card-delay,0ms)}.movie-poster{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:2/3;border-radius:5px;background:linear-gradient(145deg,#18283b,#0e1726);background-size:cover;background-position:center;box-shadow:0 8px 22px #0007;transition:transform .2s,box-shadow .2s}.movie-poster:before{position:absolute;content:"";inset:0;background:linear-gradient(0deg,#020613d9 0%,transparent 55%),linear-gradient(180deg,#0206136b,transparent 22%)}.movie-card:hover .movie-poster{z-index:2;transform:translateY(-3px) scale(1.025);box-shadow:0 12px 28px #000c}.movie-title{overflow:hidden;margin:7px 0 3px;color:#f0f3f8;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.movie-meta{overflow:hidden;color:#929eb1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.poster-vj,.series-badge{position:absolute;z-index:2;top:6px;right:6px;max-width:78%;overflow:hidden;padding:4px 6px;border-radius:4px;background:#119c51;color:#fff;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.poster-rating{position:absolute;z-index:2;top:6px;left:6px;border-radius:4px;padding:4px 5px;background:#0a1425b8;color:#edf3fb;font-size:9px}.save-film{position:absolute;z-index:4;top:6px;left:6px;width:28px;height:28px;border:1px solid #ffffff55;border-radius:50%;background:#06101ab8;color:#fff;font-size:15px;opacity:0;cursor:pointer}.movie-card:hover .save-film,.save-film:focus-visible{opacity:1}.poster-play{position:absolute;z-index:3;width:40px;height:40px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#0ca858;color:white;font-size:14px;opacity:0;transform:scale(.88);transition:.18s}.movie-card:hover .poster-play{opacity:1;transform:scale(1)}.more-info{display:none}.resume-progress{position:absolute;z-index:4;right:6px;bottom:7px;left:6px;height:3px;background:#ffffff77}.resume-progress i{display:block;height:100%;background:var(--green)}.series-card .poster-vj{right:auto;left:6px}.continue-poster-card .movie-meta{color:#57d88e}
.route-view{min-height:calc(100vh - 70px);padding:112px 4.5% 62px;background:var(--bg)}.route-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 20px}.route-heading .section-kicker{font-size:9px}.route-heading h1{margin:6px 0 4px;font-size:28px;line-height:1.15;letter-spacing:-.5px}.route-heading p{margin:0;color:var(--muted);font-size:12px}.route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.route-grid .movie-card{min-width:0}.route-grid .movie-poster{aspect-ratio:2/3}.route-grid .movie-title{font-size:13px}.route-grid.series-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.route-filter-strip{display:flex;gap:8px;overflow:auto;margin:0 0 18px;scrollbar-width:none}.filter-pill{flex:0 0 auto;padding:7px 12px;border:1px solid #ffffff22;border-radius:18px;background:#ffffff08;color:#c5cedb;font-size:10px;cursor:pointer}.filter-pill:hover,.filter-pill.selected{border-color:var(--green);background:#0c9c5045;color:#7ee8ab}.route-empty{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:36px 20px;border:1px solid #ffffff1b;border-radius:8px;background:#0c1426;color:#aab6c9;text-align:center;font-size:13px;line-height:1.6}.route-empty .button{margin-top:4px}.route-view .account-overview{max-width:960px;min-height:310px;margin:24px auto;padding:clamp(22px,4vw,46px);border:1px solid #ffffff15;border-radius:10px;background:linear-gradient(140deg,#101a2c,#0a1221)}.account-summary{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid #ffffff16}.account-summary h2{margin:6px 0;font-size:22px}.account-summary p{margin:0 0 6px;color:#b1bdcd;font-size:12px}.account-summary small{color:#63d995;font-size:10px}.account-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#0b9d51;color:white;font-size:22px;font-weight:700}.account-actions{display:flex;gap:10px;padding:20px 0}.account-note{max-width:520px;padding:15px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff05}.account-note h3{margin:0 0 7px;font-size:14px}.account-note p{color:#abb7c9;font-size:12px;line-height:1.6}.account-note .text-link{padding:0;color:#5fdb94}
.membership-section{min-height:430px;background:#0b1425;border-block:1px solid #ffffff17}.membership-copy h2{color:white}.membership-copy p{color:#b7c1d1}.membership-status{color:#e0e6ef}.preview-note{color:#8d9bad}footer{display:flex;align-items:center;gap:24px;padding:23px 4.5%;border-top:1px solid #ffffff16;background:#030819;color:#748198;font-size:10px}footer .brand{font-size:16px}footer .brand-watch{font-size:10px}footer>span:last-child{margin-left:auto}footer nav{display:flex;gap:18px;margin-left:auto}footer nav a{color:#9da9bb;text-decoration:none;font-size:10px}footer nav a:hover{color:#5fe093}.legal-notes{padding:30px 5%;border-top:1px solid #ffffff12;background:#030819;color:#77859a;font-size:10px;line-height:1.7}.legal-notes h2{font-size:13px;color:#b6c0d0}
.player-dialog,.upload-dialog{border:1px solid #ffffff23;border-radius:10px;background:#101a2d;color:white;box-shadow:0 24px 100px #000e}.player-dialog::backdrop,.upload-dialog::backdrop{background:#020614df;backdrop-filter:blur(7px)}.player-dialog video{width:100%;background:#020306}.player-dialog .player-info{padding:20px 24px}.player-dialog h2,.upload-dialog h2{font-family:"DM Sans",sans-serif;font-weight:700}.upload-dialog{max-height:90vh;overflow:auto}.upload-dialog input,.upload-dialog select,.upload-dialog textarea{border-radius:5px!important;background:#091226!important;color:#f1f5fa!important}.upload-dialog label{color:#c7d0dc}.upload-dialog .button-primary{width:100%}.close-player,.close-upload,.close-account,.close-series,.close-add-series,.close-manager,.close-settings{border-radius:50%;background:#091226;color:white}.account-dialog{width:min(480px,94vw);padding:34px;background:#f1f5fa;color:#172234}.account-dialog::backdrop{background:linear-gradient(#020817bd,#020817ed),url('/assets/noir-cinematic.svg') center/cover;backdrop-filter:blur(3px)}.account-dialog .section-kicker{color:#09994e}.account-dialog h2{font-size:26px}.account-dialog>p{color:#66758a}.account-dialog .account-tabs{border-color:#d4dce6}.account-dialog .account-tabs button{color:#657489;font-size:12px}.account-dialog .account-tabs button.active{color:#05964a;border-color:#12bd63}.account-dialog #auth-form label,.account-dialog #password-change-form label{color:#596b81;font-size:11px}.account-dialog #auth-form input:not([type=checkbox]),.account-dialog #password-change-form input{border-color:#d2dbe6!important;background:#e8eef5!important;color:#142034!important}.account-dialog .password-toggle,.account-dialog .forgot-password,.account-dialog .consent-check a{color:#078e46}.account-dialog .button-primary{background:#11b85c}.account-dialog #auth-status{color:#b93e49}.account-dialog .close-account{background:#142037}
:focus-visible{outline:2px solid #48dc8a;outline-offset:3px}.movies-only{background:var(--bg)}#movie-row.is-loading{min-height:120px}#movie-row.is-loading:after{border-right-color:var(--green)}
.poster-lock{position:absolute;z-index:3;top:6px;left:6px;width:23px;height:25px;display:grid;place-items:center;color:#edf3f9;text-shadow:0 2px 5px #000}.poster-lock svg{width:19px;height:21px;fill:#e9f0f7;stroke:#e9f0f7;stroke-width:1.3}.poster-access{position:absolute;z-index:3;top:6px;left:6px;padding:4px 6px;border-radius:4px;background:#087c42;color:white;font-size:9px;font-weight:800}.movie-poster>.poster-rating{top:auto;bottom:6px;left:6px}.movie-poster>.save-film{top:34px}.route-grid .movie-card .save-film{top:35px}
@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{from{transform:scale(1.02)}to{transform:scale(1.07)}}
@media(max-width:1300px){.topbar{gap:22px;padding-inline:3%}.main-nav{gap:14px}.main-nav>a,.nav-menu>button{font-size:10px}.header-actions{gap:7px}.search-box input{width:94px}.route-grid,.route-grid.series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-row{grid-auto-columns:calc((100% - 57px)/4)}}
@media(max-width:1020px){.topbar{gap:14px;padding-inline:2.5%}.brand{font-size:18px}.main-nav{gap:11px}.main-nav>a,.nav-menu>button{font-size:9px}.main-nav #nav-membership{display:none}.header-actions{gap:6px}.header-actions .admin-actions{display:none}.movie-row{grid-auto-columns:calc((100% - 42px)/4)}.route-grid,.route-grid.series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:103px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:56px 35px;gap:0;padding:0 4%;align-content:center}.brand{grid-area:1/1;font-size:18px}.header-actions{grid-area:1/2;justify-self:end}.main-nav{grid-area:2/1/3/3;justify-content:flex-start;gap:19px;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav>a,.nav-menu>button{height:34px;font-size:10px}.main-nav>a.active:after{bottom:0}.main-nav #nav-free,.main-nav #nav-membership{display:none}.nav-menu{height:34px;flex:none}.nav-menu-popover{top:33px}.search-box{width:34px;justify-content:center;padding:0;border-color:transparent;background:transparent}.search-box:focus-within{position:absolute;z-index:5;right:88px;width:min(230px,56vw);justify-content:flex-start;padding:0 10px;border-color:#ffffff3b;border-radius:6px;background:#111b30}.search-box input{width:0}.search-box:focus-within input{width:100%}.search-box svg{width:20px}.icon-action{width:32px;height:32px}.sign-in-button{padding:8px 10px;font-size:10px}.hero{height:73svh;min-height:510px;padding:120px 6% 70px;align-items:end}.hero-content{width:min(550px,85vw);margin:0 0 17px}.hero h1{font-size:clamp(38px,9vw,58px);letter-spacing:-1.7px}.hero-copy{font-size:12px}.hero-meta{font-size:8px;flex-wrap:wrap}.hero-shade{background:linear-gradient(0deg,#030819 0%,#030819ce 21%,#03081922 78%),linear-gradient(90deg,#0308197a,transparent)}.hero-label{display:none}.hero-carousel{bottom:13px;left:6%}.content{padding:17px 4% 48px}.welcome-row h2{font-size:18px}.browse-rail .section-heading h3{font-size:14px}.movie-row{grid-auto-columns:calc((100% - 26px)/2.25);gap:12px}.movie-title{font-size:11px}.route-view{padding:124px 4% 48px}.route-heading h1{font-size:24px}.route-heading p{max-width:75vw;font-size:11px}.route-grid,.route-grid.series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 11px}.route-grid .movie-title{font-size:11px}.membership-section{min-height:480px}.membership-section .membership-copy{padding:50px 8%}.membership-section .membership-art{inset:0;background-position:center}.membership-section .membership-copy{grid-column:1}footer{flex-wrap:wrap;gap:13px;padding:20px 4%}footer nav{order:4;width:100%;margin:0;flex-wrap:wrap}footer>span:last-child{margin-left:auto}}
@media(max-width:440px){.topbar{padding-inline:3%}.brand{font-size:16px}.brand-watch{font-size:11px}.main-nav{gap:15px}.main-nav>a,.nav-menu>button{font-size:9px}.header-actions{gap:4px}.search-box:focus-within{right:78px}.icon-action{width:29px;height:29px}.sign-in-button{padding:7px 8px;font-size:9px}.hero{min-height:470px;height:70svh}.hero-content{width:94vw}.hero h1{font-size:38px}.hero-copy{max-width:88vw;font-size:11px}.hero-meta span:last-child{display:none}.hero-buttons .button{min-height:37px;padding-inline:12px;font-size:10px}.content{padding-inline:3.5%}.movie-row{grid-auto-columns:calc((100% - 20px)/2.1)}.route-view{padding-inline:3.5%}.route-grid,.route-grid.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.route-heading h1{font-size:22px}.account-actions{flex-wrap:wrap}.account-actions .button{flex:1}.account-dialog{padding:30px 22px}.membership-section{min-height:500px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:760px){.movie-card .save-film{opacity:1}.poster-play{opacity:.92}}

/* Signed-in studio member controls. */
.main-nav #nav-admin[hidden]{display:none}.mobile-nav-toggle{display:none;width:38px;height:36px;place-items:center;align-content:center;gap:5px;border:1px solid #ffffff36;border-radius:6px;background:#071126c9;color:#fff;cursor:pointer}.mobile-nav-toggle span{width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}.topbar.nav-open .mobile-nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.topbar.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}.topbar.nav-open .mobile-nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}.welcome-art iframe{position:absolute;top:50%;left:50%;width:max(100vw,128svh);height:max(72svh,56.25vw);border:0;transform:translate(-50%,-50%);pointer-events:none}.welcome-art{background-repeat:no-repeat}
.admin-panel{margin:18px 0 28px;padding:clamp(16px,2.5vw,26px);border:1px solid #ffffff1a;border-radius:10px;background:#0b1425}.admin-panel h2{margin:0;font-size:19px}.admin-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.admin-panel-heading p{margin:5px 0 0;color:#9cabc1;font-size:12px;line-height:1.5}.admin-users-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-user-card{min-width:0;padding:16px;border:1px solid #ffffff19;border-radius:8px;background:#101b30}.admin-user-card>header{display:flex;justify-content:space-between;align-items:start;gap:12px}.admin-user-card h3{overflow-wrap:anywhere;margin:0;font-size:15px}.admin-user-card>header p{overflow-wrap:anywhere;margin:4px 0 0;color:#a5b1c4;font-size:11px}.admin-user-state{flex:0 0 auto;padding:4px 8px;border-radius:12px;background:#0b7b45;color:#e3fff0;font-size:10px}.admin-user-state.is-banned{background:#9c3038;color:#fff}.admin-user-meta{color:#99a7bb;font-size:10px;line-height:1.5}.admin-user-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-user-fields label,.admin-vj-form label{min-width:0;display:grid;gap:5px;color:#c7d1df;font-size:11px}.admin-user-fields input,.admin-user-fields select,.admin-vj-form input{width:100%;min-width:0;padding:9px;border:1px solid #ffffff26;border-radius:5px;background:#071126;color:#f5f7fa;font:inherit}.admin-user-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.admin-check{display:flex;align-items:center;gap:6px;color:#c5cfdd;font-size:11px}.admin-check input{accent-color:#11b85c}.admin-user-actions .button{margin-left:auto}.admin-user-message{min-height:15px;margin:8px 0 0;color:#66dc97;font-size:11px}.admin-empty{padding:12px;border:1px dashed #ffffff27;border-radius:6px;color:#a3afc2;font-size:12px}.admin-vj-form{display:flex;align-items:end;gap:10px;max-width:530px}.admin-vj-form label{flex:1}.admin-vj-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.admin-vj-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #ffffff1b;border-radius:6px;background:#101b30;color:#eef3f9;font-size:12px}.admin-vj-item button{border:1px solid #c95761;border-radius:4px;padding:5px 8px;background:#732b36;color:white;font-size:10px;cursor:pointer}
@media(max-width:760px){.mobile-nav-toggle{display:grid;grid-area:1/2}.topbar{position:fixed;height:68px;grid-template-columns:1fr auto;grid-template-rows:68px;align-content:start;padding:0 4%;background:#030819f5;backdrop-filter:blur(14px)}.brand{grid-area:1/1;align-self:center}.header-actions{grid-area:1/2;align-self:center;display:flex;gap:6px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;max-height:calc(100svh - 70px);overflow:auto;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:8px 12px 14px;border-top:1px solid #ffffff19;background:#050c1df7;box-shadow:0 18px 32px #0009}.topbar.nav-open .main-nav,body[data-page="welcome"] .topbar.nav-open .main-nav{display:flex}.main-nav>a,.main-nav .nav-menu>button{width:100%;height:auto;min-height:42px;justify-content:space-between;padding:10px 12px;font-size:13px;text-align:left}.main-nav>a.active:after{right:auto;bottom:4px;width:30px}.main-nav .nav-menu{height:auto;display:block}.main-nav .nav-menu>button span{display:block}.main-nav .nav-menu-popover{position:static;max-height:40vh;min-width:0;margin:0 8px 8px;box-shadow:none}.main-nav #nav-free,.main-nav #nav-membership{display:flex}body[data-page="welcome"] .topbar{height:68px;width:calc(100% - 24px);grid-template-columns:1fr auto;grid-template-rows:68px;padding:0}.topbar.nav-open{background:#030819fa}.welcome-splash{min-height:72svh}.welcome-art iframe{width:max(100vw,128svh);height:max(72svh,56.25vw)}.admin-users-list{grid-template-columns:1fr}.admin-user-fields{grid-template-columns:1fr 1fr}.admin-panel-heading{align-items:start}.admin-user-actions .button{width:100%;margin-left:0}.admin-vj-form{align-items:stretch}.admin-vj-form .button{align-self:end}}
@media(max-width:440px){.admin-user-fields{grid-template-columns:1fr}.admin-vj-form{flex-direction:column;align-items:stretch}.admin-vj-form .button{width:100%}}

/* Public welcome screen shown before sign-in. */
#welcome-screen{display:block;min-height:70svh}.welcome-splash{position:relative;isolation:isolate;min-height:clamp(520px,72svh,900px);overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#12304c 0%,#06162b 43%,#020614 100%)}.welcome-art,.welcome-scrim{position:absolute;inset:0}.welcome-art{z-index:-2;background-position:center 34%;background-size:cover;transform:scale(1.015);animation:welcome-drift 32s ease-in-out infinite alternate}.welcome-scrim{z-index:-1;background:linear-gradient(90deg,#020614b3,#02061442 48%,#0206144d),linear-gradient(0deg,#020614b8 0%,transparent 32%,#0206145c 100%)}.welcome-content{position:absolute;inset:74px 20px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome-content h1{max-width:min(90vw,1000px);margin:0 0 30px;color:#fff;font-size:clamp(42px,6vw,82px);font-weight:800;line-height:1.04;letter-spacing:-2px;text-shadow:0 5px 32px #0009}.welcome-start{min-width:180px;min-height:52px;justify-content:center;padding:0 28px;border-radius:28px;background:#ffffff20;font-size:15px;backdrop-filter:blur(8px)}.welcome-start:hover{border-color:#fff;background:#ffffff36}body[data-page="welcome"] .topbar{left:50%;right:auto;width:min(1080px,calc(100% - 48px));height:80px;padding:0;transform:translateX(-50%);background:linear-gradient(180deg,#020614a8,transparent);backdrop-filter:none}body[data-page="welcome"] .brand{font-size:25px}body[data-page="welcome"] .main-nav,body[data-page="welcome"] .header-actions .search-box,body[data-page="welcome"] #notifications-toggle,body[data-page="welcome"] .admin-actions{display:none}body[data-page="welcome"] .header-actions{margin-left:auto}body[data-page="welcome"] .sign-in-button{padding:11px 20px;font-size:14px}body[data-page="welcome"] .legal-notes{display:none}body[data-page="welcome"] footer{padding-top:34px;padding-bottom:34px}body[data-page="welcome"] footer .brand{display:none}body[data-page="welcome"] footer #site-tagline{display:none}
@keyframes welcome-drift{from{transform:scale(1.015)}to{transform:scale(1.07)}}
@media(max-width:760px){body[data-page="welcome"] .topbar{height:70px;width:calc(100% - 36px)}body[data-page="welcome"] .brand{font-size:21px}.welcome-splash{min-height:72svh}.welcome-content{inset:70px 16px 20px}.welcome-content h1{font-size:clamp(38px,10vw,62px);letter-spacing:-1px}body[data-page="welcome"] footer{padding:24px 5%;}body[data-page="welcome"] footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){.welcome-art{animation:none}}