/* v6: a cleaner, broadcast-inspired visual system for the whole library. */
:root{
  --bg:#080b10;--panel:#10151d;--line:#252e3a;--line2:#364352;--text:#f5f7fb;--muted:#9ba8b7;
  --accent:var(--accent);--accent2:#5898ff;--max:1320px;--gutter:clamp(20px,5vw,76px);
  --ease-out:cubic-bezier(.2,.75,.25,1)
}
body{background:radial-gradient(70rem 38rem at 78% -10%,rgba(37,76,113,.16),transparent 70%),var(--bg);color:var(--text)}
.site-header{height:72px;padding-inline:clamp(18px,4vw,58px);background:rgba(8,11,16,.86);backdrop-filter:blur(20px);border-color:rgba(176,196,218,.12)}
.brand{font-size:1.02rem;letter-spacing:.08em;font-weight:900}
.brand-mark{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 50%,transparent))}
.site-header nav{margin-left:clamp(12px,3vw,42px);gap:4px}
.site-header nav a{border-radius:999px;padding:9px 14px;color:#b8c1cc;font-size:.84rem;letter-spacing:.015em}
.site-header nav a:hover,.site-header nav a[aria-current=page]{background:rgba(255,255,255,.075);color:#fff}
.hdr-actions{gap:12px}
.saved-link,.kbtn{border:1px solid rgba(176,196,218,.17);background:rgba(255,255,255,.035);border-radius:999px;min-height:40px}
.saved-link{width:40px;height:40px}
.kbtn{padding:0 13px}
.signin{padding:10px 19px;border-radius:999px;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 24px -12px color-mix(in srgb,var(--accent) 90%,transparent)}
.swatches{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(176,196,218,.14)}
.hero2{min-height:min(calc(100svh - 72px),850px);background:#090e15}
.hero2 .hero-bg{background:radial-gradient(55% 70% at 82% 38%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 72%),radial-gradient(50% 65% at 5% 55%,rgba(27,90,136,.22),transparent 78%),linear-gradient(110deg,#090e15 20%,#0a1018 65%,#10151a)}
.hero2 .hero-grid{opacity:.26!important;background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 54%,#000);mask-image:linear-gradient(90deg,transparent,#000 54%,#000)}
.hero2 .hero-inner.center{align-items:flex-start;text-align:left;padding:clamp(70px,11vh,140px) var(--gutter) 74px}
.hero2 .mono.top{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045);padding:9px 14px;border-radius:999px;letter-spacing:.14em;font-size:.7rem}
.hero2 .dot{box-shadow:0 0 14px var(--accent)}
.hero2 h1{max-width:1000px;margin:34px 0 22px;font-size:clamp(3.3rem,8.7vw,8.2rem);line-height:.88;letter-spacing:-.075em}
.hero2 h1 .line{display:block}
.hero2 h1 .line.accent{background:linear-gradient(100deg,#fff 2%,#68a2ff 54%,#66bfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lede{font-size:clamp(1rem,1.65vw,1.28rem);color:#c1cbd5}
.hero2 .fine{color:#788797}
.hero2 .cta{align-items:flex-start;margin-top:34px}
.hsearch{max-width:700px;box-shadow:0 22px 70px -34px rgba(0,0,0,.9);border-color:rgba(218,230,244,.2);background:rgba(8,12,18,.76);backdrop-filter:blur(14px)}
.hsearch input{font-size:1rem}
.hs-go{border-radius:9px;font-weight:800;padding:12px 20px}
.popular{justify-content:flex-start;flex-wrap:wrap}
.pchip{border-radius:999px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);padding:7px 12px}
.stats2{display:flex;gap:0;width:min(690px,100%);margin-top:clamp(42px,7vh,76px);border-top:1px solid rgba(205,221,238,.18);padding-top:20px}
.stats2>div{min-width:145px;padding:0 24px;border-right:1px solid rgba(205,221,238,.15)}
.stats2>div:first-child{padding-left:0}.stats2>div:last-child{border:0}
.stats2 b{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.05em}
.stats2 .mono{font-size:.68rem;letter-spacing:.1em;color:#91a0af}
.waves{opacity:.28!important}
.marquee{border-block:1px solid rgba(176,196,218,.1);background:#0c1118}
.block{padding-block:clamp(62px,8vw,112px)}
.sec-head{margin-bottom:28px;align-items:end}
.sec-head h2{font-size:clamp(1.7rem,3.5vw,2.8rem);letter-spacing:-.05em}
.sec-head .mono{letter-spacing:.13em}
.tile{clip-path:none;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 58%),#10151c;border-color:rgba(176,196,218,.14);padding:24px}
.tile b{font-size:2.3rem;letter-spacing:-.07em}
.tile span{font-size:.84rem}
.card{border-radius:17px;background:linear-gradient(160deg,rgba(255,255,255,.045),transparent 38%),#10151c;border-color:rgba(176,196,218,.14);min-height:290px}
.cover{height:126px;border-color:rgba(176,196,218,.12)}
.cover .cv-num{font-weight:900;letter-spacing:-.1em;opacity:.75}
.card-body{padding:19px 20px 21px;gap:12px}
.card h3{font-size:1.12rem;line-height:1.32;letter-spacing:-.02em}
.card p{color:#98a6b5;line-height:1.55}
.tag,.chip,.pchip{border-color:rgba(176,196,218,.17)}
.spot{border-radius:22px;border-color:rgba(176,196,218,.18);background:#10151c;box-shadow:0 28px 90px -54px #000}
.spot-body h2{font-size:clamp(1.6rem,3.5vw,3rem);letter-spacing:-.06em}
.toolbar{background:rgba(8,11,16,.94);border-color:rgba(176,196,218,.12);backdrop-filter:blur(18px)}
.search,.dropdown{border-radius:12px;background:#10151c;border-color:rgba(176,196,218,.17)}
.search input{font-size:.9rem}
.chip{border-radius:999px}
.lib-head{padding-top:clamp(54px,8vw,100px)}
.lib-head h1,.detail h1{font-size:clamp(2.6rem,6vw,5.5rem);letter-spacing:-.07em;line-height:.95}
.results-bar{margin-block:22px}
.count{font-weight:750;letter-spacing:.02em}
.site-footer{background:#080b10;border-color:rgba(176,196,218,.1);color:#7e8b99}
.site-footer p{max-width:760px;margin-inline:auto}

/* Sign in and registration */
.auth-wrap{min-height:calc(100svh - 72px - 90px);padding:clamp(32px,6vh,76px) 20px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(55rem 30rem at 18% 45%,rgba(31,83,128,.14),transparent 75%)}
.auth-wrap::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent)}
.auth-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;border:1px solid rgba(190,211,235,.16);border-radius:28px;background:#0e131a;box-shadow:0 40px 120px -50px #000}
.auth-aside{min-height:630px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,58px);background:radial-gradient(36rem 29rem at 75% 24%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 65%),radial-gradient(30rem 30rem at 12% 94%,rgba(34,112,168,.22),transparent 72%),linear-gradient(145deg,#151c26,#0c1118 70%)}
.auth-aside::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:105px;border:1px solid rgba(245,249,255,.13);border-radius:50%;box-shadow:0 0 0 44px rgba(245,249,255,.025),0 0 0 88px rgba(245,249,255,.025),0 0 0 132px rgba(245,249,255,.025)}
.auth-aside::after{content:"";position:absolute;width:480px;height:120px;right:-40px;top:210px;transform:rotate(-35deg);border-block:2px solid rgba(65,138,255,.72);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 14%,transparent),transparent)}
.auth-kicker,.auth-aside-foot,.auth-aside-copy{position:relative;z-index:1}
.auth-kicker{display:flex;align-items:center;gap:10px;font:700 .68rem/1 var(--mono);letter-spacing:.14em;color:#b5c2d0}
.auth-kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.auth-art{position:absolute;right:8%;top:16%;width:45%;height:44%;display:grid;place-items:center;transform:skew(-9deg);pointer-events:none}
.auth-art::before{content:"";position:absolute;inset:8% 0;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.08) 13px 14px)}
.auth-art span{position:absolute;right:2%;bottom:-12%;font:900 clamp(6rem,13vw,11rem)/.8 var(--sans);letter-spacing:-.11em;color:rgba(242,247,253,.1)}
.auth-art b{font:900 clamp(4rem,8vw,7.4rem)/1 var(--sans);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.72);filter:drop-shadow(0 14px 32px rgba(0,0,0,.35))}
.auth-art i{position:absolute;left:18%;right:-12%;height:3px;top:51%;background:linear-gradient(90deg,transparent,var(--accent),#68c0ff,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--accent) 60%,transparent)}
.auth-aside-copy{margin-top:auto;padding-top:260px;max-width:430px}
.auth-aside-copy .mono{font-size:.65rem;letter-spacing:.16em;color:#92a4b5}
.auth-aside-copy h2{font-size:clamp(2.25rem,4vw,4.1rem);line-height:.98;letter-spacing:-.07em;margin:16px 0}
.auth-aside-copy h2 em{font-style:normal;color:#69a2ff}
.auth-aside-copy p{max-width:330px;color:#a5b2c0;line-height:1.65}
.auth-aside-foot{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid rgba(205,221,238,.16);color:#90a0b0;font-size:.75rem}
.auth-aside-foot b{color:#fff;font:800 .9rem var(--mono)}
.auth-card{position:relative;overflow:visible;width:auto;align-self:stretch;padding:clamp(30px,5vw,62px);background:linear-gradient(155deg,rgba(255,255,255,.025),transparent 45%),#0e131a;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.auth-card::before{display:none}
.auth-mark{width:44px;height:44px;border-radius:13px;margin-bottom:24px;background:linear-gradient(140deg,#5999ff,var(--accent));box-shadow:0 12px 28px -13px var(--accent)}
.auth-overline{font:700 .65rem var(--mono);letter-spacing:.16em;color:#70a7ff}
.auth-card h1{margin:10px 0 8px;font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-.06em}
.auth-card>p.muted{margin:0 0 24px;color:#9ba9b8;line-height:1.55}
.google-btn{width:100%;min-height:50px;border-radius:12px;border:1px solid #d6dce3;background:#fff;color:#202833;display:flex;align-items:center;justify-content:center;gap:12px;font:700 .9rem var(--sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.google-btn svg{width:20px;height:20px;flex:none}
.google-btn:hover{background:#f3f6fa;box-shadow:0 9px 30px -18px rgba(255,255,255,.8);transform:translateY(-1px)}
.google-btn:active{transform:scale(.99)}
.google-btn:disabled{opacity:.65;cursor:wait}
.auth-divider{display:flex;align-items:center;gap:12px;color:#718091;font-size:.69rem;margin:21px 0}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(176,196,218,.16)}
.auth-card .fld{margin:0 0 15px}
.auth-card .fld>span:first-child{font-size:.76rem;color:#bdc7d2;font-weight:650;margin-bottom:7px}
.auth-card input{height:48px;border-radius:11px;background:#0a0f15;border-color:#293542;color:#f5f7fb}
.auth-card input:focus{border-color:#5d9bff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.auth-card .pw .eye{color:#9eacbb}
.auth-card .hint{margin-top:-6px;color:#7f8e9d;line-height:1.5}
.auth-card .meter{margin:-5px 0 13px}
.wide-btn{min-height:50px;border-radius:11px;margin-top:3px;font-weight:800}
.switch-auth{margin:23px 0 0!important;text-align:center;color:#8998a8;font-size:.83rem}
.switch-auth a{color:#70a7ff;font-weight:750}
.form-err{border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid rgba(87,151,255,.24);color:#70a7ff}

@media(max-width:980px){
  .site-header{height:auto;min-height:64px}
  .hero2{min-height:auto}
  .hero2 .hero-inner.center{padding-block:74px 60px}
  .auth-shell{grid-template-columns:.85fr 1.15fr}
  .auth-aside{min-height:590px;padding:32px}
  .auth-art{width:60%;right:0}
}
@media(max-width:700px){
  .site-header{padding:9px 16px}
  .site-header nav{order:3;flex:0 0 100%;margin:3px 0 0;padding:2px 0 5px}
  .site-header nav a{padding:8px 12px}
  .hdr-actions{gap:7px}
  .swatches{display:none}
  .kbtn{min-width:40px;width:40px;padding:0;justify-content:center}
  .kbtn .kt,.kbtn kbd{display:none}
  .hero2 .hero-inner.center{padding:64px 22px 46px}
  .hero2 h1{font-size:clamp(3rem,14vw,5rem);margin-top:28px}
  .hero2 .cta{margin-top:26px}
  .hsearch{gap:8px;padding:7px}
  .hsearch input{min-width:0;font-size:.9rem}
  .hs-go{padding:10px 13px}
  .stats2{margin-top:35px;justify-content:space-between}
  .stats2>div{min-width:0;padding-inline:13px}
  .stats2 b{font-size:1.55rem}
  .stats2 .mono{font-size:.58rem}
  .auth-wrap{padding:24px 14px}
  .auth-shell{grid-template-columns:1fr;border-radius:21px}
  .auth-aside{min-height:250px;padding:24px 25px 20px}
  .auth-aside::before{width:320px;height:320px;right:-155px;top:8px}
  .auth-aside::after{width:290px;height:70px;right:-24px;top:80px}
  .auth-art{width:38%;height:65%;top:10%;right:8%}
  .auth-art b{font-size:4rem}.auth-art span{font-size:6rem}
  .auth-aside-copy{padding-top:70px;max-width:270px}
  .auth-aside-copy .mono{font-size:.55rem}
  .auth-aside-copy h2{font-size:2rem;margin:9px 0}
  .auth-aside-copy p{font-size:.8rem;margin:0;max-width:245px}
  .auth-aside-foot{display:none}
  .auth-card{padding:30px 25px 32px}
  .auth-mark{width:36px;height:36px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Account menu, profile editing and role-specific shortcuts */
.account-menu-wrap{position:relative;display:inline-flex;align-items:center;z-index:30}
.account-menu-toggle{padding:0;border:0;overflow:hidden;cursor:pointer}
.account-menu-toggle img,.avatar-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.account-menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.account-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(330px,calc(100vw - 28px));padding:9px;border:1px solid rgba(190,211,235,.17);border-radius:18px;background:rgba(14,19,26,.98);box-shadow:0 24px 72px -28px #000;backdrop-filter:blur(20px);z-index:120;animation:account-pop-in .16s var(--ease-out) both}
.account-popover[hidden]{display:none}
@keyframes account-pop-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.account-pop-head{display:flex;align-items:center;gap:12px;padding:12px 11px 14px}
.account-menu-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:850}
.account-menu-avatar img{width:100%;height:100%;object-fit:cover}
.account-pop-head>span{display:grid;min-width:0;gap:3px}
.account-pop-head b,.account-pop-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-pop-head b{font-size:.89rem}.account-pop-head small{font-size:.72rem;color:#93a0ae}
.account-pop-head .role{width:max-content;margin-top:3px}
.account-popover>[role=menuitem]{width:100%;min-height:42px;padding:10px 12px;display:flex;align-items:center;text-align:left;border:0;border-radius:10px;background:transparent;color:#d8e0e8;font:650 .84rem var(--sans);text-decoration:none;cursor:pointer}
.account-popover>[role=menuitem]:hover,.account-popover>[role=menuitem]:focus-visible{background:rgba(255,255,255,.075);color:#fff;outline:0}
.account-popover .account-admin-link{color:#70a7ff}
.account-menu-note{padding:8px 12px 5px;color:#8c9aaa;font-size:.72rem}
.account-menu-sep{height:1px;margin:6px 4px;background:rgba(190,211,235,.12)}
.account-page .acct-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr)}
.profile-top{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid rgba(190,211,235,.13)}
.profile-top h2{margin:5px 0 9px!important;font-size:1.35rem!important}
.profile-picture{width:84px;height:84px;flex:0 0 84px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.15);border-radius:50%;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 92%,transparent),rgba(82,183,255,.78));box-shadow:0 12px 36px -19px var(--accent);font-weight:900;font-size:1.8rem}
.profile-picture img{width:100%;height:100%;object-fit:cover}
.upload-picture{position:relative;min-height:36px;padding:8px 13px!important;overflow:hidden;font-size:.78rem;cursor:pointer}
.upload-picture input{position:absolute;width:1px;height:1px;opacity:0;inset:auto auto 0 0;pointer-events:none}
.profile-top small{display:block;margin-top:6px;color:#8795a3;font-size:.69rem}
.profile-panel form{margin-bottom:21px}
.username-field{display:flex;align-items:center;border:1px solid #293542;border-radius:11px;background:#0a0f15;overflow:hidden}
.username-field:focus-within{border-color:#5d9bff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.username-field>b{padding-left:14px;color:#8594a3;font-weight:700}
.profile-panel .username-field input{border:0;box-shadow:none!important;background:transparent}
.username-field input:disabled{opacity:.62;cursor:not-allowed}
.username-hint{margin:-7px 0 16px!important;font-size:.73rem!important;line-height:1.45}
.profile-meta{margin:20px 0;border-top:1px solid rgba(190,211,235,.13);border-bottom:1px solid rgba(190,211,235,.13)}
.profile-panel .row-btns .btn{font-size:.78rem;padding:10px 14px}
@media(max-width:800px){.account-page .acct-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-popover{top:calc(100% + 9px)}.profile-top{align-items:flex-start;gap:14px}.profile-picture{width:70px;height:70px;flex-basis:70px}}

/* Admin control room and scenepack artwork */
.admin{max-width:1440px;padding-top:clamp(34px,5vw,68px)}
.adm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.adm-head h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:.94;letter-spacing:-.075em;margin:12px 0 8px;text-transform:none}
.adm-head p,.packs-toolbar p{margin:0;color:#93a1af;font-size:.9rem;line-height:1.6}
.adm-head>.mono,.adm-head>div>.mono{color:#70a7ff;letter-spacing:.16em;font-size:.67rem}
.adm-user-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(89,153,255,.25);border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:#70a7ff;font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.adm-user-chip i{width:7px;height:7px;border-radius:50%;background:#5898ff;box-shadow:0 0 14px #5898ff}
.adm-layout{grid-template-columns:205px minmax(0,1fr);gap:28px}
.adm-nav{gap:7px;padding:8px;border:1px solid rgba(190,211,235,.1);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.adm-nav{max-height:calc(100vh - 108px);overflow:auto;scrollbar-width:thin;scrollbar-color:#45434a transparent}
.adm-nav-label{padding:8px 10px 2px;color:#66727f;font:600 .56rem var(--mono);letter-spacing:.14em}
.adm-nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 11px;border-radius:10px;font-size:.78rem;color:#9eacb9}
.adm-nav a i{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.045);color:#a6b2bd;font:700 .77rem var(--sans);font-style:normal}
.adm-nav a[aria-current=page] i{background:rgba(67,139,255,.16);color:#70a7ff}
.adm-nav a[aria-current=page]{background:linear-gradient(100deg,rgba(53,130,255,.18),rgba(53,130,255,.045));color:#fff;box-shadow:inset 2px 0 #488eff}
.admin-welcome{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:202px;margin:0 0 17px;padding:30px 34px;border:1px solid rgba(88,152,255,.2);border-radius:21px;background:radial-gradient(ellipse at 83% 5%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 36%),linear-gradient(110deg,#171a21,#10141b 67%,#151319)}
.admin-welcome>div:first-child{position:relative;z-index:2}
.admin-welcome .mono,.admin-shortcuts>.mono,.panel-heading .mono,.packs-toolbar .mono{color:#70a7ff;font-size:.64rem;letter-spacing:.15em}
.admin-welcome h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.06em;margin:11px 0 5px}
.admin-welcome p{margin:0;color:#9daab6;font-size:.87rem}
.admin-welcome .btn{position:relative;z-index:2;white-space:nowrap}
.welcome-orbit{position:absolute;z-index:-1;width:235px;height:235px;right:16%;top:-18px;border:1px solid rgba(92,154,255,.14);border-radius:50%;display:grid;place-items:center;transform:rotate(-25deg)}
.welcome-orbit::before,.welcome-orbit::after{content:"";position:absolute;inset:21px;border:1px solid rgba(92,154,255,.13);border-radius:50%}
.welcome-orbit::after{inset:46px;border-style:dashed}
.welcome-orbit b{font:900 5.4rem/.8 var(--sans);letter-spacing:-.12em;color:rgba(255,255,255,.065)}
.welcome-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#5294ff;box-shadow:0 0 22px #3d87ff;top:20px;left:59px}
.welcome-orbit i:last-child{top:auto;left:auto;right:15px;bottom:58px;width:6px;height:6px;background:#6bc1ff}
.stat-grid{gap:12px;margin-bottom:16px}
.stat-luxe{position:relative;overflow:hidden;min-height:132px;padding:19px 20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#10141a;border-color:rgba(190,211,235,.11);border-radius:16px}
.stat-luxe::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(61,135,255,.75),transparent 70%);opacity:.75}
.stat-luxe .stat-mark{position:absolute;right:15px;top:15px;color:#67717c;font:600 .62rem var(--mono);letter-spacing:.1em}
.stat-luxe b{font-size:2.15rem;letter-spacing:-.07em;margin:14px 0 7px}
.stat-luxe .mono{font-size:.61rem;letter-spacing:.11em;color:#d5dbe2;text-transform:uppercase}
.stat-luxe small{display:block;margin-top:7px;color:#7f8c98;font-size:.69rem}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,.75fr);gap:14px}
.admin-feed-panel,.admin-shortcuts{border:1px solid rgba(190,211,235,.11);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.009)),#10141a;padding:21px 22px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.panel-heading h2{font-size:1.15rem;letter-spacing:-.03em;margin:5px 0 0}
.panel-heading>a{font-size:.72rem;color:#70a7ff;white-space:nowrap}
.panel-heading>a .arr{vertical-align:middle;margin-left:5px}
.admin-feed-panel .feed li{grid-template-columns:100px minmax(0,1fr);gap:8px 12px;padding:14px 0}
.admin-feed-panel .feed li .mono{grid-column:2;color:#778593;font-size:.62rem}
.admin-feed-panel .feed li>span:nth-child(2){font-size:.83rem;color:#d4dbe2}
.admin-shortcuts{display:flex;flex-direction:column;gap:7px}
.admin-shortcuts>.mono{margin:2px 0 7px}
.admin-shortcuts>a{position:relative;display:grid;gap:4px;padding:12px 31px 12px 11px;border:1px solid transparent;border-radius:11px;color:#f4f6f9;transition:background .18s,border-color .18s,transform .18s}
.admin-shortcuts>a:hover{transform:translateX(3px);border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035)}
.admin-shortcuts>a>b{font-size:.78rem}.admin-shortcuts>a>b i{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:6px;border-radius:7px;background:rgba(64,137,255,.12);color:#70a7ff;font-style:normal}
.admin-shortcuts>a>small{padding-left:29px;color:#7f8c98;font-size:.67rem}
.admin-shortcuts>a>.arr{position:absolute;right:8px;top:19px;color:#72808d}
.packs-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 20px}
.packs-toolbar h2{margin:6px 0 4px;font-size:1.65rem;letter-spacing:-.055em}
.packs-toolbar h2 small{margin-left:7px;color:#73808d;font:600 .72rem var(--mono);letter-spacing:0}
.packs-toolbar p{font-size:.78rem}
.packs-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.admin-feature-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:14px;margin-top:15px}
.admin-bars{display:grid;gap:14px}.admin-bar-row{display:grid;grid-template-columns:110px minmax(40px,1fr) 30px;align-items:center;gap:12px;font-size:.76rem;color:#c3ccd5}.admin-bar-row>i,.creator-meter>i{height:8px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.065)}.admin-bar-row>i b,.creator-meter>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3985ff,#70a7ff)}.admin-bar-row strong{font:700 .68rem var(--mono);text-align:right;color:#8995a1}
.admin-tools-row,.bulk-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid rgba(190,211,235,.1);border-radius:14px;background:rgba(255,255,255,.018)}.admin-tools-row .search,.bulk-controls .search{flex:1;min-width:220px}.admin-tools-row .search input,.bulk-controls .search input{width:100%;min-height:40px;padding:9px 13px;border:1px solid var(--line2);border-radius:10px;background:#0e131a;color:var(--text)}
.subline{display:block;margin-top:5px;color:#7c8995;font:600 .62rem var(--mono)}
.audit-cards{display:grid;gap:12px}.admin-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(190,211,235,.09)}.admin-line>span{display:grid;gap:4px}.admin-line small{color:#7d8994;font-size:.67rem}
.creator-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-admin-card,.export-card{padding:19px;border:1px solid rgba(190,211,235,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#10141a}.creator-admin-top{display:flex;align-items:center;gap:11px}.creator-admin-top>span:nth-child(2){flex:1}.creator-admin-top h3{margin:0 0 2px;font-size:.95rem}.creator-admin-top small{color:#83909c;font-size:.7rem}.creator-initial{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(64,137,255,.13);color:#70a7ff;font-weight:800}.creator-meter{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:10px;margin-top:16px;color:#85929e;font-size:.65rem}.creator-pack-list{display:grid;margin-top:14px;border-top:1px solid rgba(190,211,235,.1)}.creator-pack-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(190,211,235,.07);font-size:.72rem}.creator-pack-list small{color:#74818d;font:600 .6rem var(--mono)}
.url-cell{max-width:290px}.url-cell span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#90a0ad;font: .68rem var(--mono)}
.bulk-pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bulk-pack{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(190,211,235,.1);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.bulk-pack>input{accent-color:#488eff;width:16px;height:16px}.bulk-pack>span{display:grid;gap:3px;min-width:0;flex:1}.bulk-pack b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.bulk-pack small{color:#7d8995;font-size:.62rem}.bulk-pack em{font-style:normal;font-size:.59rem}
.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.export-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px}.export-mark{display:grid;place-items:center;min-width:48px;height:33px;padding:0 9px;border-radius:8px;background:rgba(64,137,255,.13);color:#70a7ff;font:700 .62rem var(--mono)}.export-card h3{margin:17px 0 5px;font-size:1rem}.export-card p{flex:1;margin:0 0 17px;color:#87949f;font-size:.73rem;line-height:1.55}.export-card .btn{font-size:.72rem}
.adm-tools{padding:12px;margin:0 0 12px;border:1px solid rgba(190,211,235,.1);border-radius:14px;background:rgba(255,255,255,.018)}
.adm-tools .sel{min-height:42px;border:1px solid var(--line2);border-radius:10px;background:#0e131a;color:var(--text)}
.pack-table th{padding:12px 14px}
.pack-table td{padding:11px 14px}
.pack-table .t{min-width:240px}
.pack-row-title{display:flex;align-items:center;gap:12px;min-width:230px}
.pack-row-title>span:last-child{display:grid;gap:5px}
.pack-row-title b{max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem}
.pack-row-title small{color:#788592;font:600 .61rem var(--mono)}
.pack-thumb{width:68px;height:45px;flex:0 0 68px;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1b2027}
.pack-thumb-empty{display:grid;place-items:center;color:#66a1ff;background:linear-gradient(140deg,rgba(64,137,255,.18),#12171e);font:900 1.2rem var(--sans);letter-spacing:-.08em}
.admin-type{padding:5px 8px;border:1px solid rgba(190,211,235,.11);border-radius:7px;color:#b5c0cb;font-size:.68rem;white-space:nowrap}
.empty-table{text-align:center;padding:38px 15px;display:grid;justify-items:center;gap:8px}
.empty-table>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(58,134,255,.1);color:#70a7ff;font-size:1.1rem}
.empty-table b{font-size:.86rem}.empty-table small{color:#7f8b97;font-size:.72rem}
.thumb-editor{display:flex;align-items:center;gap:18px;margin:5px 0 17px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.thumb-preview{position:relative;width:186px;height:112px;flex:0 0 186px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:radial-gradient(ellipse at 30% 20%,rgba(56,132,255,.22),transparent 65%),#0a0e13}
.thumb-preview img{width:100%;height:100%;object-fit:cover}
.thumb-preview>span{font:900 3rem/.8 var(--sans);letter-spacing:-.12em;color:rgba(255,255,255,.25)}
.thumb-preview>small{position:absolute;bottom:8px;font:600 .53rem var(--mono);letter-spacing:.15em;color:#a9b4bf}
.thumb-copy{display:grid;gap:7px;justify-items:start}
.thumb-copy>.mono{color:#70a7ff;font-size:.61rem;letter-spacing:.12em}
.thumb-copy>b{font-size:.85rem}.thumb-copy>small{color:#8895a1;font-size:.68rem;line-height:1.45}
.thumb-pick{position:relative;overflow:hidden;min-height:34px;padding:7px 12px!important;font-size:.72rem;cursor:pointer}
.thumb-pick input{position:absolute;width:1px;height:1px;opacity:0;left:0;bottom:0;pointer-events:none}
.thumb-pick:has(input:disabled){opacity:.45;cursor:not-allowed}
.thumb-remove{border:0;background:none;color:#70a7ff;font-size:.7rem;cursor:pointer}
.cover-thumb{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.d-hero:has(.cover.has-thumb){grid-template-columns:minmax(240px, min(34vw, 390px)) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,52px)}
.d-hero .cover.big.has-thumb{height:auto;aspect-ratio:1;max-height:390px;border-radius:14px;background:#11161c;box-shadow:0 24px 70px #0008}
.d-hero .cover.big.has-thumb .cover-thumb{object-fit:contain}
.d-hero .cover.big.has-thumb .cv-num{display:none}
.d-hero .cover.big.has-thumb::before{background:linear-gradient(0deg,rgba(5,8,11,.2),transparent 45%)}
.d-hero .d-title{padding-bottom:8px}
.cover.has-thumb::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(5,8,11,.5),transparent 65%)}
.cover.has-thumb .cv-lines{z-index:1;opacity:.26}
.cover.has-thumb .cv-num{z-index:2;color:rgba(255,255,255,.45);-webkit-text-stroke-color:rgba(255,255,255,.4)}
.cover.has-thumb .cv-k,.cover.has-thumb .cv-new{z-index:2}
@media(max-width:860px){.admin-overview-grid,.admin-feature-grid{grid-template-columns:1fr}.adm-head{align-items:flex-start}.admin-welcome{min-height:190px}.welcome-orbit{right:8%}.adm-nav{max-height:none}}
@media(max-width:700px){.d-hero:has(.cover.has-thumb){grid-template-columns:minmax(0,1fr);gap:24px}.d-hero .cover.big.has-thumb{width:min(100%,390px);justify-self:center}.d-hero .d-title{padding-bottom:0}}
@media(max-width:640px){.adm-head{display:block}.adm-user-chip{margin-top:14px}.adm-layout{gap:18px}.admin-welcome{display:grid;justify-items:start;padding:24px;gap:16px}.welcome-orbit{right:-90px;top:-15px}.packs-toolbar{align-items:flex-start;flex-direction:column}.packs-actions{width:100%;justify-content:stretch}.packs-actions .btn{flex:1;min-width:150px}.adm-tools .search{flex-basis:100%}.adm-tools .sel{flex:1;min-width:130px}.thumb-editor{align-items:flex-start;flex-direction:column}.thumb-preview{width:100%;height:auto;aspect-ratio:16/9;flex-basis:auto}.admin-feed-panel,.admin-shortcuts{padding:17px}.admin-feed-panel .feed li{grid-template-columns:1fr}.admin-feed-panel .feed li .mono{grid-column:1}.pack-table .t{min-width:210px}.adm-nav{flex-direction:row;position:static;overflow-x:auto;max-height:none}.adm-nav-label{display:none}.adm-nav a{white-space:nowrap;flex:0 0 auto}.creator-admin-grid,.bulk-pack-list,.export-grid{grid-template-columns:1fr}.bulk-controls .btn{flex:1}.admin-bar-row{grid-template-columns:86px minmax(35px,1fr) 25px}}

.tiktok-note{margin:0 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--muted);font-size:.78rem;line-height:1.6}
.tiktok-admin-list{display:grid;gap:12px}
.tiktok-admin-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.1fr) minmax(200px,1.25fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);animation:viewIn .45s var(--ease-out) backwards;animation-delay:calc(var(--i)*.035s)}
.tiktok-creator{display:flex;align-items:center;gap:11px;min-width:0}.tiktok-creator>span:last-child{display:grid;gap:4px;min-width:0}.tiktok-creator b{overflow-wrap:anywhere;font-size:.88rem}.tiktok-creator small,.tiktok-gate small{color:var(--muted);font-size:.68rem}
.tiktok-admin-row .fld{margin:0}.tiktok-admin-row .fld>span:first-child{display:block;margin-bottom:7px;color:var(--muted);font-size:.68rem}
.tiktok-gate{display:flex;align-items:center;gap:10px;cursor:pointer}.tiktok-gate input,.follow-confirm input{accent-color:var(--accent);width:17px;height:17px;flex:0 0 auto}.tiktok-gate span{display:grid;gap:4px}.tiktok-gate b{font-size:.75rem}
.tiktok-admin-row>.btn{min-height:38px;padding:8px 13px}.tiktok-error{grid-column:1/-1;margin:0}
.creator-tiktok-link{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:var(--muted);font-size:.72rem}.creator-tiktok-link>span{font:600 .62rem var(--mono,monospace);letter-spacing:.08em}.creator-tiktok-link>a{color:var(--accent2);font-weight:700}
.follow-dialog{position:fixed;inset:0;width:min(480px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);overflow:hidden;margin:auto;padding:32px;border:1px solid #ffffff20;border-radius:25px;background:radial-gradient(ellipse at 0 0,#182433 0,transparent 52%),linear-gradient(145deg,#111820,#0a0d11 65%);color:var(--text);box-shadow:0 35px 120px #000d,0 0 0 1px #ffffff08;isolation:isolate}.follow-dialog::backdrop{background:#030609d9;backdrop-filter:blur(9px)}.follow-glow{position:absolute;z-index:-1;right:-90px;top:-120px;width:240px;height:240px;border-radius:50%;background:#fe424230;filter:blur(55px);pointer-events:none}
.follow-dialog>form:first-of-type{position:absolute;right:17px;top:17px}.follow-close{width:38px;height:38px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#c7d0da;font-size:1.35rem;cursor:pointer;transition:.2s}.follow-close:hover{background:#ffffff16;transform:rotate(90deg)}.follow-heading{display:flex;align-items:center;gap:11px;margin:0 0 18px}.follow-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#4f92ff,#d52e3e);color:#fff;font-size:1.25rem;box-shadow:0 6px 20px #ff45452e}.follow-heading .mono{color:#6aa3ff;font-size:.64rem;letter-spacing:.16em}.follow-dialog h2{max-width:380px;margin:0 0 9px;font-size:clamp(1.55rem,5vw,1.9rem);line-height:1.16;letter-spacing:-.045em}.follow-handle{color:#69a2ff}.follow-intro{margin:0 0 22px;color:#a9b4c1;font-size:.91rem;line-height:1.6}.follow-steps{display:grid;gap:9px;margin:0 0 19px}.follow-step{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:12px;min-height:65px;padding:11px 13px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05;transition:border-color .2s,background .2s}.follow-step-num{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff20;border-radius:10px;color:#9caaba;font-size:.66rem;font-weight:800}.follow-step strong,.follow-step small{display:block}.follow-step strong{font-size:.8rem}.follow-step small{margin-top:4px;color:#8e9baa;font-size:.7rem}.follow-step-state{justify-self:end;color:#aab7c5;font-size:1rem}.follow-return-state{font-size:.66rem;font-weight:800}.follow-tiktok,.follow-continue{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;padding:0 17px;border-radius:13px;text-decoration:none;font-weight:750}.follow-tiktok{margin:0 0 10px;border:1px solid #ffffff25;background:#ffffff08;color:#f5f7fb;transition:.2s}.follow-tiktok:hover{border-color:#69a2ff;background:#ff514b13;transform:translateY(-1px)}.follow-continue{border:1px solid transparent;transition:.2s}.follow-continue:disabled{opacity:.38;filter:saturate(.5);cursor:not-allowed}.follow-continue:not(:disabled){box-shadow:0 8px 24px #ff464633}.follow-ready .follow-step-two{border-color:#ff716966;background:#ff514b0d}.follow-ready .follow-return-state{color:#6ea6ff}.follow-note{display:block;margin-top:16px;color:#8491a0;font-size:.68rem;line-height:1.55}
@media(max-width:900px){.tiktok-admin-row{grid-template-columns:minmax(140px,1fr) minmax(180px,1fr)}.tiktok-admin-row>.btn{justify-self:start}.tiktok-error{grid-column:1/-1}}
@media(max-width:540px){.tiktok-admin-row{grid-template-columns:1fr;padding:14px}.tiktok-admin-row .fld,.tiktok-gate{width:100%}.tiktok-admin-row>.btn{width:100%;justify-content:center}.follow-dialog{padding:27px 21px;border-radius:21px}.follow-dialog>form:first-of-type{right:12px;top:12px}.follow-heading{margin-bottom:15px}.follow-step{grid-template-columns:31px 1fr 20px;padding:10px}.follow-step strong{font-size:.75rem}}