/* Homepage navigation: glass, neon accents and a compact touch menu. */
.site-shell header.site-header{position:sticky;inset:0 0 auto;top:0;z-index:30;height:88px;min-height:88px;padding:0 5%;display:flex;flex-wrap:nowrap;align-items:center;gap:36px;background:#090d19ed;background:linear-gradient(115deg,#08111af0,#100c1af0 70%,#180c1cf0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0004;border-bottom:1px solid #a7a1e322}
.site-shell .site-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#15dfff 15%,#855cff 55%,#ff2bb7 85%,transparent);opacity:.8;pointer-events:none}
.site-shell .site-header .brand{width:155px;height:60px;flex-shrink:0}
.site-shell .site-header .top-navigation{display:flex;align-items:center;gap:9px;flex:1;width:auto;margin:0;min-width:0}
.site-shell .site-header .navlink{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e1deed;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.site-shell .site-header .navlink:after{content:'';position:absolute;bottom:4px;left:15px;right:15px;height:2px;border-radius:2px;background:linear-gradient(90deg,#50eaff,#c977ff);opacity:0;transform:scaleX(.3);transition:opacity .2s,transform .2s}
.site-shell .site-header .navlink:hover{color:#fff;background:#51cfff0a;border-color:#80cfff25}
.site-shell .site-header .navlink.is-active{background:linear-gradient(125deg,#0d3c4e99,#3f245b70);color:#b9f4ff;border-color:#75c9fa35}
.site-shell .site-header .navlink.is-active:after,.site-shell .site-header .navlink:hover:after{opacity:1;transform:scaleX(1)}
.site-shell .site-header .nav-muted{color:#aaa6bd;font-weight:400}
.site-shell .site-header .nav-icon{width:16px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex-shrink:0}
.site-shell .site-header #count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;margin-left:0;border:1px solid #58dfff65;border-radius:6px;background:#073a4d;color:#a1f6ff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.site-shell .site-header .navlink.creator-nav-cta{margin-left:auto;padding:11px 18px;border:1px solid #c0d7ff90;background:linear-gradient(110deg,#1a7c9f,#7044ac 58%,#a82e86);color:#fff!important;box-shadow:-4px 0 20px #00dfff17,5px 0 23px #ec28c81c}
.site-shell .site-header .creator-nav-cta .nav-arrow{font-family:Arial,sans-serif;font-size:18px;line-height:1;font-variant-emoji:text}
.site-shell .site-header .creator-nav-cta:hover{border-color:#e2ccff;filter:brightness(1.15);box-shadow:-4px 0 25px #00dfff26,5px 0 25px #ec28c82e}
.site-shell .site-header .creator-nav-cta:after,.site-shell .site-header #account-nav:after{display:none}
.site-shell .site-header #account-nav{margin-left:5px;padding:10px 18px;border:1px solid #ac8aef;background:linear-gradient(120deg,#3458b8,#7838ad 65%,#a22a91);border-radius:9px;color:#fff;box-shadow:0 5px 20px #8150d52b}
.site-shell .site-header #account-nav:hover{border-color:#d9baff;filter:brightness(1.12);box-shadow:0 5px 24px #a24ed53d}
.site-shell .site-header .menu-toggle{display:none}
.site-shell .site-header :is(a,button):focus-visible{outline:2px solid #7cefff;outline-offset:4px}
@media(min-width:901px) and (max-width:1100px){.site-shell header.site-header{padding-inline:4%;gap:20px}.site-shell .site-header .brand{width:130px}.site-shell .site-header .top-navigation{gap:4px}.site-shell .site-header .navlink{padding:10px 9px;font-size:12px}.site-shell .site-header .navlink.creator-nav-cta{padding-inline:12px}.site-shell .site-header #account-nav{padding-inline:12px}}
@media(max-width:900px){.site-shell header.site-header{height:auto;min-height:76px;padding:8px 5%;gap:14px;flex-wrap:wrap;justify-content:space-between}.site-shell .site-header .brand{width:140px;height:56px}.site-shell .site-header .top-navigation{width:100%;flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.site-shell .site-header.nav-ready:not(.menu-open) .top-navigation{display:none}.site-shell .site-header.nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:94px;min-height:42px;padding:9px 12px;border:1px solid #7b9bcb70;border-radius:9px;background:linear-gradient(125deg,#123347,#2b1b3e);font-size:12px;font-weight:600;color:#d9f6ff}.site-shell .menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.site-shell .site-header .navlink{font-size:13px;justify-content:flex-start;min-height:48px;padding:12px 15px;border-color:#c4b2ff16;background:#151b2c66}.site-shell .site-header .navlink.creator-nav-cta{margin:5px 0 0;justify-content:center;padding:12px 14px}.site-shell .site-header #account-nav{margin:5px 0 0;justify-content:center}.site-shell .site-header #count{margin-left:auto}.site-shell .site-header .navlink.is-active:after{left:15px;right:auto;width:34px}.site-shell .hero-copy{padding-top:90px}}
@media(prefers-reduced-motion:reduce){.site-shell .site-header .navlink,.site-shell .site-header .navlink:after{transition:none}}

/* Shared navigation across public pages and owner tools. */
.site-shell .site-header button{font-family:Arial,Helvetica,sans-serif;cursor:pointer}
.site-shell .site-header .brand,.site-shell .site-footer .brand{position:relative;display:block;overflow:hidden;flex-shrink:0}
.site-shell .site-header .brand img,.site-shell .site-footer .brand img{position:absolute;width:118%;height:auto;max-width:none;left:-9%;top:50%;transform:translateY(-50%);object-fit:contain;mix-blend-mode:screen}
.site-shell .site-header .navlink{font-family:Arial,Helvetica,sans-serif;text-decoration:none}
.site-shell .site-header #account-nav.is-active{border-color:#bcf2ff;background:linear-gradient(120deg,#3458b8,#7838ad 65%,#a22a91);color:#fff;box-shadow:0 0 0 2px #72e7ff33,0 5px 20px #8150d52b}
.site-shell .site-header .creator-nav-cta.is-active{border-color:#f7bcff;box-shadow:0 0 22px #db51ff33}
.site-shell :is(main,section,form,aside)[id]{scroll-margin-top:112px}
.site-shell .section-navigation{position:relative;display:flex;align-items:center;gap:9px;padding:17px 5%;margin:0;border-bottom:1px solid #ab81d626;background:linear-gradient(100deg,#0d223188,#21132d88);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9567c5 #111523}
.site-shell .section-navigation a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:38px;padding:8px 16px;border:1px solid #8a7eb54a;border-radius:8px;background:linear-gradient(120deg,#142333,#211a32);color:#c6bfd7;font:12px/1.5 Arial,Helvetica,sans-serif;white-space:nowrap;transition:color .2s,border-color .2s,box-shadow .2s}
.site-shell .section-navigation a:nth-child(3n+2){border-color:#b67aff45;background:linear-gradient(120deg,#241d3d,#211a32)}
.site-shell .section-navigation a:nth-child(3n){border-color:#886fed45;background:linear-gradient(120deg,#351c35,#211a32)}
.site-shell .section-navigation a:hover,.site-shell .section-navigation a[aria-current="location"]{color:#f8f4ff;border-color:#82defc;background:linear-gradient(120deg,#124358,#4d2a64);box-shadow:0 0 17px #9670ff20}
.site-shell .section-navigation a:focus-visible,.site-shell .footer-navigation :is(a,button):focus-visible{outline:2px solid #78ebff;outline-offset:3px}
.site-shell .studio-films{padding:10px;border:1px solid #ab83df38;border-radius:11px;background:linear-gradient(135deg,#0c283340,#321b3840)}
.site-shell .studio-film{border:1px solid #9684be55;border-left:3px solid #5de8ff;border-radius:8px;background:linear-gradient(115deg,#103045,#281a38);color:#eae5f4;padding:14px;text-align:left}
.site-shell .studio-film:nth-child(3n+2){border-left-color:#bc8eff}.site-shell .studio-film:nth-child(3n){border-left-color:#ff81cd}
.site-shell .studio-film:hover,.site-shell .studio-film:focus-visible{border-color:#88eaff;box-shadow:0 0 18px #9173ff20}
.site-shell .studio-film[aria-pressed="true"]{border-color:#7cefff;background:linear-gradient(115deg,#15506a,#4f2b68);box-shadow:0 0 16px #00dfff18}
.site-shell .panel select{border-color:#a090ca6e;border-radius:8px;background:linear-gradient(115deg,#102a39,#281d36);accent-color:#6deaff;color:#f4edff;min-height:43px}
.site-shell .panel select option{background:#171a29;color:#f4edff}
.site-shell .panel select:focus-visible{outline:2px solid #78eaff;outline-offset:2px}
.site-shell .panel summary{padding:12px 15px;border:1px solid #9b80c74d;border-radius:8px;background:linear-gradient(115deg,#102b3c,#291b35);color:#ddd7ed}
.site-shell .panel details[open]>summary{border-color:#7be9ff;color:#baf5ff;box-shadow:0 0 17px #a458ff19}
.site-shell .panel summary:hover{border-color:#c88be9}
.site-shell footer.site-footer{display:block;max-width:none;margin:55px 5% 0;padding:26px 0 20px;border-top:1px solid transparent;border-image:linear-gradient(90deg,#31dfff77,#a671ff99,#f44fbd77) 1;background:none;color:#b6afc7;font:12px/1.6 Arial,Helvetica,sans-serif}
.site-shell .site-footer .footer-main{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;width:100%;margin:0;padding:0 0 22px;border-bottom:1px solid #a280bb24}
.site-shell .site-footer .brand{width:145px;height:56px}
.site-shell .site-footer p{margin:0;font-size:11px;color:#bdb5cf;max-width:240px}
.site-shell .site-footer .footer-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.site-shell .footer-navigation a,.site-shell .footer-navigation button{padding:8px 11px;min-height:36px;display:inline-flex;align-items:center;gap:6px;border:1px solid #ad8ace30;border-radius:7px;background:linear-gradient(115deg,#12253277,#2b193477);color:#d2c8df;font:11px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:none}
.site-shell .footer-navigation :is(a,button):nth-child(3n+2){color:#a4edff;border-color:#73e8ff40}
.site-shell .footer-navigation :is(a,button):hover{color:#fff;border-color:#c492f3;box-shadow:0 0 14px #a767ed20}
.site-shell .site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px 22px;flex-wrap:wrap;width:100%;margin:0;padding-top:18px;color:#8f879f}
.site-shell .site-footer .footer-bottom small{width:auto;font-size:10px}
.site-shell .site-footer .footer-top-link{font-size:11px;color:#bfa3e7}
.site-shell .skip,.site-shell .skip-link{z-index:50}
@media(max-width:900px){.site-shell .section-navigation{padding-block:13px}.site-shell .section-navigation a{font-size:11px;padding:8px 13px}.site-shell .site-footer .footer-main{align-items:flex-start;gap:13px 20px}.site-shell .site-footer .footer-navigation{width:100%;margin-left:0}.site-shell .site-footer .footer-main p{margin-top:14px}.site-shell .site-footer .footer-bottom{gap:12px}.site-shell .site-footer #storage-note{width:100%;order:2}.site-shell .studio-films{padding:8px}}
@media(prefers-reduced-motion:reduce){.site-shell .section-navigation a{transition:none}}

/* Clip only the page edge; nested film rows and menus keep their own scrolling. */
html{overflow-x:hidden;overscroll-behavior-x:none}
body.site-shell{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
@supports(overflow:clip){html{overflow-x:clip}}

/* Shared Kinoflix action palette. */
.site-shell .primary,.site-shell .creator-button,.site-shell .cinema-button{color:#fff}
.site-shell .outline:not(.shortcut-launch){background:linear-gradient(120deg,#2459a8,#353f9c);border-color:#718fda;color:#fff;box-shadow:0 5px 20px #345ac51c}
.site-shell .outline:not(.shortcut-launch):nth-child(3n+2){background:linear-gradient(120deg,#7536a9,#63309c);border-color:#aa78d3}
.site-shell .outline:not(.shortcut-launch):nth-child(3n){background:linear-gradient(120deg,#a22485,#872b9c);border-color:#d476c7}
.site-shell a[href^="/signout-with-chatgpt"]{background:linear-gradient(120deg,#8734a9,#ad268d);border-color:#ce7cce;color:#fff}
.site-shell :is(button,a).text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,#086575,#075364);border:1px solid #218b9d;border-radius:7px;padding:10px 16px;min-height:40px;color:#fff;text-decoration:none;font-weight:700}
.site-shell .outline:not(.shortcut-launch):hover,.site-shell :is(button,a).text-button:hover{filter:brightness(1.15);color:#fff}
.site-shell .outline:not(.shortcut-launch).danger{background:linear-gradient(120deg,#9b246b,#852b85);border-color:#d375af;color:#fff}
.site-shell .outline:not(.shortcut-launch):focus-visible,.site-shell .text-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.site-shell button:disabled{opacity:.5;cursor:not-allowed}

/* Branded catalog search. */
.site-shell .search{border:1px solid transparent;background:linear-gradient(110deg,#102d3c,#211832 65%,#32182f) padding-box,linear-gradient(110deg,#25cfe5,#7a60dd,#cf42ab) border-box;box-shadow:0 4px 22px #20cbe512;transition:box-shadow .2s ease}
.site-shell .search span{color:#65e4f4}
.site-shell .search input{color:#fff;min-width:0}
.site-shell .search input::placeholder{color:#ddd6eb;opacity:1}
.site-shell .search:focus-within{box-shadow:0 0 0 3px #56cfe52e,0 5px 28px #9c43d526}

/* Keep owner-only links hidden despite navigation display rules. */
.site-shell [hidden]{display:none!important}

body.cinema-page.site-shell :is(main,section,form,aside)[id],body.creator-viewing-page.site-shell :is(main,section,form,aside)[id]{scroll-margin-top:24px}

/* Subscriber profile: bright, distinct actions in a compact account dropdown. */
.site-shell .subscriber-profile{position:relative;flex:0 0 auto;margin-left:auto}
.site-shell .profile-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;border:1px solid #b99aff;border-radius:14px;background:linear-gradient(125deg,#126a8e,#643dc0 55%,#b32b91);box-shadow:0 5px 22px #734fe53b;color:#fff;font:700 13px/1.3 Arial,sans-serif;cursor:pointer}
.site-shell .profile-toggle>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-shell .profile-toggle[aria-expanded="true"]{border-color:#84edff;box-shadow:0 0 0 3px #51d9eb22,0 8px 24px #9958e844}
.site-shell .site-header .profile-links{position:absolute;right:0;top:calc(100% + 12px);z-index:60;width:286px;max-width:calc(100vw - 24px);display:grid;gap:8px;margin:0;padding:15px;border:1px solid #a485dc;border-radius:18px;background:linear-gradient(145deg,#091a26,#121326 70%,#171128);box-shadow:0 20px 55px #000a,0 0 26px #a655df22;box-sizing:border-box;text-align:left}
.site-shell .profile-heading{margin:0 4px 5px;color:#a9eaf6;font:700 10px/1.5 Arial,sans-serif;letter-spacing:2px}
/* Match the Control Room palette: purple, blue-purple, then teal-blue. */
.site-shell .site-header .profile-item{--profile-color:#d8c4ff;display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 13px;border:2px solid #b696ed;border-radius:12px;background:linear-gradient(110deg,#574399,#753b93);color:#fff;font:600 13px/1.4 Arial,sans-serif;text-decoration:none;box-sizing:border-box;box-shadow:inset 0 1px 0 #ffffff14;transition:filter .2s,box-shadow .2s}
.site-shell .profile-item svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-shell .site-header .profile-item:nth-of-type(3n+2){background:linear-gradient(110deg,#2c5084,#60428d);border-color:#a788e5}
.site-shell .site-header .profile-item:nth-of-type(3n){background:linear-gradient(110deg,#135b71,#344b8d);border-color:#54cfe5}
.site-shell .site-header .profile-signout{margin-top:5px}
.site-shell .profile-item:hover{filter:brightness(1.18);box-shadow:0 0 15px #b19aff24}
@media(max-width:900px){
 .site-shell header.site-header{gap:8px}
 .site-shell .site-header .brand{order:1;width:120px}
 .site-shell .subscriber-profile{order:2;margin-left:auto}
 .site-shell .site-header .menu-toggle{order:3;min-width:80px}
 .site-shell .site-header .top-navigation{order:4}
 .site-shell .profile-toggle{width:46px;padding:10px;border-radius:13px}
 .site-shell .profile-toggle>span{display:none}
 .site-shell .site-header .profile-links{position:fixed;top:auto;right:12px;margin-top:12px;max-height:calc(100dvh - 100px);overflow-y:auto}
}

/* One vibrant navigation treatment for every Kinoflix account and public page. */
html body.site-shell header.site-header{height:72px;min-height:72px;padding:0 4%;gap:24px;background:linear-gradient(110deg,#072334f5 0%,#131731f5 48%,#331039f5 100%);border-bottom:1px solid #bc65ee55;box-shadow:0 4px 30px #120c3040;isolation:isolate}
html body.site-shell .site-header:after{height:2px;opacity:1;background:linear-gradient(90deg,#00ddff,#526dff 42%,#b344ff 70%,#ff35b6)}
html body.site-shell .site-header .brand{width:148px;height:52px;background:transparent;box-shadow:none;border:0}
html body.site-shell .site-header .brand img{mix-blend-mode:normal;filter:drop-shadow(0 0 9px #23caff24)}
html body.site-shell .site-header .top-navigation{gap:5px}
html body.site-shell .site-header .navlink{min-height:40px;padding:9px 12px;border-radius:10px;font-size:13px;color:#d8eeff;background:transparent;border-color:transparent}
html body.site-shell .site-header .navlink:nth-child(3n+2){color:#ddd0ff}
html body.site-shell .site-header .navlink:nth-child(3n){color:#ffc5f0}
html body.site-shell .site-header .navlink:hover,html body.site-shell .site-header .navlink.is-active,html body.site-shell .site-header .navlink[aria-current=page]{color:#fff;background:linear-gradient(115deg,#087d9c66,#8151d366 60%,#c02c9766);border-color:#8cdcff66;box-shadow:inset 0 1px 0 #ffffff16,0 0 16px #8a4bff22}
html body.site-shell .site-header .navlink.creator-nav-cta{margin-left:auto;padding:10px 16px;border:1px solid #da98ff88;background:linear-gradient(110deg,#087fa2,#7544bf 57%,#bd288f);color:white;box-shadow:0 0 18px #b73bf32b}
html body.site-shell .site-header #account-nav,html body.site-shell .profile-toggle{min-height:40px;padding:9px 16px;border:1px solid #87c7ff99;border-radius:10px;background:linear-gradient(115deg,#225ea9,#7942ba 65%,#ab308f);color:white;font-size:13px;box-shadow:0 0 16px #9253ff24}
html body.site-shell .site-header .nav-arrow{display:none}
html body.site-shell .site-header .profile-links{background:linear-gradient(145deg,#092b3a,#22183d 60%,#37143c);border-color:#b579e9;box-shadow:0 18px 50px #0009,0 0 28px #a842e52b}
html body.site-shell .site-header .profile-item{min-height:44px;border-width:1px;border-radius:10px;background:linear-gradient(110deg,#175f88,#6541a1);border-color:#6ecdeb88}
html body.site-shell .site-header .profile-item:nth-of-type(3n+2){background:linear-gradient(110deg,#5540a3,#a43191);border-color:#da8eff88}
html body.site-shell .site-header .profile-item:nth-of-type(3n){background:linear-gradient(110deg,#087b8d,#405aba);border-color:#6eeaff88}
@media(max-width:1100px) and (min-width:901px){html body.site-shell header.site-header{gap:15px;padding-inline:3%}html body.site-shell .site-header .brand{width:128px}html body.site-shell .site-header .navlink{padding-inline:9px;font-size:12px}}
@media(max-width:900px){html body.site-shell header.site-header{height:auto;min-height:68px;padding:8px 4%;gap:10px;flex-wrap:wrap}html body.site-shell .site-header .brand{width:128px;height:48px}html body.site-shell .site-header .menu-toggle{min-height:40px;border-color:#a385ef88;background:linear-gradient(115deg,#125d78,#65408b);color:#fff;border-radius:10px}html body.site-shell .site-header .top-navigation{gap:7px;padding:12px 0 8px}html body.site-shell .site-header .navlink{min-height:44px;border-color:#66c9ef30;background:linear-gradient(110deg,#0e47644d,#562a704d)}html body.site-shell .site-header .navlink.creator-nav-cta{margin:4px 0 0}html body.site-shell .site-header #account-nav{margin:4px 0 0}}

/* Subscriber navigation stays hidden until active membership is verified. */
html body.site-shell [data-subscriber-only][hidden]{display:none!important}