.g3peqq_root{isolation:isolate;padding-top:calc(var(--header-h) + clamp(1.5rem, 4vw, 3rem));position:relative;overflow:hidden}.g3peqq_ambient{z-index:-2;opacity:.38;filter:blur(80px)saturate(1.4);height:110vh;position:absolute;inset:-10% -10% auto;transform:scale(1.1)}.g3peqq_ambient img{object-fit:cover;animation:g3peqq_ambientIn 1.4s var(--ease) both}.g3peqq_root:before{content:"";z-index:-1;background:radial-gradient(ellipse 60% 60% at 30% 40%, transparent, #0b060799 70%), linear-gradient(180deg, #0b060733 0%, var(--bg) 92%);height:115vh;position:absolute;inset:0 0 auto}.g3peqq_stage{min-height:calc(100svh - var(--header-h) - 3rem);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.g3peqq_deck{position:relative}.g3peqq_platter{aspect-ratio:1.42;width:100%;position:relative}.g3peqq_sleeve{z-index:2;aspect-ratio:1;background:var(--brand-gradient);width:64%;box-shadow:0 50px 80px -30px #000000f2, 0 0 0 1px rgba(var(--ivory-rgb), .08);transition:transform .55s var(--ease-in-out);animation:g3peqq_sleeveIn 1.2s var(--ease) both;border-radius:6px;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.g3peqq_sleeve img{object-fit:cover}.g3peqq_sleeveSwap{transform:translateY(-50%)rotateY(8deg)scale(.97)}.g3peqq_sleeveShine{pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#0000 35% 70%,#00000059 100%);position:absolute;inset:0}.g3peqq_record{z-index:1;width:60%;transition:transform .6s var(--ease-in-out);position:absolute;top:50%;left:2%;transform:translateY(-50%)}.g3peqq_recordOut{transition-duration:1s;transform:translate(56%,-50%)}.g3peqq_arm{width:30%;top:1%;right:-2%}.g3peqq_glow{z-index:0;aspect-ratio:1;background:radial-gradient(circle, rgba(var(--rose-rgb), .55), transparent 65%);width:70%;transform:translate(-50%, -50%) scale(calc(.85 + var(--level) * .6));opacity:calc(.25 + var(--level) * .9);filter:blur(30px);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:66%}.g3peqq_gl{z-index:1;opacity:0;pointer-events:none;transition:opacity 1.2s var(--ease);position:absolute;inset:0}.g3peqq_gl canvas{touch-action:none;display:block}.g3peqq_platter3d .g3peqq_gl{opacity:1;pointer-events:auto}.g3peqq_platter3d .g3peqq_sleeve{width:max(40%,220px);box-shadow:0 40px 60px -20px #000000f2, 0 0 0 1px rgba(var(--champagne-rgb), .18);transition:transform .55s var(--ease-in-out), width .9s var(--ease), bottom .9s var(--ease), left .9s var(--ease);top:auto;bottom:-3%;left:-2%;transform:none}.g3peqq_platter3d .g3peqq_sleeveSwap{transform:translateY(4%)rotateY(10deg)scale(.96)}.g3peqq_platter3d .g3peqq_glow{opacity:calc(.12 + var(--level) * .5);top:45%;left:58%}.g3peqq_panel{flex-direction:column;gap:1.1rem;display:flex;container-type:inline-size}.g3peqq_title{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:break-word;padding-bottom:.05em;font-size:clamp(1.6rem,8.4cqi,4.6rem);font-weight:800;line-height:.92;overflow:hidden}.g3peqq_title span{animation:g3peqq_titleUp .9s var(--ease) both;display:block}.g3peqq_artist{color:var(--maroon-200);width:fit-content;font-size:clamp(1.4rem,2.4vw,2rem);transition:color .3s}a.g3peqq_artist:hover{color:var(--ivory)}.g3peqq_source{border:1px solid rgba(var(--champagne-rgb), .22);background:rgba(var(--champagne-rgb), .06);width:fit-content;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--champagne);border-radius:999px;align-items:center;gap:.5rem;padding:.38rem .85rem .38rem .65rem;font-size:.66rem;font-weight:600;transition:background .3s,border-color .3s;display:inline-flex}.g3peqq_source svg{width:15px;height:15px}.g3peqq_source:hover{background:rgba(var(--champagne-rgb), .12);border-color:rgba(var(--champagne-rgb), .4)}.g3peqq_error{border-radius:var(--radius-sm);border:1px solid rgba(var(--rose-rgb), .45);background:rgba(var(--rose-rgb), .12);padding:.75rem 1rem;font-size:.9rem}.g3peqq_error a{color:var(--champagne);text-underline-offset:3px;text-decoration:underline}.g3peqq_progressWrap{margin-top:1rem}.g3peqq_progress,.g3peqq_volume input{appearance:none;background:linear-gradient(90deg, var(--ivory) var(--pct), rgba(var(--ivory-rgb), .15) var(--pct));cursor:pointer;width:100%;height:4px;transition:height .25s var(--ease);border-radius:4px}.g3peqq_progress:hover{height:6px}.g3peqq_progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ivory);width:14px;height:14px;box-shadow:0 0 0 4px rgba(var(--rose-rgb), .35);transition:transform .25s var(--ease-spring);border-radius:50%}.g3peqq_volume input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ivory);width:14px;height:14px;box-shadow:0 0 0 4px rgba(var(--rose-rgb), .35);transition:transform .25s var(--ease-spring);border-radius:50%}.g3peqq_progress::-webkit-slider-thumb:hover{transform:scale(1.3)}.g3peqq_progress::-moz-range-thumb{background:var(--ivory);border:none;border-radius:50%;width:14px;height:14px}.g3peqq_volume input::-moz-range-thumb{background:var(--ivory);border:none;border-radius:50%;width:14px;height:14px}.g3peqq_progress:disabled{cursor:default;opacity:.5}.g3peqq_times{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.55rem;font-size:.8rem;display:flex}.g3peqq_controls{align-items:center;gap:clamp(.4rem,1.5vw,1rem);margin-top:.25rem;display:flex}.g3peqq_ctl{width:48px;height:48px;color:var(--ivory);opacity:.85;transition:background-color .3s, transform .4s var(--ease-spring), color .3s, opacity .3s;border-radius:50%;place-items:center;display:grid;position:relative}.g3peqq_ctl svg{width:20px;height:20px}.g3peqq_ctl:hover{background:rgba(var(--ivory-rgb), .08);opacity:1;transform:scale(1.08)}.g3peqq_ctl:active{transform:scale(.92)}.g3peqq_on{color:var(--maroon-200);opacity:1}.g3peqq_on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.g3peqq_badge{font-size:.6rem;font-weight:800;position:absolute;top:8px;right:8px}.g3peqq_play{background:var(--ivory);width:82px;height:82px;color:var(--maroon-900);box-shadow:0 20px 40px -12px rgba(var(--rose-rgb), .7), 0 0 0 calc(var(--level) * 18px) rgba(var(--rose-rgb), .18);transition:transform .5s var(--ease-spring), background-color .3s;border-radius:50%;place-items:center;display:grid}.g3peqq_play svg{width:28px;height:28px}.g3peqq_play:hover{background:var(--ivory-50);transform:scale(1.07)}.g3peqq_play:active{transform:scale(.94)}.g3peqq_extras{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.g3peqq_volume{max-width:220px;color:var(--text-muted);flex:1;align-items:center;gap:.7rem;display:flex}.g3peqq_volume svg{flex-shrink:0;width:18px;height:18px}.g3peqq_like{border:1px solid var(--border-strong);width:46px;height:46px;color:var(--ivory);transition:transform .45s var(--ease-spring), color .3s, border-color .3s, background-color .3s;border-radius:50%;place-items:center;display:grid}.g3peqq_like svg{width:19px;height:19px}.g3peqq_like:hover{border-color:var(--maroon-300);transform:scale(1.1)}.g3peqq_liked{color:var(--maroon-200);border-color:var(--maroon-300);background:rgba(var(--rose-rgb), .15);animation:g3peqq_pop .5s var(--ease-spring)}.g3peqq_liked svg path{fill:currentColor}.g3peqq_crate{padding-block:clamp(3rem,6vw,5rem) clamp(4rem,8vw,6rem)}.g3peqq_crateHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.g3peqq_empty{min-height:70vh;padding-top:var(--header-h);text-align:center;place-items:center;gap:.75rem;display:grid}.g3peqq_empty svg{width:56px;height:56px;color:var(--maroon-300);animation:4s linear infinite g3peqq_spin}@media (max-width:960px){.g3peqq_stage{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.g3peqq_platter{max-width:620px;margin-inline:auto}}@keyframes g3peqq_titleUp{0%{transform:translateY(105%)}to{transform:none}}@keyframes g3peqq_sleeveIn{0%{opacity:0;transform:translate(-30px,-50%)rotate(-4deg)}}@keyframes g3peqq_ambientIn{0%{opacity:0}}@keyframes g3peqq_pop{40%{transform:scale(1.25)}}@keyframes g3peqq_spin{to{transform:rotate(360deg)}}
