@font-face{font-family:"Jakarta";src:url(fonts/jakarta.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--grape:#5426B2;--pink:#FF4A98;--mint:#58E9BF;--cream:#FFF8EC;--navy:#27194A;--lav:#D2C2F6;--bg:#160C33;--panel:#21134c;--line:rgba(210,194,246,.16);--mute:rgba(255,248,236,.66)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#2f1a6b 0,transparent 60%),var(--bg);color:var(--cream);font-family:Jakarta,"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit}button{font:inherit;color:inherit}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));max-width:1560px;margin:0 auto}
.back{font-size:13px;font-weight:700;color:var(--mute);text-decoration:none;padding:8px 2px}.back:hover{color:var(--mint)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:-.01em}
.brand i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--grape);color:var(--mint);font-style:normal;font-weight:800;font-size:15px}
.brand b{color:var(--pink);font-weight:800}
.hero{max-width:1560px;margin:0 auto;padding:6px max(16px,env(safe-area-inset-left)) 14px}
.kick{margin:0 0 4px;font-size:11.5px;letter-spacing:.14em;font-weight:800;color:var(--lav);opacity:.8}
h1{margin:0;font-size:clamp(30px,4.6vw,52px);line-height:1.04;letter-spacing:-.035em;font-weight:800}
.tagline{margin:6px 0 0;color:var(--mute);font-size:clamp(14.5px,1.5vw,17px);max-width:640px}.tagline em{color:var(--mint);font-style:normal;font-weight:700}
.studio{max-width:1560px;margin:0 auto;padding:0 max(12px,env(safe-area-inset-left)) 10px;display:grid;grid-template-columns:1fr;gap:14px}
.stage{position:relative;height:58vh;min-height:330px;max-height:620px;border-radius:24px;overflow:hidden;background:radial-gradient(100% 90% at 50% 20%,#36207a 0,#1f1150 55%,#160C33 100%);border:1px solid var(--line);box-shadow:0 18px 50px rgba(5,0,20,.5)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}
.badge{position:absolute;left:14px;top:12px;display:flex;flex-direction:column;gap:1px;pointer-events:none;text-shadow:0 2px 10px rgba(10,0,30,.6)}
.badge b{font-size:clamp(18px,2.2vw,24px);font-weight:800;letter-spacing:-.02em}.badge small{font-size:12px;color:var(--mute)}
.lv{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:rgba(88,233,191,.16);color:var(--mint)}
.lv.int{background:rgba(255,74,152,.16);color:#ff86bb}.lv.mas{background:rgba(210,194,246,.18);color:var(--lav)}
.tools{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}
.tb{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:99px;border:1px solid rgba(210,194,246,.28);background:rgba(22,12,51,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:700;font-size:13.5px;cursor:pointer}
.tb.ic{width:40px;padding:0;justify-content:center}.tb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tb[aria-pressed=true]{background:var(--mint);color:#160C33;border-color:var(--mint)}
.tb:focus-visible,.chip:focus-visible,.sw:focus-visible,.mcard:focus-visible,.dl:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.hint{position:absolute;left:14px;bottom:12px;margin:0;font-size:11.5px;color:var(--mute);pointer-events:none}
.hint{display:none}@media(min-width:640px){.hint{display:block}}
.nogl{position:absolute;inset:auto 16px 50% 16px;text-align:center;color:var(--mute)}
.panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.box{background:linear-gradient(180deg,#2A1860,#1D1046);border:1px solid var(--line);border-radius:20px;padding:14px 14px 12px}
.bh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}
h3{margin:12px 0 6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lav);opacity:.85;font-weight:700}
.lnk{background:none;border:0;color:var(--mute);font-size:13px;font-weight:700;cursor:pointer;padding:6px}.lnk:hover{color:var(--mint)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid rgba(210,194,246,.25);background:rgba(255,255,255,.04);font-size:13px;font-weight:700;cursor:pointer}
.chip[aria-pressed=true]{background:var(--cream);color:#160C33;border-color:var(--cream)}
.cards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 4px;margin:0 -2px;scrollbar-width:thin}
.mcard{flex:0 0 148px;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);background:#1a0e42;padding:0;cursor:pointer;transition:border-color .15s,transform .15s}
.mcard:hover{border-color:rgba(88,233,191,.5)}.mcard[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}
.mcard[hidden]{display:none}
.th{display:block;aspect-ratio:36/22;background:radial-gradient(90% 90% at 50% 30%,#3a2380,#1d1046)}.th img{width:100%;height:100%;display:block;object-fit:cover}
.th img:not([src]){visibility:hidden}
.mc{display:flex;flex-direction:column;gap:2px;padding:7px 9px 9px}.mc .lv{font-size:9px;padding:2px 6px}.mc b{font-size:14px;letter-spacing:-.01em}.mc small{font-size:11.5px;color:var(--mute)}
.blurb{margin:8px 2px 0;font-size:13.5px;color:var(--mute)}
.sws{display:flex;flex-wrap:wrap;gap:7px}
.sw{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:var(--c);cursor:pointer;padding:0;position:relative}
.sw[aria-pressed=true]{border-color:var(--cream);box-shadow:0 0 0 2px var(--pink)}
.sw.cust{display:grid;place-items:center;background:conic-gradient(#FF4A98,#5426B2,#58E9BF,#1F5BD6,#FF4A98);overflow:hidden}
.sw.cust input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}
.sw.cust span{font-weight:800;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}
.row2{display:grid;grid-template-columns:1fr 128px;gap:10px}
input[type=text],input:not([type]){width:100%;height:42px;border-radius:12px;border:1px solid rgba(210,194,246,.28);background:#140a35;color:var(--cream);padding:0 12px;font:700 15px/1 Jakarta,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.dlbox{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3}
.dl{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:linear-gradient(90deg,var(--pink),#c03df0 55%,var(--grape));color:#fff;font-size:16.5px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(255,74,152,.3)}
.dl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.dl:disabled{opacity:.75;cursor:progress}
.note{margin:6px 4px 0;text-align:center;font-size:12px;color:var(--mute);background:rgba(22,12,51,.75);border-radius:8px;padding:2px 0}
.info{max-width:1560px;margin:16px auto 0;padding:0 max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr;gap:12px}
.ib{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(255,255,255,.025)}.ib p,.ib ul{margin:6px 0 0;color:var(--mute);font-size:14px}.ib ul{padding-left:18px}.ib b{color:var(--cream)}
.show{max-width:1560px;margin:16px auto 0;padding:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-radius:22px;background:linear-gradient(100deg,rgba(84,38,178,.55),rgba(255,74,152,.28));border:1px solid var(--line);width:calc(100% - 24px)}
.show h2{font-size:20px}.show p{margin:4px 0 0;color:var(--cream);opacity:.85;font-size:14.5px}.show a{color:var(--mint);font-weight:700}
.mail{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:99px;background:var(--mint);color:#160C33 !important;text-decoration:none;font-weight:800}
.foot{margin:26px 0 calc(24px + env(safe-area-inset-bottom));text-align:center;color:var(--mute);font-size:13px;line-height:1.8}.foot a{color:var(--mute)}.foot span{opacity:.7;font-size:12px}
@media(min-width:640px){.info{grid-template-columns:repeat(3,1fr)}.mcard{flex-basis:160px}}
@media(min-width:900px){
 .studio{grid-template-columns:minmax(0,1fr) 410px;align-items:start}
 .stage{position:sticky;top:10px;height:calc(100vh - 150px);max-height:none;min-height:480px}
 .cards{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;padding-top:10px}
 .mcard{flex-basis:auto}
}
@media(min-width:1300px){.studio{grid-template-columns:minmax(0,1fr) 460px}.cards{grid-template-columns:repeat(3,1fr)}.mc b{font-size:13.5px}}
@media(orientation:landscape) and (max-height:520px){
 .hint{display:none}
 .hero{display:none}.top{padding-top:6px}
 .studio{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
 .stage{position:sticky;top:6px;height:calc(100vh - 56px);min-height:0;max-height:none}
 .cards{display:flex}.mcard{flex-basis:132px}
}
html.shot body{background:var(--bg)}html.shot .top,html.shot .hero,html.shot .panel,html.shot .info,html.shot .show,html.shot .foot,html.shot .tools,html.shot .hint,html.shot .badge{display:none}
html.shot .studio{padding:0;max-width:none;display:block}html.shot .stage{position:fixed;inset:0;height:100vh;max-height:none;border-radius:0;border:0}
@media(prefers-reduced-motion:reduce){.mcard{transition:none}}
.shotT{display:none}
html.card .shotT{display:flex;flex-direction:column;position:absolute;left:52px;top:44px;gap:6px;pointer-events:none}
html.card .shotT span{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.14em;color:var(--pink)}
html.card .shotT i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grape);color:var(--mint);font-style:normal;font-size:24px;letter-spacing:0}
html.card .shotT b{font-size:76px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--cream)}
html.card .shotT em{font-style:normal;font-size:28px;font-weight:700;color:var(--mint)}