body[data-page=creator]{--navy:#0b1022;--navy-2:#111a36;--orange:#ff9a2e;--blue:#4b8dff;--gold:#ffc94a;background:var(--navy)}body[data-page=creator] ::selection{background:var(--orange)}.grad-text{background:linear-gradient(90deg, var(--orange), #ffb35c 35%, #9fb6ff 65%, var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.c-hero{min-height:100vh;min-height:100svh;padding:calc(var(--nav-h) + 40px) 0 60px;place-items:center;display:grid;overflow:hidden}.c-hero__bg{z-index:-1;position:absolute;inset:0}.c-hero__bg img{object-fit:cover;filter:blur(60px)saturate(1.4)brightness(.55);width:120%;max-width:none;height:120%;position:absolute;inset:-10%;transform:scale(1.1)}.c-hero__glow{background:radial-gradient(40% 50% at 15% 20%, #ff9a2e59, transparent 70%), radial-gradient(40% 50% at 85% 80%, #4b8dff59, transparent 70%), linear-gradient(180deg, transparent 60%, var(--navy));position:absolute;inset:0}.c-hero__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.live-pill{color:var(--bone-dim);-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:11px;display:inline-flex}.live-pill i{background:var(--bone-mute);border-radius:50%;width:8px;height:8px}.live-pill.is-live i{background:#ff3b3b;animation:1.6s infinite pulse;box-shadow:0 0 #ff3b3b99}@keyframes pulse{70%{box-shadow:0 0 0 10px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}.orbit{aspect-ratio:1;perspective:900px;width:clamp(200px,24vw,320px);margin:44px 0 30px;position:relative}.orbit__avatar{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 0 6px #ffffff0f,0 40px 100px #0009,0 0 120px #ff9a2e40}.orbit__ring{transform-style:preserve-3d;z-index:3;pointer-events:none;border:1px dashed #ffffff2e;border-radius:50%;animation:18s linear infinite orbit;position:absolute;inset:-34%;transform:rotateX(68deg)}@keyframes orbit{to{transform:rotateX(68deg)rotate(360deg)}}.orbit__icon{--r:50%;color:#fff;width:54px;height:54px;transform:rotateZ(var(--a)) translateY(calc(var(--orbit-r,1) * -1 * 100%)) translateY(calc(clamp(200px, 24vw, 320px) * -.84)) rotateZ(calc(var(--a) * -1)) rotateX(-68deg);border-radius:16px;place-items:center;margin:-27px;animation:18s linear infinite counter;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 12px 30px #0006}@keyframes counter{0%{transform:rotateZ(var(--a)) translateY(calc(clamp(200px, 24vw, 320px) * -.84)) rotateZ(calc(var(--a) * -1)) rotateZ(0deg) rotateX(-68deg)}to{transform:rotateZ(var(--a)) translateY(calc(clamp(200px, 24vw, 320px) * -.84)) rotateZ(calc(var(--a) * -1)) rotateZ(-360deg) rotateX(-68deg)}}.orbit__icon svg{width:26px;height:26px}.orbit__icon--yt{background:#f03}.orbit__icon--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.orbit__icon--tt{background:#000;box-shadow:-2px -2px #25f4ee,2px 2px #fe2c55,0 12px 30px #0006}.orbit__icon--fb{background:#1877f2}.orbit__icon--x{background:#000;box-shadow:0 0 0 1px #ffffff59,0 12px 30px #0006}.orbit__icon--th{background:#101010;box-shadow:0 0 0 1px #ffffff59,0 12px 30px #0006}.c-hero__title{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .18em;font-size:clamp(64px,11.5vw,190px);font-weight:400;line-height:.85;display:flex}.c-hero__title .display{font-size:1em}.c-hero__viral{background:linear-gradient(90deg, var(--orange), #ffb35c 35%, #a9bfff 70%, var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.1em;font-size:1.08em}.c-hero__tagline{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);min-height:1.5em;margin-top:22px;font-size:clamp(13px,1.2vw,16px)}.c-caret{vertical-align:-2px;background:var(--gold);width:2px;height:1em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.c-stats{-webkit-backdrop-filter:blur(16px);background:#0b102280;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(4,minmax(110px,1fr));margin-top:clamp(36px,5vw,64px);display:grid;overflow:hidden}.c-stats div{text-align:left;padding:18px 26px}.c-stats div+div{border-left:1px solid #ffffff14}.c-stats dt{color:var(--bone-mute);font-size:11px}.c-stats dd{font-variant-numeric:tabular-nums;margin-top:6px;font-size:clamp(34px,3.4vw,52px)}.c-stats__small{line-height:1.5;font-size:clamp(22px,2vw,30px)!important}@media (max-width:700px){.c-stats{grid-template-columns:repeat(2,1fr)}.c-stats div:nth-child(3){border-left:0}.c-stats div:nth-child(n+3){border-top:1px solid #ffffff14}}.wall{perspective:1400px;padding:clamp(60px,8vw,120px) 0 clamp(100px,12vw,180px);overflow:hidden}.wall__tilt{transform-origin:50% 30%;will-change:transform;gap:18px;display:grid;transform:rotateX(28deg)rotate(-6deg)scale(1.15)}.wall .marquee{--gap:18px;-webkit-mask-image:none;mask-image:none}.wall-card{aspect-ratio:9/16;background:var(--navy-2);border-radius:18px;flex-shrink:0;width:clamp(130px,13vw,200px);position:relative;overflow:hidden}.wall-card img{object-fit:cover;width:100%;height:100%}.wall-card:after{content:"";border-radius:inherit;background:linear-gradient(#0000 60%,#00000080);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.wall__caption{text-align:center;text-shadow:0 20px 60px #000c;margin-top:clamp(-120px,-9vw,-60px);font-size:clamp(56px,9vw,150px);position:relative}.wall__caption .serif{color:var(--orange)}.platforms{padding-bottom:clamp(100px,12vw,180px)}.platforms__title,.hits__title,.library__title{margin-top:18px;font-size:clamp(56px,8.4vw,140px)}.platforms__title .serif,.hits__title .serif,.library__title .serif{background:linear-gradient(90deg, var(--orange), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em}.pf-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(40px,5vw,70px);display:grid}.pf{isolation:isolate;color:#fff;min-height:340px;transform-style:preserve-3d;transition:box-shadow .5s var(--ease-out);will-change:transform;border-radius:28px;flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative;overflow:hidden}.pf:before{content:"";z-index:-1;background:var(--pf-bg);transition:transform .8s var(--ease-out);position:absolute;inset:0}.pf:hover:before{transform:scale(1.08)}.pf:after{content:"";z-index:-1;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), #ffffff40, transparent 50%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.pf:hover:after{opacity:1}.pf__logo{width:48px;height:48px}.pf__name{font-size:clamp(40px,3.6vw,60px)}.pf__handle{opacity:.8;margin-top:8px}.pf__cta{-webkit-backdrop-filter:blur(6px);background:#00000040;border:1px solid #ffffff40;border-radius:999px;align-self:flex-start;padding:10px 14px}.pf:hover{box-shadow:0 30px 80px var(--pf-glow)}.pf--yt{--pf-bg:radial-gradient(120% 90% at 0% 0%, #ff4d5e, #e00020 50%, #7a0010);--pf-glow:#f036}.pf--ig{--pf-bg:radial-gradient(circle at 20% 110%, #fdf497 0%, #fd5949 35%, #d6249f 60%, #285aeb 100%);--pf-glow:#d6249f66}.pf--tt{--pf-bg:radial-gradient(90% 80% at 100% 0%, #25f4ee59, transparent 60%), radial-gradient(90% 80% at 0% 100%, #fe2c5566, transparent 60%), #050505;--pf-glow:#25f4ee4d}.pf--tt .pf__name{text-shadow:-3px -2px #25f4ee,3px 2px #fe2c55}.pf--tt:hover .pf__name{animation:.4s steps(2,end) infinite glitch}@keyframes glitch{0%{text-shadow:-3px -2px #25f4ee,3px 2px #fe2c55}50%{text-shadow:4px 1px #25f4ee,-4px -1px #fe2c55}}.pf--fb{--pf-bg:radial-gradient(120% 90% at 100% 100%, #4c9bff, #1877f2 50%, #0a3f8f);--pf-glow:#1877f266}.drops{margin-top:clamp(40px,5vw,64px)}.drops__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 30px;margin-bottom:18px;display:flex}.drops__title{letter-spacing:-.03em;font-size:clamp(22px,2.2vw,32px);font-weight:600}.drops__title .serif{background:linear-gradient(90deg, var(--orange), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-size:1.15em}.pf-grid--drops{grid-template-columns:repeat(2,1fr);margin-top:0}.pf-grid--drops .pf{grid-template-columns:auto 1fr auto;align-items:end;gap:22px;min-height:200px;display:grid}.pf-grid--drops .pf__logo{align-self:start;width:42px;height:42px}.pf-grid--drops .pf__name{font-size:clamp(36px,3vw,52px)}.pf__note{opacity:.75;max-width:30ch;margin-top:10px;font-size:14px}.pf--x{--pf-bg:radial-gradient(90% 120% at 100% 0%, #8caaff47, transparent 60%), linear-gradient(160deg, #15161b, #000 70%);--pf-glow:#8caaff40;box-shadow:inset 0 0 0 1px #ffffff24}.pf--th{--pf-bg:radial-gradient(90% 120% at 0% 100%, #ffffff29, transparent 60%), linear-gradient(200deg, #1c1c1c, #050505 70%);--pf-glow:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff24}@media (max-width:700px){.pf-grid--drops{grid-template-columns:1fr}.pf-grid--drops .pf{grid-template-columns:auto 1fr;min-height:0}.pf-grid--drops .pf__cta{grid-column:1/-1}}@media (max-width:1000px){.pf-grid{grid-template-columns:repeat(2,1fr)}.pf{min-height:240px}}@media (max-width:520px){.pf-grid{grid-template-columns:1fr}}.hits{--stage-w:clamp(120px, min(26vw, calc((100svh - var(--nav-h) - 96px) * .466)), 330px);background:radial-gradient(60% 40% at 70% 50%, #4b8dff2e, transparent 70%), var(--navy);height:420vh}.hits__sticky{height:100vh;grid-template-columns:minmax(0, 1fr) var(--stage-w);height:100svh;padding-top:var(--nav-h);grid-template-rows:minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,100px);display:grid;position:sticky;top:0}.hits__now{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:10px;max-width:520px;display:none}.hits__rank{color:var(--orange)}.hits__now-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.hits__now-views{color:var(--bone-mute);text-transform:none}.hits__list{counter-reset:hit;max-width:640px;margin-top:clamp(26px,3vw,44px)}.hits__list li{counter-increment:hit;color:var(--bone-mute);transition:color .4s, padding-left .5s var(--ease-out);cursor:pointer;border-top:1px solid #ffffff14;grid-template-columns:56px minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:14px 0;display:grid}.hits__list li:before{content:"0" counter(hit);font-family:var(--f-mono);font-size:12px}.hits__list li span{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px,1.7vw,26px);font-weight:500;overflow:hidden}.hits__list li b{font-family:var(--f-mono);font-size:12px;font-weight:400}.hits__list li.is-active{color:var(--bone);padding-left:12px}.hits__list li.is-active:before{color:var(--orange)}.hits__stage{flex-direction:column;justify-content:center;align-self:stretch;align-items:stretch;gap:16px;min-height:0;padding-block:20px 24px;display:flex}.phone{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.phone__frame{width:var(--frame-w,240px);height:var(--frame-h,515px);padding:calc(var(--frame-w,240px) * .034);transition:translate .5s var(--ease-out);background:linear-gradient(145deg,#2c2f38,#0d0e12 40%,#24262d);border-radius:15%/7%;flex:none;position:relative;box-shadow:inset 0 0 0 2px #ffffff1f,0 60px 120px #0009,0 0 0 1px #000}.phone:hover .phone__frame,.phone:focus-visible .phone__frame{translate:0 -6px}.phone:focus-visible .phone__frame{outline:2px solid var(--orange);outline-offset:6px}.phone__island{aspect-ratio:3.6;z-index:3;background:#000;border-radius:999px;width:31%;position:absolute;top:2.4%;left:50%;transform:translate(-50%)}.phone__screen{isolation:isolate;background:#000;border-radius:12%/5.6%;height:100%;position:relative;overflow:hidden}.phone__reel{will-change:transform;position:absolute;inset:0}.phone__slide{background:radial-gradient(60% 40% at 50% 40%, #ff9a2e40, transparent 70%), linear-gradient(160deg, var(--navy-2), #1b2550);height:100%}.phone__slide img{object-fit:cover;width:100%;height:100%}.phone__ui{z-index:2;background:linear-gradient(#0000,#000000bf);justify-content:space-between;align-items:center;gap:8px;padding:40px 14px 16px;display:flex;position:absolute;inset:auto 0 0}.phone__meta{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.phone__meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone__meta img{border-radius:50%;flex-shrink:0;width:28px;height:28px}.phone__play{color:var(--navy);background:#ffffffeb;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 11px;font-size:10px;display:inline-flex}.hits__dots{flex-shrink:0;gap:8px;display:flex}.hits__dots button{width:8px;height:8px;transition:width .5s var(--ease-out), background-color .4s;background:#ffffff40;border-radius:999px}.hits__dots button[aria-selected=true]{background:var(--orange);width:28px}.hits__dots button{position:relative}.hits__dots button:after{content:"";position:absolute;inset:-14px -5px}@media (max-width:860px) and (orientation:portrait){.hits__sticky{padding:calc(var(--nav-h) + 12px) var(--gutter) 0;text-align:center;flex-direction:column;align-items:stretch;gap:6px;display:flex}.hits__copy{flex-shrink:0}.hits__title{margin-top:10px;font-size:clamp(44px,min(14vw,8svh),96px)}.hits__list{display:none}.hits__now{margin:14px auto 0;display:grid}.hits__stage{flex:1 1 0;gap:14px;padding-block:10px 18px}}.library{padding:clamp(120px,14vw,200px) 0 clamp(80px,10vw,140px)}.library__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(36px,5vw,64px);display:flex}.library__title sup{vertical-align:top;color:var(--orange);margin-left:10px;font-size:14px}.seg{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:5px;display:inline-flex;position:relative}.seg button{z-index:1;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim);padding:10px 18px;font-size:12px;transition:color .4s;position:relative}.seg button[aria-selected=true]{color:var(--navy)}.seg__thumb{background:var(--bone);transition:transform .6s var(--ease-out), width .6s var(--ease-out);border-radius:999px;position:absolute;top:5px;bottom:5px;left:0}.grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,220px),1fr));gap:clamp(12px,1.4vw,20px);display:grid}.vcard{position:relative}.vcard button{text-align:left;width:100%;display:block}.vcard__thumb{aspect-ratio:9/16;background:linear-gradient(135deg, var(--navy-2), #1b2550);border-radius:20px;position:relative;overflow:hidden;transform:translateZ(0)}.vcard__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out), filter .6s}.vcard__thumb:after{content:"";border-radius:inherit;background:linear-gradient(#00000059,#0000 25% 55%,#000000bf);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.vcard__play{width:64px;height:64px;color:var(--navy);z-index:2;opacity:0;transition:transform .5s var(--ease-out), opacity .3s;background:#ffffffeb;border-radius:50%;place-items:center;margin:-32px;display:grid;position:absolute;top:50%;left:50%;transform:scale(.6)}.vcard__play svg{width:22px;margin-left:3px}.vcard button:hover .vcard__thumb img{filter:saturate(1.2);transform:scale(1.07)}.vcard button:hover .vcard__play{opacity:1;transform:scale(1)}.vcard__badge{z-index:2;font-family:var(--f-mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);background:#00000073;border-radius:999px;padding:5px 8px;font-size:10px;position:absolute;top:12px;left:12px}.vcard__badge--new{background:var(--orange);color:var(--navy)}.vcard__views{z-index:2;font-family:var(--f-mono);align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.vcard__title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:15px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.vcard__date{font-family:var(--f-mono);color:var(--bone-mute);margin-top:4px;font-size:11px}.vcard.is-fresh .vcard__thumb{box-shadow:0 0 0 2px var(--orange), 0 20px 60px #ff9a2e59}.player{-webkit-backdrop-filter:blur(30px)saturate(1.3);width:100vw;max-width:none;height:100vh;max-height:none;color:var(--bone);background:#050812e0;border:0;margin:0;padding:0;overflow:hidden}.player::backdrop{background:0 0}.player[open]{animation:player-in .5s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;display:grid}@keyframes player-in{0%{opacity:0}}.player__stage{justify-content:center;align-items:center;gap:clamp(20px,4vw,60px);height:100%;padding:40px 20px;display:flex}.player__frame{aspect-ratio:9/16;background:#000;border-radius:28px;height:min(86vh,800px);overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff1a}.player__frame iframe{border:0;width:100%;height:100%}.player__info{justify-items:start;gap:16px;max-width:340px;display:grid}.player__title{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(32px,3vw,48px);font-weight:800;line-height:.95}.player__meta{color:var(--bone-mute)}.player__close,.player__nav{width:52px;height:52px;transition:background-color .3s, transform .4s var(--ease-out);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;font-size:18px}.player__close:hover,.player__nav:hover{background:#ffffff29;transform:scale(1.06)}.player__close{z-index:2;position:absolute;top:20px;right:20px}.player__nav{margin:0 20px}@media (max-width:860px) and (orientation:portrait){.player[open]{grid-template-columns:1fr}.player__nav{z-index:2;margin:0;position:absolute;bottom:20px}.player__nav--prev{left:20px}.player__nav--next{right:20px}.player__stage{flex-direction:column;gap:16px;padding:70px 16px 90px}.player__frame{width:min(100%,52vh);height:auto}.player__info{text-align:center;justify-items:center}.player__info .btn{display:none}}@media (max-height:520px) and (orientation:landscape){.hits__list{display:none}.hits__now{margin-top:18px;display:grid}.hits__stage{gap:10px;padding-block:8px 12px}}@media (max-height:600px){.phone__ui{display:none}}
