.living-site.vibes-page{background:var(--vibe-bg);color:var(--vibe-ink)}.vibes-page .vibes-opening,.vibes-page .boombox-player{background:var(--vibe-bg);color:var(--vibe-ink);border-color:var(--vibe-ink)}.vibes-page .boombox-player :is(h1,h2) em,.vibes-page .cassette-library>.marker,.vibes-page .boombox-error,.vibes-page .build-invitation h2 em{color:var(--chrome-accent,var(--vibe-accent))}.vibes-page .vibes-opening-handoff{background:var(--vibe-ink);color:var(--vibe-bg)}.vibes-page .vibes-opening-handoff span{color:var(--vibe-bg)}.vibes-page .vibes-opening-handoff i{background:var(--vibe-panel);color:var(--vibe-ink);border:3px solid var(--chrome-accent,var(--vibe-accent))}.vibes-page .vibes-finale{background:var(--vibe-panel);color:var(--vibe-ink)}.vibes-page .build-invitation{border-color:var(--vibe-ink)}.vibes-page .build-invitation .pill{background:var(--vibe-ink);color:var(--vibe-bg)}.vibes-page .cassette-stack-empty{border-color:var(--vibe-ink)}.vibes-page :focus-visible{outline-color:var(--chrome-accent,var(--vibe-accent))}.vibes-page .boombox-shell{box-shadow:16px 18px 0 var(--chrome-accent,var(--vibe-accent)),0 35px 55px color-mix(in srgb,var(--ink) 28%,transparent)}.vibes-page .boombox-speaker{border-color:color-mix(in srgb,var(--chrome-accent,var(--vibe-accent)) 65%,var(--device-metal));box-shadow:inset 0 0 28px var(--ink),0 0 34px color-mix(in srgb,var(--chrome-accent,var(--vibe-accent)) calc(var(--speaker-glow,0) * 100%),transparent)}.vibes-page .boombox-speaker:after{border-color:color-mix(in srgb,var(--chrome-accent,var(--vibe-accent)) 45%,var(--device-metal))}.vibes-page .boombox-deck{border-color:color-mix(in srgb,var(--chrome-accent,var(--vibe-accent)) 40%,var(--device-shell))}.vibes-page .boombox-top .boombox-party-button{border-color:var(--yellow);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--chrome-accent,var(--vibe-accent));position:relative;isolation:isolate;cursor:pointer;white-space:nowrap}.vibes-page .boombox-top .boombox-party-button:disabled{cursor:not-allowed}.boombox-party-button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--yellow);border-radius:inherit;pointer-events:none;opacity:0}.boombox-party-button:not(:disabled):hover{translate:0 -2px}.boombox-party-button:focus-visible{outline:3px solid var(--paper);outline-offset:7px}@media(prefers-reduced-motion:no-preference){.boombox-party-button:not(:disabled)[aria-pressed=false]:after{animation:party-invitation-breathe 3.4s ease-in-out infinite}}@keyframes party-invitation-breathe{0%,to{transform:scale(1);opacity:.12}50%{transform:scale(1.055,1.14);opacity:.5}}.vibes-page .boombox-top .boombox-party-button[aria-pressed=true]{background:color-mix(in srgb,var(--chrome-accent,var(--vibe-accent)) 35%,var(--device-shell));color:var(--paper);box-shadow:3px 3px 0 var(--chrome-accent,var(--vibe-accent))}.vibes-page .boombox-controls input{accent-color:var(--chrome-accent,var(--vibe-accent))}.vibes-page .boombox-shell.is-playing .boombox-top i{background:var(--chrome-accent,var(--vibe-accent))}.boombox-sound-credit{display:block;margin-top:16px;font:11px/1.5 var(--font-mono);opacity:.75}.boombox-sound-credit a{text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:no-preference){.vibes-page,.vibes-page .vibes-opening,.vibes-page .boombox-player,.vibes-page .vibes-opening-handoff,.vibes-page .vibes-finale,.vibes-page .boombox-player :is(h1,h2) em,.vibes-page .cassette-library>.marker,.vibes-page .vibes-opening-handoff span,.vibes-page .vibes-opening-handoff i{transition:background-color .45s ease,color .45s ease,border-color .45s ease}.vibes-page .boombox-deck,.vibes-page .boombox-party-button,.vibes-page .boombox-speaker{transition:border-color .45s ease}}@media(max-width:768px){.vibes-page .boombox-shell{box-shadow:9px 10px 0 var(--chrome-accent,var(--vibe-accent))}}.vibe-journey{height:700svh;position:relative;overflow:visible}.vibe-surface{--v-bg:#e8e8e1;--v-ink:#182a30;--v-accent:#3d655c;--v-panel:#ffffff;--v-radius:3px;--v-gap:36px;--v-tilt:0deg;--v-width:52%;position:sticky;top:0;min-height:100svh;height:100svh;background:var(--v-bg);color:var(--v-ink);padding:102px var(--pad) 22px;display:flex;flex-direction:column;overflow:hidden}.vibe-chapters{display:flex;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--v-ink) 25%,transparent);padding-bottom:16px;gap:12px}.vibe-chapters button{text-align:left;font-size:10px;opacity:.5;padding:5px 0;min-height:35px}.vibe-chapters small{display:block;font:9px var(--font-mono);margin-bottom:5px}.vibe-chapters [aria-current=step]{opacity:1;color:var(--v-accent)}.vibe-world-index [aria-current=location]{color:var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}.vibe-stage{display:flex;gap:var(--v-gap);align-items:stretch;flex:1;min-height:0;padding:25px 0}.vibe-story{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.vibe-story h2{font-size:clamp(36px,4.8vw,75px);text-transform:none;font-family:serif;font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:16px 0}.vibe-story>p{font-size:12px;line-height:1.5;margin-bottom:20px}.vibe-story .living-film{max-width:380px;border-radius:var(--v-radius);max-height:22svh}.vibe-surface .vibe-motion-study{flex:1;min-height:0;width:100%;max-width:430px;margin:12px 0}.vibe-surface .vibe-motion-study .motion-artboard{height:100%;min-height:0;aspect-ratio:auto;flex:1}.vibe-film-caption{font:8px var(--font-mono);display:block;margin-top:8px;opacity:.65}.vibe-product-wrap{width:var(--v-width);transform:rotate(var(--v-tilt));max-width:610px}.vibe-product-wrap .living-product{padding:clamp(18px,2.4vw,36px);background:var(--v-panel);color:var(--v-ink);transition:none}.vibe-product-caption{font:8px var(--font-mono);display:block;margin-bottom:12px;letter-spacing:.08em}.vibe-product-wrap>p{font:10px var(--font-mono);text-align:right;margin:15px 0 0;opacity:.65}.vibe-product-wrap .product-greeting h3{font-size:clamp(24px,3.4vw,48px);max-width:400px}.vibe-product-wrap .product-tasks>button{font-size:12px;padding-block:16px}.vibe-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid color-mix(in srgb,var(--v-ink) 25%,transparent);padding-top:16px;font:8px var(--font-mono)}.vibe-bottom>div{display:flex;gap:20px;align-items:center}.vibe-bottom button{font-size:10px;min-height:30px}.vibe-surface[data-world=editorial] .vibe-story h2{font-style:italic;font-size:clamp(40px,5.3vw,80px)}.vibe-surface[data-world=editorial] .product-greeting h3{font-family:serif;font-weight:400}.vibe-surface[data-world=media] .vibe-story h2{font-family:var(--font-heading);font-weight:900;text-transform:uppercase}.vibe-surface[data-world=media] .living-product{border-color:var(--v-accent);box-shadow:0 20px 70px color-mix(in srgb,var(--v-accent) 18%,transparent)}.vibe-surface[data-world=eighties]{background-image:linear-gradient(transparent 98%,color-mix(in srgb,var(--v-accent) 20%,transparent) 98%),linear-gradient(90deg,transparent 98%,color-mix(in srgb,var(--v-accent) 20%,transparent) 98%);background-size:55px 55px}.vibe-surface[data-world=eighties] .vibe-story h2{font-style:italic;font-family:var(--font-heading);font-weight:900;color:var(--v-accent);text-shadow:3px 3px 0 var(--v-ink)}.vibe-surface[data-world=eighties] .product-toolbar{font-family:var(--font-mono)}.vibe-surface[data-world=nineties] .living-product{box-shadow:12px 12px 0 var(--v-ink);border:3px solid}.vibe-surface[data-world=nineties] .vibe-story h2{font-family:var(--font-heading);font-weight:950;text-transform:uppercase;line-height:.88}.vibe-surface[data-world=street] .vibe-story h2,.vibe-surface[data-world=street] .product-greeting h3{font-family:var(--font-marker);font-weight:400;line-height:1.1}.vibe-surface[data-world=street] .living-product{box-shadow:8px 8px 0 var(--v-accent);border:2px solid}.vibe-surface[data-world=yopla] .vibe-story h2{font-family:var(--font-marker);font-weight:400;color:var(--v-accent)}.vibes-finale{padding:75px var(--pad);background:var(--mint);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:15px 8%}.vibes-finale>.living-kicker{grid-column:1/-1}.vibes-finale h2{font-size:clamp(44px,6vw,90px)}.vibes-finale p{font-size:17px;line-height:1.6;align-self:center;max-width:520px}.vibe-reduced{height:auto}.vibe-reduced .vibe-surface{position:relative}@media(max-width:1024px){.vibe-surface{padding-top:145px}.vibe-story h2{font-size:4.5vw}.vibe-stage{gap:22px}.vibe-product-wrap .product-tasks>button{font-size:10px;padding-block:13px}.vibe-story .living-film{max-height:19svh}.vibe-product-wrap .product-greeting h3{font-size:28px}.vibe-bottom>span{max-width:230px;line-height:1.5}}@media(max-width:768px){.vibe-chapters button,.vibe-bottom button{min-height:44px}.vibe-natural-journey .vibe-surface{padding:45px 20px;min-height:0;height:auto;position:relative;overflow:visible}.vibe-journey .vibe-surface{padding:96px 14px 12px}.vibe-chapters{gap:6px;overflow-x:auto;flex-shrink:0;padding-bottom:8px;scrollbar-width:thin}.vibe-chapters button{font-size:8px;white-space:nowrap}.vibe-chapters small{font-size:7px}.vibe-stage{gap:12px;display:grid;grid-template-columns:1fr;padding:12px 0;align-content:start}.vibe-story{display:grid;grid-template-columns:1fr 35%;gap:7px 12px;align-items:center}.vibe-journey .vibe-stage{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.vibe-journey .vibe-story{display:block}.vibe-journey .vibe-story>p,.vibe-journey .vibe-motion-study,.vibe-journey .vibe-motion-caption{display:none}.vibe-journey .vibe-tape-invitation{margin:3px 0}.vibe-journey .vibe-tape-invitation small,.vibe-journey .vibe-tape-invitation a{display:none}.vibe-journey .vibe-tape-invitation button{min-height:36px;font-size:13px}.vibe-journey .device-caption{display:none}.vibe-story>.living-kicker{grid-column:1;font-size:8px}.vibe-story h2,.vibe-surface[data-world=editorial] .vibe-story h2{grid-column:1;font-size:7vw;margin:0}.vibe-story>p{grid-column:1;font-size:10px;margin:0}.vibe-story .living-film{grid-column:2;grid-row:1/4;width:100%;height:auto;max-height:none;aspect-ratio:1;align-self:stretch;min-height:100px}.vibe-film-caption{grid-column:1/-1;font-size:7px;margin-top:0}.vibe-product-wrap{width:100%;max-width:none;transform:none}.vibe-product-caption{font-size:7px;margin-bottom:7px}.vibe-product-wrap .living-product{padding:14px}.vibe-product-wrap .product-greeting{padding-top:9px}.vibe-product-wrap .product-greeting h3{font-size:24px;max-width:100%;margin:5px 0}.vibe-product-wrap .product-greeting p{margin-bottom:8px;font-size:10px}.vibe-product-wrap .product-progress{margin:10px 0 4px}.vibe-product-wrap .product-tasks>button{padding-block:8px;min-height:37px;font-size:10px}.vibe-product-wrap .product-toolbar{padding-bottom:8px}.vibe-product-wrap .product-toolbar>span{font-size:18px}.vibe-product-wrap .product-bottom{padding-top:6px;font-size:8px}.vibe-product-wrap>p{font-size:8px;margin-top:8px}.vibe-bottom{flex-shrink:0;padding-top:8px}.vibe-bottom>span{display:none}.vibe-bottom>div{width:100%;justify-content:space-between}.vibes-finale{padding:50px 22px;grid-template-columns:1fr}.vibes-finale h2{font-size:12vw}.vibes-finale p{font-size:15px}.vibe-reduced .vibe-surface{height:auto;min-height:0;padding-top:30px}}.vibe-story .vibe-motion-study{width:100%;max-width:640px;margin:24px 0 16px;min-height:0}.vibe-story .vibe-motion-study .motion-artboard{display:block;width:100%;height:auto;max-height:30vh}.vibe-story>p{max-width:42em;line-height:1.6}.vibe-motion-caption{display:block;line-height:1.5;margin-top:12px}@media(max-width:768px){.vibe-story .vibe-motion-study .motion-artboard{max-height:24vh}.vibe-story .vibe-motion-study{margin-top:18px}.vibe-natural-journey .vibe-story{display:block}.vibe-natural-journey .vibe-story>p{font-size:15px;margin-top:16px}.vibe-natural-journey .vibe-product-wrap{margin-top:24px}}@media(max-width:768px){.vibe-journey .vibe-stage{align-items:stretch}.vibe-journey .vibe-product-wrap{height:100%;min-height:0;padding-bottom:12px;align-items:stretch}.vibe-journey .vibe-product-wrap .morph-device-wrap{height:100%;min-height:0;width:min(315px,calc((100svh - 305px)/1.48));max-width:100%}.vibe-journey .morph-device{height:100%;min-height:0;display:flex;flex-direction:column}.vibe-journey .morph-device .device-hardware,.vibe-journey .device-bottom-chrome{flex-shrink:0}.vibe-journey .morph-device .device-app{height:0;min-height:0;flex:1}}.boombox-player{padding:clamp(76px,10vh,130px) var(--pad);background:var(--yellow);color:var(--ink);border-block:2px solid;overflow:hidden}.boombox-player>header{margin-bottom:46px}.boombox-player :is(h1,h2){font-size:clamp(54px,8vw,125px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 0}.boombox-player :is(h1,h2) em{font-family:var(--font-marker);font-weight:400;color:var(--pink);text-transform:none}.boombox-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:clamp(30px,5vw,75px);align-items:center}.boombox-shell{position:relative;background:#171717;color:#fff;padding:40px 30px 24px;border:4px solid var(--ink);box-shadow:16px 18px 0 var(--pink),0 35px 55px #00000047;border-radius:12px;transform-style:preserve-3d;transform-origin:center center;will-change:transform}.boombox-shell:after{content:"";position:absolute;z-index:-1;top:20%;right:-5%;bottom:-12%;left:-5%;background:var(--ink);clip-path:polygon(50% 0,58% 30%,80% 8%,78% 35%,100% 42%,75% 53%,95% 75%,68% 70%,62% 100%,47% 77%,25% 96%,29% 70%,0 82%,21% 55%,0 39%,29% 34%,12% 8%,42% 28%);transform:translateZ(-45px)}.boombox-handle{position:absolute;left:19%;right:19%;height:65px;top:-50px;border:12px solid #171717;border-bottom:0;border-radius:18px 18px 0 0}.boombox-top{display:flex;align-items:center;gap:13px;margin-bottom:20px;font:900 11px var(--font-mono);letter-spacing:.2em}.boombox-top span{margin-right:auto}.boombox-top i{width:18px;height:18px;border:2px solid #ddd;border-radius:50%;background:#555}.boombox-face{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(250px,1.5fr) minmax(110px,.55fr);gap:20px;align-items:center}.boombox-speaker{position:relative;aspect-ratio:1;border-radius:50%;border:9px double #777;background:repeating-radial-gradient(circle,#222 0,#222 4px,#0b0b0b 5px,#0b0b0b 8px);transform:translateZ(18px) scale(var(--speaker-scale,1));box-shadow:inset 0 0 28px #000,0 0 34px rgba(243,31,120,var(--speaker-glow,0));transition:none}.boombox-speaker:after{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;border:3px solid #666;border-radius:50%;background:#101010;transform:scale(var(--speaker-core,1));box-shadow:inset 0 0 12px #000;transition:none}.boombox-deck{min-height:238px;border:8px solid #333;background:#080808;padding:27px 18px;display:grid;place-items:center;overflow:hidden;transform:translateZ(28px);transform-style:preserve-3d;box-shadow:inset 0 18px 28px #000}.boombox-deck.is-swapping .cassette-loaded{animation:cassette-swap .62s ease}.cassette{position:relative;display:block;width:100%;aspect-ratio:1.62;border:3px solid var(--tape-ink,var(--ink));border-radius:7px;background:var(--tape-shell,#eee3bd);color:var(--tape-ink,var(--ink));padding:0;font:inherit;text-align:left;box-shadow:5px 6px 0 var(--tape-accent,var(--pink));overflow:hidden;transform-style:preserve-3d}.cassette-label{position:absolute;top:7%;right:7%;bottom:42%;left:7%;background:var(--tape-label,var(--paper));border:2px solid var(--tape-ink,var(--ink));display:grid;place-items:center;padding:17px 28px 8px;text-align:center;box-shadow:inset 0 -8px 0 var(--tape-accent,var(--yellow));transform:translateZ(8px)}.cassette-label small{position:absolute;left:7px;top:5px;font:900 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tape-accent,var(--pink))}.cassette-label strong{font:clamp(18px,2.2vw,32px)/.88 var(--font-marker);text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.04em}.cassette-label em{font:900 8px var(--font-mono);font-style:normal;text-transform:uppercase;letter-spacing:.08em}.cassette-window{position:absolute;left:22%;right:22%;bottom:14%;height:30%;border:2px solid;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#28251f}.cassette-window i{width:30%;aspect-ratio:1;border:6px dotted #eee3bd;border-radius:50%}.cassette-window span{height:55%;width:28%;background:#eee3bd;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.cassette-window .spinning{animation:reel-spin .62s linear infinite}.cassette-window .stopping{animation:reel-spin 1.8s ease-out 1}.cassette-screws:before,.cassette-screws:after{content:"+";position:absolute;top:5px;font:10px var(--font-mono)}.cassette-screws:before{left:7px}.cassette-screws:after{right:7px}.cassette-ai{position:absolute;z-index:3;right:4%;top:42%;background:var(--pink);color:#fff;padding:4px 6px;font:8px var(--font-mono);text-transform:uppercase;rotate:4deg}.boombox-controls{display:flex;align-items:center;gap:14px;margin-top:22px;transform:translateZ(20px)}.boombox-controls button{width:48px;height:40px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:2px solid var(--yellow);cursor:pointer}.boombox-shell.is-playing .boombox-controls button{box-shadow:0 3px 0 var(--pink)}.boombox-shell.is-playing .boombox-top i{background:var(--pink)}.boombox-shell.is-playing .boombox-top i:nth-child(2){animation-delay:-.25s}.boombox-shell.is-playing .boombox-top i:nth-child(3){animation-delay:-.5s}.boombox-controls svg{width:18px}.boombox-controls input{flex:1;accent-color:var(--pink)}.boombox-controls span{font:10px var(--font-mono);white-space:nowrap}.boombox-now{margin:24px 0 0;font:17px var(--font-marker)}.boombox-now b{font:900 9px var(--font-body);text-transform:uppercase;letter-spacing:.13em;margin-right:10px}.boombox-error{font:11px var(--font-mono);color:var(--pink)}.cassette-library>.marker{display:block;font-size:20px;color:var(--pink);rotate:-2deg;margin-bottom:12px}.cassette-stack{display:flex;flex-direction:column;overflow:visible;padding:20px 24px 32px;perspective:900px}.cassette-choice{height:auto;aspect-ratio:1.62;flex:0 0 auto;cursor:pointer;transform:translateZ(0) rotate(-1deg);transform-origin:center bottom;transition:transform .28s cubic-bezier(.2,.9,.3,1),filter .2s}.cassette-choice+.cassette-choice{margin-top:-36%}.cassette-choice:nth-child(2n){transform:translate(10px) translateZ(4px) rotate(1.5deg)}.cassette-choice:nth-child(3n){transform:translate(-5px) translateZ(8px) rotate(-.5deg)}.cassette-choice:hover,.cassette-choice:focus-visible{z-index:20;transform:translateY(-9px) translateZ(35px) rotate(0);filter:drop-shadow(8px 10px 0 var(--tape-accent,var(--pink)))}.cassette-choice .cassette-label strong{font-size:20px}.cassette[data-theme=editorial] .cassette-label{rotate:-1.5deg}.cassette[data-theme=media] .cassette-label{border-radius:999px}.cassette[data-theme=eighties]{background-image:linear-gradient(135deg,var(--tape-shell) 58%,var(--tape-accent) 58% 64%,var(--tape-shell) 64%)}.cassette[data-theme=nineties] .cassette-label{background-image:linear-gradient(90deg,transparent 86%,var(--tape-accent) 86%)}.cassette[data-theme=street]{border-radius:2px;rotate:-.5deg}.cassette[data-theme=street] .cassette-label{rotate:1.2deg}.cassette[data-theme=yopla] .cassette-label strong{text-shadow:2px 2px 0 var(--tape-accent)}.cassette-stack-empty{border:2px dashed var(--ink);padding:28px;display:grid;gap:8px;rotate:1deg}.cassette-stack-empty strong{font:24px var(--font-marker)}.cassette-stack-empty span,.boombox-status,.boombox-empty p{font:12px var(--font-mono)}.boombox-empty{padding:40px;border:3px dashed var(--ink)}.boombox-empty h2{font-size:clamp(42px,7vw,96px)}@keyframes reel-spin{to{rotate:360deg}}@keyframes boombox-button-beat{50%{translate:0 -3px;box-shadow:0 5px 0 var(--pink)}}@keyframes boombox-handle-bounce{50%{translate:0 -3px}}@keyframes boombox-light{50%{background:var(--pink);box-shadow:0 0 13px var(--pink)}}@keyframes cassette-swap{0%{translate:0 0}42%{translate:0 -150%;rotate:-3deg}43%{translate:0 150%;rotate:3deg}to{translate:0 0;rotate:0}}@media(max-width:1024px){.boombox-layout{grid-template-columns:1fr}.cassette-library{min-width:0}.cassette-stack{display:flex;flex-direction:row;gap:18px;overflow-x:auto;padding:22px 18px 26px}.cassette-choice{flex:0 0 min(330px,82vw)}.cassette-choice+.cassette-choice{margin-top:0}.cassette-choice:nth-child(n){height:auto;aspect-ratio:1.62;transform:none}}@media(max-width:768px){.boombox-player{padding:70px 18px}.boombox-shell{padding:28px 14px 18px;box-shadow:9px 10px 0 var(--pink)}.boombox-handle{height:48px;top:-38px;border-width:9px}.boombox-face{grid-template-columns:45px minmax(0,1fr) 45px;gap:8px}.boombox-speaker{border-width:4px}.boombox-deck{min-height:160px;border-width:5px;padding:15px 9px}.boombox-controls{gap:8px}.boombox-controls span{font-size:8px}.cassette-label strong{font-size:17px}.boombox-now{font-size:15px}}@media(prefers-reduced-motion:reduce){.cassette-window .spinning,.cassette-window .stopping,.boombox-deck.is-swapping .cassette-loaded,.boombox-shell.is-playing .boombox-controls button,.boombox-shell.is-playing .boombox-handle,.boombox-shell.is-playing .boombox-top i{animation:none}.cassette-choice{transition:none}}.studio-deck{background:#f5f0e6;color:#171719;padding:clamp(48px,7vw,90px) var(--pad,5%);border-top:1px solid #17171930;scroll-margin-top:100px;isolation:isolate}.studio-deck-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:32px 7%;align-items:end;margin-bottom:36px}.studio-deck-heading :is(h1,h2){font:900 clamp(48px,6.5vw,100px)/1.02 var(--font-heading),Inter,sans-serif;letter-spacing:-.055em;margin:16px 0 0}.studio-deck-heading :is(h1,h2) em{display:block;font:400 .7em/1.18 var(--font-marker);color:var(--pink,#f31f78);letter-spacing:0}.studio-deck-heading p{max-width:460px;margin:0;font:18px/1.6 Inter,sans-serif}.studio-deck-heading p small{display:block;font-size:13px;margin-top:16px}.studio-deck-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}.studio-deck-main{min-width:0;max-width:1100px;width:100%;margin-inline:auto}.studio-deck-object{position:relative;width:100%;isolation:isolate;overflow:hidden;transform-origin:50% 72%;container-type:inline-size}.studio-deck-object img{width:100%;height:auto;display:block}.studio-deck-reel{position:absolute;top:54.9%;width:2.5%;aspect-ratio:1;border:2px dashed #d1d0c6;border-radius:50%;background:#18191bcc;box-shadow:0 0 3px #000;pointer-events:none;opacity:.65}.studio-deck-reel.reel-left{left:44%}.studio-deck-reel.reel-right{left:53%}.studio-deck-lamp{position:absolute;top:31%;left:76%;width:.65%;aspect-ratio:1;border-radius:50%;background:#702340}.is-playing .studio-deck-lamp{background:#ff3186;box-shadow:0 0 12px #ff217d}.studio-deck .deck-cassette-toggle{position:absolute;left:38%;top:45%;width:25%;height:21%;z-index:3;cursor:pointer;background:transparent;border:0}.studio-deck .deck-object-controls{position:absolute;left:41%;top:74.5%;width:20.5%;height:4.4%;display:flex;gap:1.7%;z-index:4;visibility:visible;pointer-events:auto}.studio-deck .deck-key{position:relative;display:grid;place-items:center;flex:1;min-width:0;min-height:0;padding:0;border:0;border-radius:2px;background:transparent;color:#171719;cursor:pointer}.studio-deck .deck-key>svg{opacity:0;pointer-events:none}.studio-deck .deck-key:hover{background:#ffe32655}.studio-deck .deck-key:active{background:#17171945;translate:0 1px}.studio-deck .deck-key:focus-visible,.studio-deck .deck-cassette-toggle:focus-visible{outline:3px solid #ffe326;outline-offset:2px}.studio-deck .deck-key:disabled{cursor:default}.studio-deck .deck-loaded-tape{position:absolute;left:41%;top:51.2%;width:17%;height:3.1%;display:flex;align-items:center;justify-content:center;padding:0 2px;font:400 clamp(4px,1.1cqw,12px)/1 var(--font-marker);letter-spacing:.02em;color:#29241d;background:linear-gradient(172deg,#dfd0ad,#eee2c3 46%,#d6c6a5);box-shadow:inset 0 1px #fff3,inset 0 -1px #75634630;clip-path:polygon(0 4%,23% 0,49% 5%,74% 1%,100% 5%,99% 94%,70% 100%,44% 95%,17% 100%,1% 96%);transform:rotate(-.7deg);white-space:nowrap;overflow:hidden;pointer-events:none}.studio-deck .deck-vu{position:absolute;left:64.6%;top:43.7%;width:4%;height:9.5%;display:flex;gap:2px;align-items:end;overflow:hidden;pointer-events:none;opacity:0}.studio-deck .is-playing .deck-vu{opacity:.8}.studio-deck .deck-vu i{flex:1;height:90%;background:linear-gradient(to top,#e8d433 65%,#f39136 65%,#f39136 85%,#ee4b47 85%);transform-origin:bottom;animation:studio-deck-level .64s ease-in-out infinite alternate;animation-play-state:paused}.studio-deck .is-playing .deck-vu i{animation-play-state:running}.studio-deck .deck-vu i:nth-child(2n){animation-delay:-.3s}.studio-deck .deck-vu i:nth-child(3n){animation-duration:.8s}@keyframes studio-deck-level{0%{transform:scaleY(.2)}to{transform:scaleY(.95)}}.studio-deck-reflection{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(108deg,transparent 37%,#fff9 47%,#fff2 53%,transparent 62%);clip-path:polygon(5% 25%,96% 25%,96% 42%,5% 42%,5% 25%,37% 42%,65% 42%,65% 67%,37% 67%);mix-blend-mode:screen;z-index:1}.studio-deck-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid #17171930;padding:20px 0}.studio-deck-caption p{display:grid;gap:5px;margin:0}.studio-deck-caption small{font:10px var(--font-mono);letter-spacing:.1em}.studio-deck-caption strong{font:700 20px/1.3 Inter,sans-serif}.studio-deck-caption span{font-size:12px}.studio-deck-volume{display:flex;align-items:center;gap:10px;font-size:12px;max-width:220px}.studio-deck-volume input{width:110px;min-width:0;min-height:44px;accent-color:#171719}.studio-tape-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:12px 8px 24px;min-width:0}.studio-tape-shelf>div{grid-column:1/-1}.studio-tape-shelf>div>p{font-size:15px;margin:8px 0 0}.studio-tape-shelf .cassette-choice{width:100%;min-width:0;min-height:0;margin:0;aspect-ratio:1.62;transform:rotate(-1deg);box-shadow:2px 4px #171719,0 10px 18px #17171915;transition:transform .2s}.studio-tape-shelf .cassette-choice+.cassette-choice{margin-top:0}.studio-tape-shelf .cassette-choice:nth-child(2n){transform:rotate(1deg)}.studio-tape-shelf .cassette-choice:hover,.studio-tape-shelf .cassette-choice:focus-visible{transform:translateY(-4px);outline:3px solid var(--pink,#f31f78);outline-offset:5px}.studio-tape-shelf .cassette-choice.is-relevant{outline:3px solid var(--pink,#f31f78);outline-offset:5px}.studio-tape-shelf .cassette-label{padding:18px 8px 8px}.studio-tape-shelf .cassette-label strong{font-size:clamp(13px,1.4vw,20px);line-height:1.03;white-space:normal;overflow:visible;letter-spacing:-.01em}.studio-tape-shelf .cassette-label em{display:none}.studio-tape-shelf .cassette-label small{font-size:8px}.studio-deck-error{font-size:14px;padding:16px;border:1px solid var(--pink,#f31f78)}.studio-deck-hero{padding:0;background:transparent;border:0}.studio-deck-hero .studio-deck-layout{display:block}@media(max-width:768px){.studio-deck-heading{grid-template-columns:1fr;gap:24px}.studio-deck-heading p{font-size:16px;max-width:38em}.studio-tape-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.studio-tape-shelf .cassette-label strong{font-size:clamp(13px,3.2vw,20px)}.studio-deck{padding-inline:20px}.studio-deck-hero{padding:0}.studio-deck-caption{align-items:start;flex-wrap:wrap;gap:12px}.studio-deck-volume{max-width:none}.studio-deck .deck-object-controls{height:7%;top:73.2%}.studio-deck-reel{border-width:1px}}@media(prefers-reduced-motion:reduce){.studio-tape-shelf .cassette-choice{transition:none}.studio-deck-object{transform:none!important}.studio-deck-reflection{display:none}.studio-deck .deck-vu i{animation:none;transform:scaleY(.55)}}.studio-deck-settings{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.studio-deck-party{min-height:44px;background:transparent;color:inherit;border:0;font:13px/1.4 Inter,sans-serif;text-decoration:underline;text-underline-offset:4px}.studio-deck-settings :focus-visible{outline:2px solid #171719;outline-offset:4px}.studio-deck .deck-tape-colour{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.studio-deck .deck-loaded-tape,.studio-deck .studio-deck-reel{z-index:2}.vibe-world-tape.is-compact{margin-top:12px}.vibe-world-tape.is-compact>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;background:transparent;border:0;color:var(--v-ink);font:500 12px/1.4 Inter,sans-serif;cursor:pointer}.vibe-world-tape.is-compact>button:focus-visible{outline:2px solid var(--v-accent);outline-offset:4px}.vibe-world-tape.is-compact .vibe-mini-cassette{width:25px;height:17px;border:1px solid currentColor;border-radius:3px;display:flex;align-items:center;justify-content:space-around}.vibe-world-tape.is-compact .vibe-mini-cassette i{height:6px;width:6px;border:1px solid currentColor;border-radius:50%}.vibes-opening{background:var(--yellow);border-bottom:2px solid var(--ink)}.vibes-opening .boombox-player>header{display:grid;grid-template-columns:1.15fr .85fr;gap:18px 7vw;align-items:end}.vibes-opening .boombox-player>header .living-kicker{grid-column:1/-1}.vibes-opening .boombox-player>header p{max-width:480px;margin:0 0 10px;font:clamp(17px,1.6vw,24px)/1.45 var(--font-marker);rotate:-1deg}.vibes-opening-handoff{min-height:145px;padding:28px var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;background:var(--ink);color:#fff;text-decoration:none}.vibes-opening-handoff span{font-size:18px;color:var(--yellow);rotate:-2deg}.vibes-opening-handoff strong{font-size:clamp(24px,3.6vw,58px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.vibes-opening-handoff i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pink);font:38px/1 Arial,sans-serif;font-style:normal;transition:translate .2s}.vibes-opening-handoff:hover i{translate:0 7px}@media(max-width:768px){.vibes-opening .boombox-player>header{grid-template-columns:1fr;gap:16px}.vibes-opening .boombox-player>header .living-kicker{grid-column:1}.vibes-opening .boombox-player>header p{font-size:16px}.vibes-opening-handoff{min-height:170px;padding:25px 18px;grid-template-columns:1fr auto}.vibes-opening-handoff span{grid-column:1/-1}.vibes-opening-handoff strong{font-size:9vw}}@media(prefers-reduced-motion:reduce){.vibes-opening-handoff i{transition:none}}.vibes-opening .vibes-purpose{margin:0;padding:28px var(--pad,5%);background:var(--ink,#171717);color:#f5f0e6;font:400 18px/1.65 var(--font-body,Inter,sans-serif)}@media(max-width:768px){.vibes-opening .vibes-purpose{padding:25px 18px;font-size:16px}}.vibes-opening .vibes-purpose>span{display:block;max-width:65ch}