:root{--ink:#f7f5ff;--muted:#a9a5ba;--muted-strong:#cbc7d8;--surface:rgba(16,14,27,.84);--line:rgba(255,255,255,.1);--violet:#a878ff;--pink:#ff71ce;--cyan:#39d9ff;--mint:#50f2b1;--yellow:#ffef8e;--danger:#ff6b79;--radius-lg:28px;--shadow:0 28px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{display:block;min-width:320px;min-height:100vh;height:auto;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 78% 9%,rgba(80,242,177,.09),transparent 22rem),radial-gradient(circle at 12% 22%,rgba(168,120,255,.12),transparent 30rem),#07060c;font-family:"Cairo",sans-serif;font-weight:400}body::before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 75%)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:15px;text-decoration:none}.vaporwave-heading{position:static;display:inline;transform:none;background:linear-gradient(90deg,var(--pink),var(--cyan) 38%,var(--mint) 60%,var(--violet) 82%,var(--yellow));background-clip:text;color:transparent;font-size:clamp(2rem,3vw,2.65rem);font-weight:700;letter-spacing:-.08em;line-height:1;-webkit-text-fill-color:transparent}.brand-note{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:9px}.support-link,.account-link{display:inline-flex;min-height:40px;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);font-size:.78rem;font-weight:600;text-decoration:none;transition:.2s ease}.support-link:hover,.account-link:hover{color:var(--ink);transform:translateY(-1px)}.support-link:hover{border-color:rgba(255,113,206,.5)}.support-link span{color:var(--pink);font-size:1rem}.account-link{background:rgba(255,255,255,.035)}.account-link:hover{border-color:rgba(80,242,177,.45);background:rgba(80,242,177,.06)}.account-status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px rgba(255,255,255,.04)}.account-link[data-state="signed-in"] .account-status-dot{background:var(--mint);box-shadow:0 0 10px rgba(80,242,177,.65)}
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(40px,7vw,110px);min-height:720px;padding:72px 0 92px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--mint);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow>span{width:28px;height:1px;background:currentColor}.hero h1{max-width:700px;margin:0;font-size:clamp(3.4rem,6.6vw,6.4rem);font-weight:500;letter-spacing:-.065em;line-height:.94}.hero h1 em{background:linear-gradient(100deg,var(--pink),var(--violet) 46%,var(--cyan));background-clip:text;color:transparent;font-style:normal}.hero-description{max-width:600px;margin:28px 0 0;color:var(--muted-strong);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;width:auto;padding:0 22px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:700;text-decoration:none;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.card:focus-visible,.support-link:focus-visible,.account-link:focus-visible,.link-signup:focus-visible,.close-customize:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-primary{color:#0a0910;background:var(--mint);box-shadow:0 10px 35px rgba(80,242,177,.16)}.btn-primary:hover{background:#72f7c2}.btn-secondary{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.035)}.btn-secondary:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.experience-notes{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:var(--muted);font-size:.76rem}.experience-notes span::before{margin-right:8px;color:var(--violet);content:"✦"}
.visual-stage{position:relative;aspect-ratio:1;width:min(100%,620px);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:48% 52% 46% 54%/50% 43% 57% 50%;background:radial-gradient(circle at center,#181126 0,#0c0914 42%,#08070d 72%);box-shadow:var(--shadow),inset 0 0 80px rgba(168,120,255,.06)}.visual-stage::before{position:absolute;inset:7%;border:1px solid rgba(255,255,255,.055);border-radius:50%;content:""}.stage-glow{position:absolute;top:15%;left:18%;width:64%;height:64%;border-radius:50%;background:conic-gradient(from 20deg,rgba(255,113,206,.28),rgba(57,217,255,.05),rgba(80,242,177,.25),rgba(168,120,255,.28),rgba(255,113,206,.28));filter:blur(42px);animation:breathe 6s ease-in-out infinite}.orbit{position:absolute;top:50%;left:50%;border:2px solid transparent;border-top-color:var(--pink);border-right-color:rgba(57,217,255,.4);border-radius:50%;transform:translate(-50%,-50%);animation:orbit 12s linear infinite}.orbit::after{position:absolute;top:8%;left:11%;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px var(--yellow);content:""}.orbit-one{width:56%;height:56%}.orbit-two{width:40%;height:40%;border-top-color:var(--cyan);animation-duration:9s;animation-direction:reverse}.orbit-three{width:72%;height:72%;border-top-color:var(--violet);opacity:.55;animation-duration:17s}.stage-core{position:absolute;top:50%;left:50%;width:13%;height:13%;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--mint) 12%,var(--cyan) 35%,var(--violet) 75%);box-shadow:0 0 65px rgba(57,217,255,.32);transform:translate(-50%,-50%)}.now-playing-card{position:absolute;right:8%;bottom:11%;display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(12,10,19,.72);box-shadow:0 18px 40px rgba(0,0,0,.32);backdrop-filter:blur(16px);font-size:.78rem;font-weight:600}.now-playing-card small{display:block;margin-bottom:2px;color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.playing-indicator{display:flex;align-items:center;gap:2px;height:20px}.playing-indicator i{width:2px;height:55%;border-radius:4px;background:var(--mint);animation:equalize .9s ease-in-out infinite alternate}.playing-indicator i:nth-child(2){animation-delay:-.4s}.playing-indicator i:nth-child(3){animation-delay:-.7s}.stage-caption{position:absolute;bottom:8%;left:9%;width:31%;margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes breathe{50%{opacity:.7;transform:scale(1.12)}}@keyframes equalize{to{height:100%}}
.workspace{position:relative;display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:18px;padding:44px 0 86px;border-top:1px solid var(--line)}.rail,.side-card{position:relative;inset:auto;width:auto;min-width:0;margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:auto}.rail{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:570px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:4px}.panel-heading .eyebrow{margin-bottom:4px;font-size:.58rem}.panel-heading h2{margin:0;font-size:1.55rem;font-weight:600}.panel-kicker{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:78px;height:auto;padding:14px;overflow:visible;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:rgba(255,255,255,.035);backdrop-filter:none;cursor:pointer;text-align:left;transition:.2s ease}.card:hover{border-color:rgba(168,120,255,.5);background:rgba(168,120,255,.09);transform:translateY(-2px)}.card-symbol{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--mint);background:rgba(80,242,177,.1);font-size:1.2rem}.card-copy,.card subtitle{display:block;min-width:0}.card strong,.card subtitle{color:var(--ink);font-size:.92rem;font-weight:600}.card small,.card p{display:block;margin:3px 0 0;color:var(--muted);font-size:.68rem;font-weight:400}.card-arrow{margin-left:auto;color:var(--muted)}.divider{width:100%;margin:2px 0;border:0;border-top:1px solid var(--line)}#customChillSpaceContainer{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:92px;overflow-y:auto;color:var(--muted);font-size:.76rem;scrollbar-color:rgba(255,255,255,.16) transparent;scrollbar-width:thin}#customChillSpaceContainer .card{flex:0 0 auto;margin-top:0!important}#newChillSpace{border-style:dashed}#authButtons{width:100%;margin-top:auto}#authButtons p{margin:0 0 14px;color:var(--muted);font-size:.72rem;line-height:1.5}#loginBtn{width:100%;margin:0}.link-signup{display:block;margin:10px auto 0;padding:0;border:0;color:var(--muted);background:none;cursor:pointer;font-size:.68rem;font-weight:500;text-align:center;text-decoration:none}.link-signup:hover{color:var(--ink)}#loginInfoContainer{padding-top:12px;border-top:1px solid var(--line)}#loggedInMsg{max-width:100%;overflow:hidden;color:var(--muted)!important;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}
.side-card{overflow:hidden;min-height:570px;padding:0}.side-card-content{padding:clamp(30px,5vw,68px)}.side-card-content>h2{max-width:720px;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:500;letter-spacing:-.045em;line-height:1.05}.section-intro{max-width:720px;margin:20px 0 38px;color:var(--muted-strong);font-size:.95rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{position:relative;min-height:250px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.feature-number{color:var(--muted);font-size:.58rem;letter-spacing:.12em}.feature-card h3{position:absolute;right:18px;bottom:55px;left:18px;margin:0;font-size:.94rem;font-weight:600}.feature-card p{position:absolute;right:18px;bottom:17px;left:18px;margin:0;color:var(--muted);font-size:.64rem;line-height:1.45}.mini-visual{position:absolute;top:50px;left:50%;width:104px;height:104px;transform:translateX(-50%)}.mini-visual i{position:absolute;inset:0;border:1px solid var(--violet);border-radius:50%}.mini-visual i:nth-child(2){inset:14px;border-color:var(--pink)}.mini-visual i:nth-child(3){inset:29px;border-color:var(--cyan)}.sound-bars{position:absolute;top:62px;right:22px;left:22px;display:flex;align-items:center;justify-content:center;gap:7px;height:60px}.sound-bars i{width:4px;height:26%;border-radius:4px;background:linear-gradient(var(--mint),var(--cyan))}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){height:62%}.sound-bars i:nth-child(3){height:100%}.return-mark{position:absolute;top:40px;left:50%;color:var(--pink);font-size:5rem;font-weight:400;line-height:1;text-shadow:0 0 40px rgba(255,113,206,.35);transform:translateX(-50%)}
.customize-overlay{position:absolute;inset:0;z-index:10000;width:100%;height:100%;overflow-y:auto;border-radius:var(--radius-lg);background:rgba(7,6,12,.9);backdrop-filter:blur(20px)}.customize-dialog{position:relative;width:min(680px,calc(100% - 36px));height:auto;margin:28px auto;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:24px;background:#12101c;box-shadow:var(--shadow)}.close-customize{position:absolute;top:18px;right:18px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:rgba(255,255,255,.03);cursor:pointer;font-size:1.25rem}#customizeForm{max-width:none;margin:0;padding:0;color:var(--ink)}#customizeForm h2{margin:0;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:500;letter-spacing:-.04em}.form-intro{max-width:540px;margin:12px 0 28px;color:var(--muted);font-size:.82rem;line-height:1.6}.form-field{margin-bottom:20px}.form-field label,.rotation-fieldset legend{display:block;margin-bottom:8px;color:var(--muted-strong);font-size:.7rem;font-weight:600;letter-spacing:.04em}.form-field input,.form-field select{width:100%;min-height:48px;margin:0;padding:0 14px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:rgba(255,255,255,.04);appearance:none}.form-field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px}.rotation-fieldset{margin:26px 0;padding:0;border:0}.rotation-fieldset>p{margin:-4px 0 12px;color:var(--muted);font-size:.64rem}#rotationOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}#rotationOptions>div{margin:0!important}#rotationOptions input{position:absolute;width:1px;height:1px;opacity:0}#rotationOptions label{position:relative;display:flex;align-items:center;min-height:43px;padding:0 12px 0 38px;border:1px solid var(--line);border-radius:10px;color:var(--muted-strong);cursor:pointer;font-size:.7rem}#rotationOptions label::before{position:absolute;left:13px;width:13px;height:13px;border:1px solid rgba(255,255,255,.28);border-radius:4px;content:""}#rotationOptions input:checked+label{border-color:rgba(80,242,177,.45);color:var(--ink);background:rgba(80,242,177,.065)}#rotationOptions input:checked+label::before{border-color:var(--mint);background:var(--mint);box-shadow:inset 0 0 0 3px #12101c}#rotationOptions input:focus-visible+label{outline:2px solid var(--cyan);outline-offset:2px}.save-space{width:100%}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:110px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.site-footer>span{color:var(--ink);font-weight:700}.site-footer p{margin:0}.footer-links{display:flex;justify-self:end;gap:18px}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--pink)}
@media(max-width:1050px){.hero{grid-template-columns:1fr 420px;gap:40px}.stage-caption{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:178px;padding-left:160px}.feature-card h3,.feature-card p{left:160px}.mini-visual,.sound-bars,.return-mark{left:76px;transform:translateX(-50%)}.sound-bars{right:auto;width:100px}}
@media(max-width:900px){.app-shell{padding:0 20px}.brand-note{display:none}.support-link,.account-link{padding:8px 11px;font-size:.72rem}.hero{grid-template-columns:1fr;min-height:0;padding:66px 0 72px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions,.experience-notes{justify-content:center}.hero-description{margin-right:auto;margin-left:auto}.visual-stage{width:min(100%,510px)}.workspace{grid-template-columns:1fr}.rail{min-height:0}.customize-overlay{position:fixed!important;border-radius:0!important}}
@media(max-width:540px){.app-shell{padding:0 14px}.topbar{min-height:76px}.support-link{display:none}.account-link{min-height:38px}.hero{padding-top:52px}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.experience-notes{gap:6px 12px}.visual-stage{border-radius:34% 66% 42% 58%/55% 37% 63% 45%}.now-playing-card{right:7%;bottom:8%}.workspace{padding-top:24px}.rail,.side-card{border-radius:22px}.rail{padding:18px}.side-card-content{padding:28px 20px}.feature-card{min-height:200px;padding-left:18px}.feature-card h3,.feature-card p{left:18px}.feature-card h3{bottom:56px}.mini-visual,.sound-bars,.return-mark{top:33px;left:50%;transform:translateX(-50%) scale(.75)}#rotationOptions{grid-template-columns:1fr}.customize-dialog{width:calc(100% - 20px);margin:10px auto;padding:36px 20px 22px}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ChillSpace Builder */
#customizeOverlay{position:fixed;inset:0;width:100%;height:100%;border-radius:0}.builder-entry{margin:-16px 0 34px}.builder-dialog{width:min(1180px,calc(100% - 44px));max-height:calc(100vh - 44px);margin:22px auto;padding:0;overflow:auto}.builder-header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:32px 72px 24px 34px;border-bottom:1px solid var(--line)}.builder-header .eyebrow{margin-bottom:7px}.builder-header h2{margin:0!important;font-size:clamp(1.8rem,3vw,3.1rem)!important}.builder-header>p{max-width:430px;margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.builder-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(500px,1.22fr);min-height:650px}.builder-preview{position:sticky;top:0;display:flex;flex-direction:column;min-height:650px;padding:30px;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 28%,rgba(168,120,255,.14),transparent 42%),#0b0911}.builder-preview-art{position:relative;aspect-ratio:1;width:min(100%,390px);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:radial-gradient(circle at center,rgba(168,120,255,.17),transparent 58%),#050409;box-shadow:inset 0 0 70px rgba(0,0,0,.48),0 28px 70px rgba(0,0,0,.28)}.builder-preview-art::after{position:absolute;inset:8%;border:1px solid rgba(255,255,255,.05);border-radius:22px;content:""}.builder-preview-art i,.builder-preview-art b{position:absolute;display:block}.builder-preview-art[data-scene="circles"] i{top:50%;left:50%;border:2px solid var(--pink);border-radius:50%;transform:translate(-50%,-50%)}.builder-preview-art[data-scene="circles"] i:nth-child(1){width:64%;height:64%}.builder-preview-art[data-scene="circles"] i:nth-child(2){width:45%;height:45%;border-color:var(--cyan)}.builder-preview-art[data-scene="circles"] i:nth-child(3){width:25%;height:25%;border-color:var(--violet)}.builder-preview-art[data-scene="circles"] b{top:49%;left:49%;width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 20px var(--yellow)}.builder-preview-art[data-scene="corners"] i:nth-child(1){inset:24%;border:2px solid var(--violet)}.builder-preview-art[data-scene="corners"] i:nth-child(2){top:28%;left:28%;width:13%;height:13%;border-radius:4px;background:var(--mint);box-shadow:0 0 22px rgba(80,242,177,.5)}.builder-preview-art[data-scene="corners"] i:nth-child(3){inset:18%;border:1px solid rgba(57,217,255,.35)}.builder-preview-art[data-scene="pong"]::before{position:absolute;top:25%;right:20%;bottom:25%;left:20%;border-top:1px solid var(--muted);border-bottom:1px solid var(--muted);content:""}.builder-preview-art[data-scene="pong"] i:nth-child(1),.builder-preview-art[data-scene="pong"] i:nth-child(2){top:38%;width:4px;height:25%;border-radius:3px;background:var(--ink)}.builder-preview-art[data-scene="pong"] i:nth-child(1){left:20%}.builder-preview-art[data-scene="pong"] i:nth-child(2){right:20%}.builder-preview-art[data-scene="pong"] i:nth-child(3){top:48%;left:52%;width:11px;height:11px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px var(--yellow)}.builder-preview-art[data-scene="overtake"] i:nth-child(1){inset:20%;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}.builder-preview-art[data-scene="overtake"] i:nth-child(1)::after{position:absolute;inset:3px;background:#09070f;clip-path:inherit;content:""}.builder-preview-art[data-scene="overtake"] i:nth-child(2),.builder-preview-art[data-scene="overtake"] i:nth-child(3),.builder-preview-art[data-scene="overtake"] b{z-index:2;width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px currentColor}.builder-preview-art[data-scene="overtake"] i:nth-child(2){top:37%;left:36%;color:var(--mint)}.builder-preview-art[data-scene="overtake"] i:nth-child(3){top:58%;left:60%;color:var(--pink);background:var(--pink)}.builder-preview-art[data-scene="overtake"] b{top:43%;left:65%;color:var(--cyan);background:var(--cyan)}.builder-preview-art[data-scene="kaleidoscope"] i:nth-child(1){inset:18%;border-radius:50%;background:repeating-conic-gradient(from 10deg,rgba(255,113,206,.75) 0 2deg,transparent 2deg 15deg,rgba(57,217,255,.65) 15deg 17deg,transparent 17deg 30deg);filter:drop-shadow(0 0 12px rgba(168,120,255,.35))}.builder-preview-art[data-scene="kaleidoscope"] i:nth-child(2){inset:34%;border:1px solid var(--mint);border-radius:50%}.builder-preview-art[data-scene="penrosefractal"] i{top:50%;left:50%;border:1px solid var(--violet);transform:translate(-50%,-50%) rotate(36deg)}.builder-preview-art[data-scene="penrosefractal"] i:nth-child(1){width:58%;height:58%}.builder-preview-art[data-scene="penrosefractal"] i:nth-child(2){width:39%;height:39%;border-color:var(--cyan);transform:translate(-50%,-50%) rotate(72deg)}.builder-preview-art[data-scene="penrosefractal"] i:nth-child(3){width:22%;height:22%;border-color:var(--pink);transform:translate(-50%,-50%) rotate(18deg)}.builder-preview-art[data-scene="threebody"] i,.builder-preview-art[data-scene="threebody"] b{width:14px;height:14px;border-radius:50%;box-shadow:-35px 10px 35px currentColor}.builder-preview-art[data-scene="threebody"] i:nth-child(1){top:30%;left:34%;color:var(--pink);background:var(--pink)}.builder-preview-art[data-scene="threebody"] i:nth-child(2){top:61%;left:42%;color:var(--cyan);background:var(--cyan)}.builder-preview-art[data-scene="threebody"] i:nth-child(3){top:42%;left:67%;color:var(--mint);background:var(--mint)}.builder-preview-art[data-scene="borealis"]{background:radial-gradient(ellipse at bottom,rgba(80,90,180,.28),transparent 48%),#050409}.builder-preview-art[data-scene="borealis"] i:nth-child(1){right:-10%;bottom:20%;left:-10%;height:45%;border-radius:50%;background:linear-gradient(135deg,rgba(255,113,206,.45),rgba(168,120,255,.12),rgba(57,217,255,.42));filter:blur(16px);transform:rotate(-8deg)}.builder-preview-art[data-scene="borealis"] i:nth-child(2){right:-5%;bottom:-8%;left:-5%;height:40%;background:#08070d;clip-path:polygon(0 75%,13% 38%,25% 66%,40% 20%,57% 72%,73% 36%,100% 78%,100% 100%,0 100%)}.builder-preview-copy{margin-top:24px}.builder-preview-label{color:var(--mint);font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.builder-preview-copy h3{margin:7px 0 4px;font-size:1.5rem;font-weight:600}.builder-preview-copy p{margin:0;color:var(--muted);font-size:.72rem}.builder-preview-copy p i{padding:0 6px;color:var(--violet)}.builder-summary{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.62rem}.builder-summary strong{color:var(--ink)}.builder-controls{padding:10px 32px 30px;overflow-y:auto}.builder-section{margin:0;padding:24px 0;border:0;border-bottom:1px solid var(--line)}.builder-section-heading,.builder-section>legend{display:flex;width:100%;align-items:flex-start;gap:13px;margin:0 0 17px!important}.builder-section-heading>span,.builder-section>legend>span{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--mint);font-size:.56rem}.builder-section-heading h3,.builder-section>legend strong{display:block;margin:0;color:var(--ink);font-size:.86rem;font-weight:600}.builder-section-heading p,.builder-section>legend small{display:block;margin:2px 0 0;color:var(--muted);font-size:.62rem;font-weight:400;line-height:1.4}.builder-name-section .form-field{margin:0 0 0 41px}.playlist-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.playlist-options input{position:absolute;width:1px;height:1px;opacity:0}.playlist-options label{display:flex;min-height:72px;padding:11px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.02);cursor:pointer;transition:.2s ease}.playlist-options label:hover{border-color:rgba(168,120,255,.4)}.playlist-options input:checked+label{border-color:rgba(80,242,177,.45);color:var(--ink);background:rgba(80,242,177,.06)}.playlist-options input:focus-visible+label{outline:2px solid var(--cyan);outline-offset:2px}.playlist-options label>span{min-width:0}.playlist-options strong,.playlist-options small{display:block}.playlist-options strong{font-size:.68rem}.playlist-options small{margin-top:2px;color:var(--muted);font-size:.54rem;white-space:nowrap}.playlist-mark{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--violet),var(--cyan))}.summer-mark{background:linear-gradient(135deg,var(--yellow),var(--pink))}.hop-mark{background:linear-gradient(135deg,var(--pink),var(--violet))}.builder-controls #rotationOptions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.builder-controls #rotationOptions label{display:flex;min-height:70px;padding:10px;align-items:flex-end;border-radius:12px;overflow:hidden}.builder-controls #rotationOptions label::before{top:10px;left:10px}.builder-controls #rotationOptions label::after{position:absolute;top:12px;right:10px;color:var(--muted);font-size:.9rem;content:attr(data-symbol)}.builder-controls #rotationOptions label span,.builder-controls #rotationOptions label strong,.builder-controls #rotationOptions label small{display:block;min-width:0}.builder-controls #rotationOptions label strong{color:var(--ink);font-size:.65rem;font-weight:600}.builder-controls #rotationOptions label small{margin-top:2px;color:var(--muted);font-size:.52rem}.builder-error{min-height:18px;margin:12px 0 0;color:var(--danger);font-size:.65rem}.builder-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.builder-actions .save-space{width:auto}.close-customize{z-index:3}.builder-controls input[readonly]{color:var(--muted);cursor:not-allowed}.local-badge{margin-left:7px;color:var(--violet);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1000px){.builder-layout{grid-template-columns:280px 1fr}.builder-controls #rotationOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-options{grid-template-columns:1fr}.playlist-options label{min-height:58px}.builder-header{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:760px){.builder-dialog{width:100%;min-height:100%;margin:0;border:0;border-radius:0}.builder-header{padding:26px 58px 20px 20px}.builder-layout{display:block}.builder-preview{position:relative;min-height:0;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.builder-preview-art{width:min(62vw,270px)}.builder-preview-copy{text-align:center}.builder-summary{margin-top:20px}.builder-controls{padding:4px 20px 24px}.builder-actions{flex-direction:column-reverse}.builder-actions .btn{width:100%}}
@media(max-width:480px){.builder-controls #rotationOptions{grid-template-columns:1fr}.builder-name-section .form-field{margin-left:0}.builder-preview-art{width:min(74vw,250px)}.builder-summary{align-items:center;flex-direction:column;gap:4px}}

/* Preview signatures for the landscape collection. */
.builder-preview-art[data-scene="crystal cavern"]{background:radial-gradient(circle at 50% 42%,rgba(57,217,255,.16),transparent 38%),#050711}.builder-preview-art[data-scene="crystal cavern"] i{bottom:12%;width:15%;height:52%;background:linear-gradient(145deg,rgba(234,244,255,.74),rgba(168,120,255,.25) 38%,rgba(57,217,255,.48));clip-path:polygon(50% 0,82% 24%,100% 100%,0 100%,18% 25%);filter:drop-shadow(0 0 16px rgba(57,217,255,.35))}.builder-preview-art[data-scene="crystal cavern"] i:nth-child(1){left:25%;height:42%;transform:rotate(-8deg)}.builder-preview-art[data-scene="crystal cavern"] i:nth-child(2){left:43%;height:62%;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,113,206,.26) 45%,rgba(168,120,255,.5))}.builder-preview-art[data-scene="crystal cavern"] i:nth-child(3){right:25%;height:36%;transform:rotate(9deg)}
.builder-preview-art[data-scene="midnight garden"]{background:repeating-radial-gradient(ellipse at center,rgba(190,193,204,.07) 0 1px,transparent 1px 13px),radial-gradient(ellipse at center,rgba(95,98,108,.24),transparent 64%),#171a20}.builder-preview-art[data-scene="midnight garden"] i{width:10px;height:32px;border:1px solid rgba(150,153,160,.7);background:linear-gradient(#50545c,#272a30);box-shadow:0 0 25px rgba(255,172,80,.38)}.builder-preview-art[data-scene="midnight garden"] i::before{position:absolute;top:-9px;left:-7px;width:24px;height:9px;background:#3b3e45;clip-path:polygon(50% 0,100% 72%,80% 100%,20% 100%,0 72%);content:""}.builder-preview-art[data-scene="midnight garden"] i::after{position:absolute;top:3px;left:2px;width:6px;height:7px;background:#ffd887;box-shadow:0 0 12px #ffb55a;content:""}.builder-preview-art[data-scene="midnight garden"] i:nth-child(1){top:35%;left:27%}.builder-preview-art[data-scene="midnight garden"] i:nth-child(2){top:54%;left:50%}.builder-preview-art[data-scene="midnight garden"] i:nth-child(3){top:31%;right:24%}
.builder-preview-art[data-scene="dreaming dunes"]{background:linear-gradient(180deg,#120c28 0,#4f294f 52%,#a65d65 100%)}.builder-preview-art[data-scene="dreaming dunes"]::before{position:absolute;top:21%;right:20%;width:17%;aspect-ratio:1;border-radius:50%;background:#d98d78;box-shadow:0 0 28px rgba(255,137,111,.3);content:""}.builder-preview-art[data-scene="dreaming dunes"] i{right:-12%;bottom:-10%;left:-12%;height:52%;border-radius:50% 50% 0 0;background:#63394f;transform:rotate(-5deg)}.builder-preview-art[data-scene="dreaming dunes"] i:nth-child(2){bottom:-22%;left:18%;height:56%;background:#874b58;transform:rotate(7deg)}.builder-preview-art[data-scene="dreaming dunes"] i:nth-child(3){bottom:-33%;left:-22%;height:55%;background:#482b42;transform:rotate(-2deg)}

.playlist-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ambient-mark{background:linear-gradient(135deg,#173b59,var(--cyan),var(--mint))}
.piano-mark{background:linear-gradient(135deg,#f2d6bd,#c4b6e8,var(--violet))}.ghibli-mark{background:linear-gradient(135deg,#4a8d74,var(--mint),#f0cb6d)}
@media(max-width:1000px){.playlist-options{grid-template-columns:1fr}}

.builder-cancel{border-color:transparent;color:var(--muted);background:transparent}.builder-cancel:hover{color:var(--ink);background:rgba(255,255,255,.05)}

.premium-locked{position:relative;cursor:pointer!important;opacity:.5}.premium-locked:hover{border-color:rgba(255,239,142,.35)!important;background:rgba(255,239,142,.035)!important}.premium-badge{display:inline-flex;margin-left:auto;padding:3px 6px;border:1px solid rgba(255,239,142,.24);border-radius:999px;color:var(--yellow);font-size:.46rem;font-style:normal;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.builder-controls #rotationOptions .premium-badge{position:absolute;right:9px;bottom:8px}.premium-card-locked{border-color:rgba(255,239,142,.16);cursor:pointer}.premium-card-locked:hover{border-color:rgba(255,239,142,.34);background:rgba(255,239,142,.04)}

.builder-preview-art[data-scene="celestial waters"]{background:linear-gradient(180deg,#080b20 0 43%,#0b2033 43%,#050b16 100%)}.builder-preview-art[data-scene="celestial waters"] i:nth-child(1){top:17%;right:23%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--yellow);box-shadow:0 0 28px rgba(255,251,150,.45)}.builder-preview-art[data-scene="celestial waters"] i:nth-child(2){top:43%;right:8%;left:8%;height:1px;background:rgba(143,186,225,.45);box-shadow:0 34px 0 rgba(57,217,255,.12),0 68px 0 rgba(80,242,177,.1)}.builder-preview-art[data-scene="celestial waters"] i:nth-child(3){right:18%;bottom:25%;width:32%;height:7%;border:1px solid rgba(80,242,177,.62);border-radius:50%;background:transparent;box-shadow:0 0 18px rgba(80,242,177,.3),inset 0 0 12px rgba(57,217,255,.16)}.builder-preview-art[data-scene="celestial waters"] b{bottom:18%;left:18%;width:38%;height:8%;border:1px solid rgba(57,217,255,.42);border-radius:50%;box-shadow:0 0 16px rgba(57,217,255,.24),35px -42px 0 -10px rgba(255,255,255,.5),72px -78px 0 -11px rgba(255,255,255,.4)}
.builder-preview-art[data-scene="firefly pond"]{background:radial-gradient(circle at 50% 75%,rgba(236,143,109,.26),transparent 42%),linear-gradient(180deg,#0a102c 0,#34294f 48%,#82475d 74%,#0a2030 75%,#06131f 100%)}.builder-preview-art[data-scene="firefly pond"]::before{position:absolute;right:0;bottom:24%;left:0;height:1px;background:rgba(238,152,135,.4);box-shadow:0 16px 0 rgba(57,217,255,.08),0 38px 0 rgba(80,242,177,.07);content:""}.builder-preview-art[data-scene="firefly pond"] i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px var(--yellow)}.builder-preview-art[data-scene="firefly pond"] i:nth-child(1){top:35%;left:28%}.builder-preview-art[data-scene="firefly pond"] i:nth-child(2){top:55%;left:61%;width:5px;height:5px;background:var(--mint);box-shadow:0 0 16px var(--mint)}.builder-preview-art[data-scene="firefly pond"] i:nth-child(3){top:66%;left:43%;width:4px;height:4px}.builder-preview-art[data-scene="firefly pond"] b{right:20%;bottom:10%;width:17%;height:7%;border-radius:50%;background:radial-gradient(ellipse at center,#ffef8e 0 12%,#ffe0ee 13% 33%,transparent 35%),rgba(13,52,53,.7);box-shadow:-92px 12px 0 -4px rgba(13,52,53,.7),-91px 11px 12px -5px rgba(255,220,238,.45),0 0 14px rgba(255,220,238,.35)}
.builder-preview-art[data-scene="prismatic rain"]{background:radial-gradient(circle at 55% 52%,rgba(86,83,156,.2),transparent 48%),linear-gradient(145deg,#050817,#10152d 55%,#09091b)}.builder-preview-art[data-scene="prismatic rain"]::before{position:absolute;inset:-15%;background:repeating-linear-gradient(104deg,transparent 0 20px,rgba(153,190,224,.12) 21px,transparent 23px 38px);transform:skewX(-7deg);content:""}.builder-preview-art[data-scene="prismatic rain"] i{width:44%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--mint),var(--violet),var(--pink));box-shadow:0 0 12px rgba(168,120,255,.35);transform:rotate(7deg)}.builder-preview-art[data-scene="prismatic rain"] i:nth-child(1){top:34%;left:22%}.builder-preview-art[data-scene="prismatic rain"] i:nth-child(2){top:57%;left:46%;width:28%;transform:rotate(1deg)}.builder-preview-art[data-scene="prismatic rain"] i:nth-child(3){top:72%;left:17%;width:22%;transform:rotate(11deg)}.builder-preview-art[data-scene="prismatic rain"] b{right:16%;bottom:18%;left:16%;height:10%;border:1px solid rgba(57,217,255,.25);border-radius:50%;box-shadow:0 0 22px rgba(185,103,255,.16)}
.builder-preview-art[data-scene="solar tides"]{background:radial-gradient(circle at center,rgba(72,30,68,.42),transparent 50%),#050716}.builder-preview-art[data-scene="solar tides"]::before{position:absolute;inset:13%;border:1px solid rgba(255,154,94,.2);border-radius:50%;box-shadow:0 0 0 22px rgba(185,103,255,.06),0 0 0 46px rgba(57,217,255,.035);content:"";transform:scaleX(1.35)}.builder-preview-art[data-scene="solar tides"] i{top:50%;left:50%;border:1px solid rgba(255,154,94,.28);border-radius:50%;transform:translate(-50%,-50%) scaleX(1.8)}.builder-preview-art[data-scene="solar tides"] i:nth-child(1){width:58%;height:31%}.builder-preview-art[data-scene="solar tides"] i:nth-child(2){width:40%;height:22%;border-color:rgba(185,103,255,.35)}.builder-preview-art[data-scene="solar tides"] i:nth-child(3){width:72%;height:40%;border-color:rgba(57,217,255,.18)}.builder-preview-art[data-scene="solar tides"] b{top:50%;left:50%;width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffde4,#ffd47d 43%,#ff765b 78%,#b94363);box-shadow:0 0 28px rgba(255,154,94,.6),0 0 56px rgba(255,113,206,.24);transform:translate(-50%,-50%)}
.builder-preview-art[data-scene="cloud temple"]{background:radial-gradient(circle at 68% 20%,rgba(226,222,255,.25),transparent 19%),linear-gradient(180deg,#070b22,#292644 66%,#0a0b1b)}.builder-preview-art[data-scene="cloud temple"]::before{position:absolute;right:15%;bottom:12%;left:15%;height:38%;background:#080914;clip-path:polygon(50% 0,61% 14%,57% 17%,71% 32%,64% 35%,82% 53%,70% 57%,70% 100%,30% 100%,30% 57%,18% 53%,36% 35%,29% 32%,43% 17%,39% 14%);filter:drop-shadow(0 0 8px rgba(185,169,232,.16));content:""}.builder-preview-art[data-scene="cloud temple"] i{right:-12%;left:-12%;height:18%;border-radius:50%;background:rgba(75,80,114,.44);filter:blur(7px)}.builder-preview-art[data-scene="cloud temple"] i:nth-child(1){top:31%}.builder-preview-art[data-scene="cloud temple"] i:nth-child(2){top:49%;left:18%;background:rgba(55,62,96,.65)}.builder-preview-art[data-scene="cloud temple"] i:nth-child(3){top:68%;right:20%;background:rgba(41,47,78,.8)}.builder-preview-art[data-scene="cloud temple"] b{top:13%;right:23%;width:16%;aspect-ratio:1;border-radius:50%;background:#f8f4dc;box-shadow:0 0 26px rgba(226,222,255,.48)}

.premium-promo[hidden]{display:none!important}.supporter-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(32px,7vw,96px);align-items:center;margin:72px 0 36px;padding:clamp(34px,6vw,72px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 88% 20%,rgba(80,242,177,.12),transparent 25rem),radial-gradient(circle at 8% 85%,rgba(168,120,255,.12),transparent 28rem),rgba(255,255,255,.025);box-shadow:var(--shadow)}.supporter-copy h2{max-width:650px;margin:0;font-size:clamp(2.3rem,4.5vw,4.5rem);font-weight:500;letter-spacing:-.05em;line-height:1}.supporter-copy>p:not(.eyebrow){max-width:650px;margin:22px 0;color:var(--muted-strong);font-size:.95rem;line-height:1.7}.supporter-copy ul{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none;color:var(--muted-strong);font-size:.78rem}.supporter-copy li::before{margin-right:10px;color:var(--mint);content:"✦"}.supporter-offer{padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(8,7,14,.66);backdrop-filter:blur(18px)}.supporter-kicker{color:var(--mint);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.supporter-price{display:flex;align-items:flex-end;gap:13px;margin:18px 0}.supporter-price strong{font-size:clamp(3.3rem,6vw,5rem);font-weight:500;letter-spacing:-.07em;line-height:.85}.supporter-price span{color:var(--muted);font-size:.62rem;line-height:1.45;text-transform:uppercase}.supporter-fineprint{margin:0 0 22px;color:var(--muted);font-size:.66rem;line-height:1.55}.supporter-offer .btn{width:100%}.supporter-offer .btn:disabled{cursor:default;opacity:.68;transform:none}.billing-notice{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:.63rem;line-height:1.5}
.builder-controls #rotationOptions{display:block}.visual-category+.visual-category{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.visual-category-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}.visual-category-header h4{margin:0;color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.visual-category-header p{margin:0;color:var(--muted);font-size:.54rem;text-align:right}.builder-controls .visual-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.builder-controls #rotationOptions .visual-option{margin:0!important}
@media(max-width:1000px){.builder-controls .visual-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.visual-category-header{align-items:flex-start;flex-direction:column;gap:2px}.visual-category-header p{text-align:left}.builder-controls .visual-category-grid{grid-template-columns:1fr}}
@media(max-width:800px){.supporter-section{grid-template-columns:1fr;margin-top:38px;padding:30px 22px}.supporter-offer{padding:22px}}

/* Keep adjacent homepage sections visually connected on phones. The desktop
   workspace bottom padding and Premium top margin previously compounded into
   a large empty band. */
@media(max-width:900px){.workspace{padding-bottom:32px}.supporter-section{margin-top:16px}.visual-stage{border-radius:50%}}

.builder-controls #rotationOptions label{min-height:82px;padding:34px 10px 10px}
.builder-controls #rotationOptions label>span{width:100%}