.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 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 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}}.boombox-deck{position:relative;perspective:800px}.boombox-tape-carriage{width:100%;min-width:0;position:relative;transform-style:preserve-3d}.boombox-shell.is-ejecting .cassette-loaded:disabled{opacity:1}.boombox-deck-door{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid color-mix(in srgb,var(--vibe-accent,var(--pink)) 55%,var(--device-metal));background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 6%,transparent),transparent 55%);pointer-events:none;transform-origin:center bottom;transform:rotateX(0);z-index:2;border-radius:3px;box-shadow:inset 0 0 12px color-mix(in srgb,var(--device-metal) 12%,transparent)}.boombox-deck-door:after{content:"";position:absolute;bottom:4px;left:38%;right:38%;height:3px;background:var(--device-metal)}.boombox-shell.is-ejecting .boombox-deck{overflow:visible;z-index:5}.boombox-shell.is-ejecting .boombox-center{position:relative;z-index:5}.boombox-shell.is-ejecting .boombox-deck-door{animation:deck-door-eject .7s ease-in-out both}.boombox-shell.is-ejecting .boombox-tape-carriage{animation:tape-eject .7s cubic-bezier(.2,.7,.25,1) both;pointer-events:none;z-index:3}.boombox-shell.is-ejecting .cassette-window i{animation:reel-spin .65s cubic-bezier(.12,.55,.25,1) both}@keyframes deck-door-eject{0%{transform:rotateX(0)}25%,70%{transform:rotateX(-68deg)}to{transform:rotateX(0)}}@keyframes tape-eject{0%,12%{transform:translateZ(0) rotateX(0) rotate(0);opacity:1}45%{transform:translate3d(0,-42%,85px) rotateX(-18deg) rotate(-7deg);opacity:1}75%{transform:translate3d(5%,-65%,110px) rotateX(-10deg) rotate(6deg);opacity:1}to{transform:translate3d(9%,-82%,130px) rotateX(8deg) rotate(12deg);opacity:0}}@media(prefers-reduced-motion:reduce){.boombox-shell.is-ejecting .boombox-deck-door,.boombox-shell.is-ejecting .boombox-tape-carriage,.boombox-shell.is-ejecting .cassette-window i{animation:none}}.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 h2{font-size:clamp(54px,8vw,125px);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 0}.boombox-player 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}}.boombox-eq-bars i:nth-child(3n+2){background:linear-gradient(to top,var(--blue),var(--mint) 30%,var(--yellow) 58%,var(--pink))}.boombox-eq-bars i:nth-child(3n){background:linear-gradient(to top,var(--pink),var(--orange) 35%,var(--yellow) 65%,var(--mint))}.boombox-top .boombox-party-button{display:flex;align-items:center;gap:7px;min-height:44px;border:2px solid var(--pink);border-radius:999px;background:var(--ink);color:var(--yellow);padding:8px 14px;font:16px var(--font-marker);letter-spacing:0}.boombox-party-button:disabled{opacity:.45;cursor:not-allowed}.boombox-party-button[aria-pressed=true]{background:var(--pink);color:var(--paper);box-shadow:4px 4px 0 var(--yellow)}.vibes-opening{padding-top:82px;scroll-margin-top:82px}.boombox-center{min-width:0}.boombox-eq{padding:10px 14px;background:var(--ink);color:var(--yellow);border:3px solid var(--device-metal);margin-bottom:12px}.boombox-eq>span{font:12px var(--font-mono)}.boombox-eq-bars{display:flex;gap:4px;align-items:flex-end;height:42px;margin-top:7px}.boombox-eq-bars i{flex:1;height:100%;transform:scaleY(var(--level,.05));transform-origin:bottom;background:linear-gradient(to top,var(--mint),var(--yellow) 30%,var(--orange) 55%,var(--pink) 78%,var(--blue));-webkit-mask-image:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px);mask-image:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px)}.boombox-empty-deck{width:100%;min-height:130px;padding:18px;border:2px dashed var(--device-metal);text-align:center;color:var(--paper);display:grid;place-content:center;gap:8px}.boombox-empty-deck strong{font:24px var(--font-marker)}.boombox-empty-deck span{font:14px/1.5 var(--font-body)}.boombox-controls{flex-wrap:wrap}.boombox-controls button{width:60px;min-height:60px;flex:none;gap:2px;padding:6px}.boombox-controls button small{font:12px var(--font-mono)}.boombox-controls input{min-width:80px;min-height:44px}.boombox-controls span{font-size:14px}.boombox-player .cassette-choice.is-relevant{outline:3px dashed var(--tape-accent);outline-offset:3px}.vibe-tape-invitation{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:12px 0;color:var(--v-ink)}.vibe-tape-invitation button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:16px var(--font-marker);text-align:left}.vibe-tape-invitation small{font:14px/1.5 var(--font-body)}.vibe-tape-invitation a{font:14px/1.5 var(--font-body);min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.vibe-tape-invitation p{font:14px/1.5 var(--font-body)}@media(max-width:1024px){.boombox-face{grid-template-columns:minmax(36px,.3fr) minmax(0,1fr) minmax(36px,.3fr);gap:10px}.boombox-layout{grid-template-columns:1fr}}@media(max-width:768px){.boombox-face{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.boombox-shell{padding-inline:10px}.boombox-deck{padding:10px 5px}.boombox-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.boombox-controls button{width:100%;min-height:52px}.boombox-controls input{grid-column:1/-1;grid-row:2;width:100%;min-width:0;order:0}.boombox-controls span{grid-column:1/-1;grid-row:3;margin-left:0;text-align:right}.boombox-player .cassette-loaded .cassette-label{padding:16px 4px 4px}.boombox-player .cassette-loaded .cassette-label strong{font-size:clamp(12px,3.4vw,20px)}.boombox-player .cassette-loaded .cassette-label em{display:none}.boombox-player .cassette-library>.marker{font-size:18px}.boombox-player .boombox-error{font-size:14px}.boombox-player{padding-top:65px}.boombox-eq{padding:7px}.boombox-eq>span{font-size:12px}.boombox-eq-bars{height:30px;gap:3px}}@media(prefers-reduced-motion:reduce){.boombox-eq-bars i{transform:scaleY(.15)!important}.boombox-speaker,.boombox-speaker:after{transform:none!important}}.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}}