@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&family=Russo+One&family=Barlow+Condensed:wght@400;700;900&display=swap";
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}:root{--pk:#ff6b9d;--pk2:#f9b;--pk3:#ffd6e8;--pk4:#fff0f7;--bl:#6ec6ff;--bl2:#bae6ff;--bl3:#e8f5ff;--pur:#b07fff;--txt:#3d2e4a;--txt2:#8a7898;--white:#fefcff;--cloud-bg:linear-gradient(135deg,#fff0f8 0%,#f0f8ff 50%,#fff5fb 100%);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--sh-sm:0 2px 0;--sh-md:0 3px 0;--sh-lg:0 5px 0;--sh-xl:0 8px 0;--green:#22c55e;--txt-muted-pink:#c8a;--bl-dark:#5ba8d4}body{background:var(--cloud-bg);color:var(--txt);font-family:Nunito,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 20% 30%,#ff6b9d14,#0000),radial-gradient(500px 350px at 80% 60%,#6ec6ff14,#0000);position:fixed;inset:0}html,body{height:100dvh;overflow:hidden}.app-body{z-index:1;justify-content:center;align-items:center;height:100dvh;padding:0;display:flex;position:relative}.app-card{background:var(--white);width:100%;height:100%;box-shadow:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.content-area{-webkit-overflow-scrolling:touch;background:linear-gradient(#fffafc 0%,#f8fcff 100%);flex:1;padding:10px 12px;position:relative;overflow:hidden auto}.content-area:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");position:absolute;inset:0}.content-area>*{z-index:1;position:relative}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pk2),var(--bl));border-radius:2px}.content-area::-webkit-scrollbar-track{background:#ff96b40f}@media (min-width:768px){.app-body{padding:20px}.app-card{border:1px solid #fff6;border-radius:24px;max-width:1600px;height:100%;max-height:100%;box-shadow:0 20px 60px #ff64a033,0 8px 24px #64b4ff26,0 12px 40px #b07fff1a,inset 0 1px #ffffffe6}.content-area{padding:14px 14px 16px}}.cbtn{border:2px solid var(--pk3);box-shadow:0 5px 0 var(--pk2),0 7px 18px #ff6b9d33,inset 0 1px 0 #fff;cursor:pointer;color:var(--pk);background:linear-gradient(160deg,#fff 0%,#fff8fc 50%,#fff5f8 100%);border-radius:18px;align-items:center;gap:6px;padding:11px 20px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:inline-flex}.cbtn:hover{box-shadow:0 7px 0 var(--pk2),0 10px 22px #ff6b9d4d,0 0 0 2px #ff6b9d1f,inset 0 1px 0 #fff;transform:translateY(-2px)}.cbtn:active{box-shadow:0 1px 0 var(--pk2),0 3px 8px #ff6b9d26,inset 0 1px 0 #fff;filter:brightness(.98);transform:translateY(4px)}.cbtn.blue{border-color:var(--bl2);color:#4aade0;box-shadow:0 5px #87ceeb,0 7px 18px #6ec6ff33,inset 0 1px #fff}.cbtn.blue:hover{box-shadow:0 7px #87ceeb,0 10px 22px #6ec6ff4d,0 0 0 2px #6ec6ff1f,inset 0 1px #fff}.cbtn.blue:active{box-shadow:0 1px #87ceeb,0 3px 8px #6ec6ff26,inset 0 1px #fff}.cbtn.filled{background:linear-gradient(160deg,var(--pk),#ff88b5 50%,#ff7dae 100%);color:#fff;border-color:#e05585;box-shadow:0 5px #c36,0 7px 18px #ff6b9d66,inset 0 1px #ffdceb80}.cbtn.filled:hover{text-shadow:0 1px 4px #ffffff4d;box-shadow:0 7px #c36,0 10px 22px #ff6b9d80,0 0 0 3px #ff6b9d33,inset 0 1px #ffdceb80}.cbtn.filled:active{box-shadow:0 1px #c36,0 3px 8px #ff6b9d33,inset 0 1px #ffdceb80}.cbtn.purple{color:var(--pur);background:linear-gradient(160deg,#f5edff,#ede0ff 50%,#e8d8ff 100%);border-color:#d4b0ff;box-shadow:0 5px #c08fee,0 7px 18px #9664ff33,inset 0 1px #fff}.cbtn.sm{border-radius:14px;padding:7px 14px;font-size:12px}.cbtn.xs{box-shadow:0 3px 0 var(--pk2),0 4px 10px #ff6b9d26;border-radius:10px;padding:5px 10px;font-size:11px}.cbtn.xs.blue{box-shadow:0 3px #87ceeb,0 4px 10px #6ec6ff26}.cbtn.xs:active{box-shadow:0 1px 0 var(--pk2);transform:translateY(2px)}.cbtn.active-tab{background:linear-gradient(160deg,var(--pk),#ff88b5);color:#fff;border-color:#e05585;box-shadow:0 5px #c36,0 7px 18px #ff6b9d59,inset 0 1px #ffdceb80}.cinput{border:2px solid var(--pk3);width:100%;color:var(--txt);background:#fff;border-radius:14px;outline:none;padding:11px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #ff96b41a}.cinput:focus{border-color:var(--pk);box-shadow:inset 0 2px 6px #ff6b9d1f,0 0 0 3px #ff6b9d1a,0 0 12px #ff6b9d14}.cinput::placeholder{color:var(--txt2);font-weight:600}.ccard{border:2px solid var(--pk3);box-shadow:0 5px 0 var(--pk3),0 8px 20px #ff96b426,inset 0 1px 0 #fffc;background:#fff;border-radius:20px;transition:box-shadow .2s,transform .2s}.top-section{background:linear-gradient(160deg,#fff0f8 0%,#f5f0ff 50%,#f0f8ff 100%);flex-shrink:0;height:160px;padding:12px 16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #ff96b41a}.top-section-inner{align-items:center;gap:16px;max-width:800px;height:100%;margin:0 auto;display:flex}.avatar-wrap{flex-shrink:0;position:relative}.avatar-frame{width:100px;height:100px;box-shadow:0 6px 0 var(--pk2),0 10px 24px #ff6b9d47,inset 0 0 0 1px #ffffff80;border:3px solid #fff;border-radius:24px;position:relative;overflow:hidden}.top-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.charksie-name{margin-bottom:4px;font-family:Fredoka One,cursive;font-size:28px;line-height:1.1}.top-tagline{color:var(--txt2);margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.45}.top-description{display:none}.social-row{flex-wrap:wrap;gap:6px;margin-bottom:0;display:flex}.social-schedule-wrap{flex-direction:column;width:fit-content;max-width:100%;display:flex}.live-schedule-badge{border:1.5px solid var(--bl2);color:var(--bl-dark);background:linear-gradient(90deg,#6ec6ff1f,#ff6b9d14);border-radius:16px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:10px;font-weight:800;display:flex}.hooray-desktop{display:none}@media (min-width:768px){.top-section{height:260px;padding:24px 32px 20px}.top-section-inner{gap:32px}.avatar-frame{width:180px;height:180px;box-shadow:0 8px 0 var(--pk2),0 14px 32px #ff6b9d47,inset 0 0 0 1px #ffffff80;border:4px solid #fff;border-radius:34px}.charksie-name{margin-bottom:8px;font-size:42px}.top-tagline{margin-bottom:12px;font-size:16px}.top-description{color:var(--txt2);max-width:500px;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.4;display:block}.social-row{gap:8px;margin-bottom:12px}.social-chip{padding:6px 12px;font-size:13px}.live-schedule-badge{border:1.5px solid var(--bl2);color:var(--bl-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#6ec6ff1f,#ff6b9d14);border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 8px #6ec6ff1f}.post-footer-title{white-space:nowrap;text-overflow:ellipsis;display:block}.hooray-desktop{display:block}}.social-chip{border:1.5px solid var(--pk3);color:var(--txt2);cursor:pointer;box-shadow:0 2px 0 var(--pk3);background:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),background .2s;display:inline-flex}.social-chip-label{display:none}@media (min-width:768px){.social-chip-label{display:inline}}.social-chip:hover{box-shadow:0 3px 0 var(--pk3);background:#fff0f799;transform:translateY(-1px)}.social-chip:active{box-shadow:none;transform:translateY(1px)}.hooray{pointer-events:none;border:2.5px solid var(--pk);color:var(--pk);box-shadow:3px 3px 0 var(--pk3);background:#fff;border-radius:12px;padding:5px 11px;font-family:Fredoka One,cursive;font-size:15px;animation:.5s cubic-bezier(.34,1.56,.64,1) both hoorayPop;position:absolute}.hooray:after{content:"";border:6px solid #0000;border-top-color:var(--pk);position:absolute;bottom:-9px;left:12px}@keyframes hoorayPop{0%{opacity:0;transform:scale(0)rotate(-12deg)}70%{transform:scale(1.12)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pixel-cell-exit{will-change:opacity,transform;animation:.35s ease-in forwards pixelShatter}@keyframes pixelShatter{0%{opacity:1;transform:scale(1)rotate(0)}40%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.3)rotate(var(--r,5deg))}}@keyframes noiseShift{0%{background-position:0 0}20%{background-position:-4px 3px}40%{background-position:3px -3px}60%{background-position:-3px 4px}80%{background-position:4px -2px}to{background-position:-2px 3px}}.tab-nav{border-bottom:2px solid var(--pk3);background:linear-gradient(#fff 0%,#fffbfd 100%);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px 0;display:grid;position:relative;box-shadow:0 2px 6px #ff96b40f}.tab-btn{color:var(--txt2);cursor:pointer;text-align:center;background:0 0;border:none;padding:10px 4px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:all .2s}.tab-btn:hover{color:var(--pk)}.tab-btn:active{transform:scale(.95)}.tab-btn.active{color:var(--pk)}.tab-icon{margin-bottom:2px;font-size:18px;display:block}.shark-fin-bg{position:relative}.shark-fin-shape{background:linear-gradient(#ff6b9d2e 0%,#ff6b9d0a 60%,#6ec6ff0f 100%);border:1.5px solid #ff6b9d1a;border-radius:50% 50% 14px 14px/30% 30% 14px 14px;width:100%;height:100%;position:relative;box-shadow:inset 0 -2px 4px #6ec6ff14}.shark-fin-shape.swimming{animation:.6s ease-in-out finSwim}@keyframes finSwim{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(2deg)}40%{transform:translateY(0)rotate(-1deg)}60%{transform:translateY(-3px)rotate(1.5deg)}80%{transform:translateY(0)rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}.fin-ripple{background:var(--pk3);opacity:.7;pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scale(0)}.fin-ripple-1{animation:.6s ease-out forwards finRipple}.fin-ripple-2{animation:.6s ease-out .1s forwards finRipple}.fin-ripple-3{animation:.6s ease-out .2s forwards finRipple}@keyframes finRipple{0%{opacity:.7;transform:translate(-50%)scale(0)}to{opacity:0;transform:translate(-50%)scale(3)}}.fin-wake{gap:4px;display:flex;position:absolute;bottom:8px;left:-10px}.fin-wake-dot{background:var(--pk3);border-radius:50%;width:4px;height:4px;animation:.6s ease-out forwards wakeFade}@keyframes wakeFade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.nav-wave-line{background:linear-gradient(90deg,transparent 0%,var(--pk3)10%,var(--bl3)30%,var(--pk3)50%,var(--bl3)70%,var(--pk3)90%,transparent 100%);opacity:.6;z-index:0;height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 1px 4px #ff96b426}.stream-grid{gap:6px;height:clamp(110px,22dvh,180px);margin-bottom:20px;display:flex}a.stream-frame{color:inherit;text-decoration:none;display:block}.stream-frame{box-shadow:0 4px 0 var(--pk2),0 8px 16px #ff6b9d33,inset 0 0 0 1px #ffffff4d;background:#0d0508;border:2px solid #fff;border-radius:14px;position:relative;overflow:hidden}.stream-frame-twitch,.stream-frame-tiktok,.stream-frame-vod{min-width:0;height:100%}.stream-frame-twitch{flex:2}.stream-frame-tiktok,.stream-frame-vod{flex:1}.stream-platform-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;pointer-events:none;color:#fff;background:#0000008c;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-family:Nunito,sans-serif;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}@media (min-width:768px){.stream-grid{grid-template-columns:2.5fr 1fr 1fr;gap:16px;height:auto;min-height:clamp(180px,28vh,260px);margin-bottom:24px;display:grid}.stream-frame{box-shadow:0 7px 0 var(--pk2),0 12px 28px #ff6b9d40,inset 0 0 0 1px #ffffff4d;border:3px solid #fff;border-radius:20px}.stream-frame-twitch{aspect-ratio:16/9;flex:none;height:100%}.stream-frame-tiktok{aspect-ratio:auto;flex:none;width:100%;height:100%}.stream-frame-vod{aspect-ratio:auto;flex:none;height:100%}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-dot{background:#ff3030;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s ease-in-out infinite livePulse;box-shadow:0 0 7px #ff3030,0 0 14px #ff303066}.posts-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.post-card-v2{border:2px solid var(--pk3);box-shadow:0 3px 0 var(--pk2),0 6px 14px #ff96b41f;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;overflow:hidden}.post-card-v2:hover{box-shadow:0 6px 0 var(--pk2),0 12px 24px #ff96b433;transform:translateY(-3px)}.post-thumb{aspect-ratio:4/5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.post-thumb{aspect-ratio:2/3}}.post-thumb-emoji{filter:drop-shadow(0 2px 8px #0000001a);font-size:40px}@media (min-width:768px){.post-thumb-emoji{font-size:48px}}.post-engage-overlay{background:linear-gradient(#0000,#00000073);align-items:center;gap:10px;padding:20px 8px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.post-engage-stat{color:#fff;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.post-footer{flex-direction:column;flex:1;padding:4px 6px;display:flex}.post-footer-title{color:var(--txt);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:4px;font-size:10px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.post-footer-badges{grid-template-columns:1fr 1fr;gap:4px;margin-top:auto;display:grid}.post-badge-ig{grid-column:1/-1}.post-badge-tiktok,.post-badge-yt,.post-badge-ig{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;min-height:22px;padding:4px 8px;font-size:9px;font-weight:800;text-decoration:none;transition:opacity .15s;display:inline-flex}.post-badge-tiktok:hover,.post-badge-yt:hover,.post-badge-ig:hover{opacity:.8}.post-badge-tiktok{color:var(--pk);background:var(--pk4);border:1px solid var(--pk3)}.post-badge-ig{color:#e040fb;background:#fbf0ff;border:1px solid #e8c8ff}.post-badge-yt{color:red;background:#fff0f0;border:1px solid #ffc8c8}@media (max-width:400px){.post-badge-tiktok,.post-badge-yt,.post-badge-ig{min-height:18px;padding:2px 5px;font-size:8px}}.cat-btn{border:1.5px solid var(--pk3);color:var(--txt-muted-pink);cursor:pointer;box-shadow:0 3px 0 var(--pk3);text-align:center;background:#fff;border-radius:14px;padding:10px 6px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800;transition:all .12s}.cat-btn.active{background:linear-gradient(160deg,var(--pk),#ff88b5);color:#fff;border-color:#e05585;box-shadow:0 3px #c36}.filter-tab{cursor:pointer;border:1.5px solid var(--pk3);color:var(--txt-muted-pink);box-shadow:0 2px 0 var(--pk3);background:#fff;border-radius:20px;padding:5px 11px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800;transition:all .12s}.filter-tab.active{background:var(--pk);border-color:var(--pk);color:#fff;box-shadow:0 2px #c36}.prod-card{border:2px solid var(--pk3);box-shadow:0 3px 0 var(--pk3),0 6px 14px #ff96b41a;cursor:pointer;background:#fff;border-radius:16px;transition:transform .15s,box-shadow .15s;overflow:hidden}.prod-card:hover{box-shadow:0 8px 0 var(--pk2),0 14px 28px #ff6b9d33,0 0 0 2px #ff6b9d14,inset 0 1px 0 #ffffff80;transform:translateY(-4px)scale(1.02)}.prod-art{background:linear-gradient(135deg,var(--pk4),var(--bl3));justify-content:center;align-items:center;height:80px;font-size:30px;display:flex;position:relative;overflow:hidden}.prod-art-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;background:#ff6b9de0;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:opacity .2s;display:flex;position:absolute;inset:0}.prod-card:hover .prod-art-overlay{opacity:1}.badge-fw{color:#6b2ff5;letter-spacing:.5px;text-transform:uppercase;background:#ede7ff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.badge-sl{color:#099;letter-spacing:.5px;text-transform:uppercase;background:#e0f7f5;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.skeleton{background:linear-gradient(90deg,#ffe8f2 25%,#fff8fc 50%,#ffe8f2 75%) 0 0/200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prod-modal-bg{-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);z-index:1000;background:#280a1eb3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.prod-modal{background:#fff;border:1px solid #fff6;border-radius:24px;width:100%;max-width:380px;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;overflow:hidden;box-shadow:0 20px 60px #ff64a066,inset 0 1px #fffc}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.variant-btn{border:2px solid var(--pk3);color:var(--txt2);cursor:pointer;box-shadow:0 2px 0 var(--pk3);background:#fff;border-radius:10px;padding:6px 12px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:all .12s}.variant-btn.active{background:var(--pk);border-color:var(--pk);color:#fff;box-shadow:0 2px #c36}.help-btn-row{border:2px solid var(--pk3);cursor:pointer;width:100%;box-shadow:0 3px 0 var(--pk3),inset 0 1px 0 #fffc;background:#fff;border-style:solid;border-radius:16px;align-items:center;gap:12px;padding:12px;font-family:Nunito,sans-serif;transition:transform .1s,box-shadow .15s;display:flex}.help-btn-row:hover{box-shadow:0 4px 0 var(--pk2),0 6px 12px #ff96b41f,inset 0 1px 0 #fffc;transform:translate(4px)}.faq-item{border:2px solid var(--pk3);box-shadow:0 3px 0 var(--pk3),inset 0 1px 0 #fffc;cursor:pointer;background:#fff;border-radius:16px;margin-bottom:6px;padding:11px 13px;transition:transform .1s,background .15s}.faq-item:hover{background:#fff0f766;transform:translate(4px)}.creator-card{border:2px solid var(--pk3);box-shadow:0 3px 0 var(--pk3);background:#fff;border-radius:16px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:flex}.creator-card:hover{box-shadow:0 5px 0 var(--pk2),0 8px 16px #ff96b41f;transform:translateY(-2px)}.back-btn{background:var(--pk4);border:1.5px solid var(--pk3);color:var(--pk);cursor:pointer;box-shadow:0 2px 0 var(--pk3);border-radius:10px;align-items:center;gap:5px;margin-bottom:10px;padding:5px 12px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.back-btn:hover{background:var(--pk3)}.login-card{border:2.5px solid var(--pk3);box-shadow:0 8px 0 var(--pk2),0 14px 32px #ff64a033,inset 0 1px 0 #fffc;background:#fff;border-radius:24px;padding:28px 22px}@media (max-height:640px){.login-card{padding:20px 18px}}.age-gate{background:linear-gradient(135deg,var(--pk4),var(--bl3));border:2px solid var(--pk3);text-align:center;color:var(--txt2);border-radius:16px;padding:12px 16px;font-size:12px;font-weight:700}.fn-bg{background:#060910;border-radius:20px;padding:12px;font-family:Rajdhani,sans-serif;position:relative;overflow:hidden}.fn-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 40%,#0009 100%);animation:8s ease-in-out infinite fnVignetteBreath;position:absolute;inset:0}.fn-grid-bg{background-image:repeating-linear-gradient(0deg,#00d4ff08 0,#0000 1px 3px),linear-gradient(#00d4ff0d 1px,#0000 1px),linear-gradient(90deg,#00d4ff0d 1px,#0000 1px);background-size:100% 3px,32px 32px,32px 32px;position:absolute;inset:0}.fn-grid-bg:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00d4ff08 50%,#0000 100%) 0 0/100% 30%;animation:8s linear infinite fnScanline;position:absolute;inset:0}.fn-title{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(#fff 0%,#00d4ff 40%,#7b2fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #00d4ff80)drop-shadow(0 0 48px #7b2fff4d);text-align:center;-webkit-background-clip:text;background-clip:text;font-family:Russo One,sans-serif;font-size:clamp(32px,8vw,56px);line-height:1;position:relative}.fn-title:after{content:"";background:linear-gradient(90deg,#0000,#00d4ff,#7b2fff,#0000);border-radius:1px;width:60%;height:2px;margin:6px auto 0;display:block;box-shadow:0 0 8px #00d4ff66}@keyframes fnGlow{0%{filter:drop-shadow(0 0 16px #00d4ff66)drop-shadow(0 0 32px #7b2fff33)}to{filter:drop-shadow(0 0 40px #7b2fffb3)drop-shadow(0 0 60px #00d4ff4d)}}.fn-card{cursor:pointer;--card-glow:#00d4ff4d;--card-border-hover:#00d4ff80;background:#0f1525;border:1px solid #00d4ff33;border-radius:8px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.fn-card:before{content:"";background:radial-gradient(ellipse at center,var(--card-glow),transparent 70%);opacity:0;pointer-events:none;z-index:0;transition:opacity .25s;position:absolute;inset:0}.fn-card:hover{box-shadow:0 16px 40px #00000080,0 0 20px var(--card-glow);border-color:var(--card-border-hover);transform:scale(1.02)translateY(-6px)}.fn-card:hover:before{opacity:.15}.fn-card.rare{--card-glow:#00b4ff4d;--card-border-hover:#00b4ff99}.fn-card.epic{--card-glow:#b44fff4d;--card-border-hover:#b44fff99}.fn-card.legendary{--card-glow:#ffd7004d;--card-border-hover:#ffd70099;animation:4s ease-in-out infinite fnBorderGlow}.fn-card.rare .fn-stripe{background:linear-gradient(90deg,#0070e0,#00b4ff)}.fn-card.epic .fn-stripe{background:linear-gradient(90deg,#5000cc,#b44fff)}.fn-card.legendary .fn-stripe{background:linear-gradient(90deg,#f60,gold)}.fn-card.rare .fn-art{background:linear-gradient(160deg,#001a3d,#003070)}.fn-card.epic .fn-art{background:linear-gradient(160deg,#12002d,#2d0066)}.fn-card.legendary .fn-art{background:linear-gradient(160deg,#2d1100,#6b3000)}.fn-art{justify-content:center;align-items:center;height:80px;font-size:40px;display:flex;position:relative;overflow:hidden}.fn-art:before{content:"";background:radial-gradient(circle at center,var(--card-glow,#00d4ff33),transparent 60%);pointer-events:none;animation:3s ease-in-out infinite fnNeonPulse;position:absolute;inset:0}@keyframes fnFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}.fn-art-emoji{filter:drop-shadow(0 0 16px #fff6);z-index:1;animation:4s ease-in-out infinite fnFloat;position:relative}.fn-card.rare .fn-art-emoji{filter:drop-shadow(0 0 16px #00b4ff80)}.fn-card.epic .fn-art-emoji{filter:drop-shadow(0 0 16px #b44fff80)}.fn-card.legendary .fn-art-emoji{filter:drop-shadow(0 0 16px #ffd70080)}.fn-badge-value{color:#000;letter-spacing:2px;text-shadow:0 1px 2px #0003;z-index:2;background:#0f8;padding:2px 32px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:900;position:absolute;top:6px;right:-30px;transform:rotate(45deg);box-shadow:0 0 14px #00ff8880,0 0 28px #00ff8840}.fn-stripe{position:relative;overflow:hidden}.fn-stripe:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:3s ease-in-out infinite fnShineSwipe;position:absolute;top:0;left:-100%}.fn-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#0070e0,#00b4ff);border:none;border-radius:4px;width:100%;padding:7px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0070e04d}.fn-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.fn-btn:hover{filter:brightness(1.15);transform:scale(1.03);box-shadow:0 4px 16px #0070e066}.fn-btn:hover:after{left:100%}.fn-btn:active{filter:brightness(.95);transform:scale(.97)}.fn-btn.epic{background:linear-gradient(90deg,#5000cc,#b44fff);box-shadow:0 2px 8px #5000cc4d}.fn-btn.epic:hover{box-shadow:0 4px 16px #b44fff66}.fn-btn.legendary{background:linear-gradient(90deg,#f60,gold);box-shadow:0 2px 8px #ff66004d}.fn-btn.legendary:hover{box-shadow:0 4px 16px #ffd70066}.fn-back-btn{letter-spacing:2px;text-transform:uppercase;color:#00d4ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:7px 14px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.fn-back-btn:hover{text-shadow:0 0 8px #00d4ff80;background:#00d4ff33;box-shadow:0 0 12px #00d4ff4d}.fn-header-bar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fn-header-bar .fn-back-btn{margin-bottom:0}.fn-cart-fab{z-index:10;cursor:pointer;background:linear-gradient(135deg,#0f1525,#1a2540);border:1px solid #00d4ff;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 12px #00d4ff33}.fn-cart-fab:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff59}.fn-cart-badge{color:#fff;background:#ff3dac;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Russo One,sans-serif;font-size:10px;display:flex;box-shadow:0 0 7px #ff3dac,0 0 14px #ff3dac66}@keyframes badgeBump{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.bump{animation:.4s cubic-bezier(.34,1.56,.64,1) badgeBump}.fn-checkout-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#060910f2;border-radius:0;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.fn-input{color:#fff;background:#0f1525;border:1px solid #00d4ff4d;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-family:Rajdhani,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.fn-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26,0 0 12px #00d4ff1a}.fn-input::placeholder{color:#ffffff4d}@keyframes victoryPop{0%{transform:scale(0)rotate(-20deg)}70%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.sect-title{color:var(--pk);letter-spacing:.3px;text-shadow:0 1px #fffc;align-items:center;gap:7px;margin-bottom:8px;font-family:Fredoka One,cursive;font-size:14px;display:flex}.sect-title:before{content:"";background:linear-gradient(180deg,var(--pk),var(--pur),var(--bl));border-radius:2px;width:4px;height:17px;display:inline-block;box-shadow:0 0 6px #b07fff4d}.scroll-box{max-height:380px;padding-right:2px;overflow-y:auto}.scroll-box::-webkit-scrollbar{width:4px}.scroll-box::-webkit-scrollbar-thumb{background:var(--pk2);border-radius:2px}.panel-btn{border:1.5px solid var(--pk3);color:var(--txt-muted-pink);cursor:pointer;box-shadow:0 3px 0 var(--pk3);text-align:center;background:#fff;border-radius:14px;flex:1;padding:8px 4px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .12s}.panel-btn.active{background:linear-gradient(160deg,var(--pk),#ff88b5);color:#fff;border-color:#e05585;box-shadow:0 3px #c36}.shop-layout{align-items:flex-start;gap:10px;display:flex}.shop-sidebar{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:6px;width:72px;display:flex;position:sticky;top:0}.shop-grid-area{flex:1;min-width:0}.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}@media (max-width:767px){.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}.feetnite-mode .top-section,.feetnite-mode .tab-nav{display:none}.app-card:has(.prod-modal-bg) .tab-nav{display:none}.feetnite-mode .content-area{background:#060910;padding:0}.feetnite-mode .content-area:before{display:none}.feetnite-mode .content-area::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#7b2fff)}.feetnite-mode .content-area::-webkit-scrollbar-track{background:#00d4ff0d}.feetnite-mode .fn-bg{border-radius:0;min-height:100dvh}.fn-divider{z-index:1;align-items:center;gap:16px;margin:12px 0;display:flex;position:relative}.fn-divider:before,.fn-divider:after{content:"";background:linear-gradient(90deg,#0000,#00d4ff,#7b2fff,#0000) 0 0/200% 100%;flex:1;height:1px;animation:4s linear infinite fnDividerFlow}.fn-divider-label{letter-spacing:5px;text-transform:uppercase;color:#00d4ff;opacity:.7;white-space:nowrap;text-shadow:0 0 8px #00d4ff4d;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700}.fn-section-title{letter-spacing:5px;text-transform:uppercase;color:gold;text-shadow:0 0 10px #ffd7004d;align-items:center;gap:10px;margin:14px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;display:flex}.fn-section-title:before{content:"";background:gold;width:20px;height:2px;box-shadow:0 0 6px #ffd70066}.season-theme-banner{cursor:default;background:url("/Norse theme.jpg") 50%/cover no-repeat;border:1px solid #ffffff14;border-radius:8px;margin-bottom:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d}.season-theme-banner:hover{border-color:#ffffff26;box-shadow:0 6px 24px #0006}.season-theme-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0009 0%,#0000004d 50%,#0000001a 100%);position:absolute;inset:0}.season-theme-banner:after{content:"";background:linear-gradient(90deg,var(--stb-c1),var(--stb-c2),var(--stb-c3,#fff),var(--stb-c1));background-size:200% 100%;height:3px;animation:3s linear infinite fnDividerFlow;position:absolute;top:0;left:0;right:0}.stb-inner{z-index:1;align-items:stretch;gap:0;display:flex;position:relative}.stb-swatch{display:none}.stb-bottle{z-index:1;font-size:30px;animation:3s ease-in-out infinite swatchFloat;position:relative}@keyframes swatchFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}.stb-swatch-dot{background:var(--stb-c1);width:18px;height:18px;box-shadow:0 0 12px var(--stb-c1);z-index:1;border:2px solid #fff6;border-radius:50%;animation:2s ease-in-out infinite fnNeonPulse;position:relative}.stb-info{background:#0003;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px 14px;display:flex}.stb-eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--stb-c1);opacity:.8;margin-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.stb-color-name{color:#fff;text-shadow:0 2px 4px #0009,0 0 30px var(--stb-c1),0 0 60px var(--stb-c1);font-family:Russo One,sans-serif;font-size:clamp(20px,3.5vw,30px);line-height:1}.stb-color-sub{color:#fff9;text-shadow:0 1px 3px #00000080;margin-top:2px;font-family:Rajdhani,sans-serif;font-size:14px}.stb-shimmer{background:#0003;border-left:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:10px;width:160px;padding:18px 20px;display:flex}.stb-swatch-strip{align-items:center;gap:5px;display:flex}.stb-chip{width:22px;height:22px;box-shadow:0 0 10px var(--c);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.stb-chip:hover{box-shadow:0 0 10px var(--c),0 0 20px var(--c);transform:scale(1.3)}.stb-season-num{letter-spacing:2px;color:#fff3;text-transform:uppercase;font-family:Russo One,sans-serif;font-size:11px}.stb-limited{letter-spacing:3px;text-transform:uppercase;color:var(--stb-c1);border:1px solid var(--stb-c1);opacity:.8;text-shadow:0 0 8px var(--stb-c1);border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.stb-dot-live{background:var(--stb-c1);border-radius:50%;width:5px;height:5px;animation:1.2s infinite livePulse;display:inline-block}@media (max-width:600px){.stb-shimmer{display:none}}.skins-grid-compact{z-index:1;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid;position:relative}.skin-card-compact{text-align:center;cursor:pointer;background:#0f1525;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.skin-card-compact:hover{border-color:#00d4ff4d;transform:translateY(-3px);box-shadow:0 6px 16px #0000004d,0 0 12px #00d4ff26}.skin-card-compact:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(#00d4ff1a,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.skin-card-compact:hover:before{opacity:1}.skin-card-compact.skin-selected{background:linear-gradient(135deg,#0a1f15,#0f1525);border-color:#00ff8880;box-shadow:0 0 16px #0f83,0 0 32px #00ff8814}.skin-card-compact.skin-selected:before{opacity:1;background:radial-gradient(#00ff881f,#0000 70%)}.skin-card-compact.skin-locked{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.skin-card-compact.skin-locked:hover{box-shadow:none;border-color:#ffffff14;transform:none}.skin-check-badge{color:#000;z-index:2;background:#0f8;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #0f86}.skin-lock-icon{opacity:.5;z-index:2;font-size:10px;position:absolute;top:3px;right:3px}.bp-cta{cursor:pointer;z-index:1;background:linear-gradient(135deg,#0d0025,#1a0040,#0d0035);border:2px solid #b44fff66;border-radius:10px;align-items:stretch;margin-top:4px;margin-bottom:8px;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.bp-cta:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#b44fff26 50%,#0000 60%) 0 0/200% 100%;animation:3s ease-in-out infinite bpShimmer;position:absolute;inset:0}@keyframes bpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bp-cta:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#b44fff4d,#00d4ff33,#b44fff4d) border-box;border:2px solid #0000;border-radius:12px;animation:4s ease-in-out infinite bpBreathBorder;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes bpBreathBorder{0%,to{opacity:.4}50%{opacity:.8}}.bp-cta-content{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.bp-cta-header{align-items:center;gap:10px;display:flex}.bp-cta-items{flex-flow:wrap;gap:6px 14px;display:flex}.bp-cta-line{color:#ffffffa6;white-space:nowrap;background:#b44fff1a;border:1px solid #b44fff2e;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:Rajdhani,sans-serif;font-size:12px;display:flex}.bp-check{color:#b44fff;text-shadow:0 0 6px #b44fff80;background:#b44fff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:900;display:inline-flex}.bp-cta:hover{border-color:#b44fffb3;transform:translateY(-3px);box-shadow:0 0 24px #b44fff4d,0 8px 32px #0006}.bp-cta-active{border-color:#00ff8880;box-shadow:0 0 16px #00ff8826,0 0 32px #00ff8814}.bp-cta-active:after{background:linear-gradient(135deg,#00ff884d,#00d4ff33,#00ff884d) border-box}@keyframes fnScanline{0%{background-position:0 -100%}to{background-position:0 200%}}@keyframes fnNeonPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fnShineSwipe{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes fnBorderGlow{0%,to{border-color:#f606;box-shadow:0 4px 12px #0000004d,0 0 12px #f603}50%{border-color:#ffd70080;box-shadow:0 4px 12px #0000004d,0 0 16px #ffd7004d}}@keyframes fnVignetteBreath{0%,to{opacity:.8}50%{opacity:1}}@keyframes fnDividerFlow{0%{background-position:0 0}to{background-position:200% 0}}@keyframes fnRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width:768px){.fn-bg{padding:20px 24px}.fn-art{height:110px}.bp-cta-content{padding:18px 22px}.skins-grid-compact{gap:12px;margin-bottom:14px}.skin-card-compact{padding:14px 6px 10px}}@media (max-width:600px){.fn-card.legendary{animation:none}.fn-grid-bg:after{animation-duration:12s}.fn-bg{padding:8px}.fn-art{height:70px}.skins-grid-compact{gap:6px}.skin-card-compact{padding:6px 3px}.bp-cta-content{padding:10px 12px}.bp-cta-items{padding:6px 8px}.bp-cta-line{font-size:11px}}.site-gate{z-index:9999;background:var(--cloud-bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.site-gate-card{border:2.5px solid var(--pk3);box-shadow:0 8px 0 var(--pk2),0 16px 40px #ff6b9d33;text-align:center;background:#fff;border-radius:24px;width:100%;max-width:360px;padding:36px 32px}.site-gate-card .gate-emoji{margin-bottom:12px;font-size:48px}.site-gate-card .gate-heading{color:var(--pk);margin-bottom:6px;font-family:Fredoka One,cursive;font-size:22px}.site-gate-card .gate-sub{color:var(--txt2);margin-bottom:20px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600}.site-gate-card .gate-input{border:2px solid var(--pk3);width:100%;color:var(--txt);text-align:center;background:#fff;border-radius:14px;outline:none;padding:12px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s}.site-gate-card .gate-input:focus{border-color:var(--pk)}.site-gate-card .gate-input.gate-shake{border-color:#f44;animation:.4s gateShake}.site-gate-card .gate-error{color:#f44;margin-top:8px;font-size:11px;font-weight:700}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}