:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;font-weight:400;color:#f5f2ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--scene-max-width: 620px;--scene-bg: #c48872;background-color:var(--scene-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--scene-bg)}#root{min-height:100vh;background-color:var(--scene-bg)}.turntable-scene-wrap{width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .45s ease-out}.turntable-scene-wrap--ready{opacity:1;pointer-events:auto}.app-shell{width:100%;max-width:100%;margin:0;padding:1.8rem 1.2rem 5.5rem}.app-header h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.app-header p{margin:.55rem 0 0;color:#c6c0d8}.app-grid{margin-top:1.25rem;display:grid;grid-template-columns:minmax(0,var(--scene-max-width)) minmax(280px,1fr);gap:1rem;align-items:stretch}.app-grid>div:last-child{min-height:0}.info-panel-shell{height:100%}.scene-shell{width:100%;max-width:var(--scene-max-width);height:560px;position:relative;overflow:hidden}.scene-shell>div{width:100%;height:100%}.info-panel{border:1px solid rgba(255,255,255,.12);border-radius:0;background:#78787847;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 1.15rem;height:100%}.panel-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#c0b6de}.panel-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-flip-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#00000029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.28rem .38rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;font-family:inherit}.panel-flip-btn:hover{background:#0000003d;border-color:#ffffff47}.panel-flip-btn:active{transform:scale(.97)}.panel-flip-side{width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:50%;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:#ffffff80;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.panel-flip-side.is-active{background:#fff7eff0;color:#4a3228;box-shadow:0 2px 10px #0000002e}.panel-flip-icon{display:grid;place-items:center;width:1rem;height:1rem;color:#ffffffb8}.panel-flip-icon svg{width:100%;height:100%}.panel-flip-btn:hover .panel-flip-icon{color:#ffffffeb}.info-panel h2{margin:.35rem 0 0;font-size:clamp(1.3rem,2vw,1.8rem)}.panel-subtitle{margin:.35rem 0 0;font-size:1rem;color:#d9d2ef}.panel-description{margin-top:.85rem;color:#ddd8ea}.panel-list{margin-top:.95rem;margin-bottom:0;padding-left:1rem;color:#f2effb}.panel-list li{margin-bottom:.55rem}.panel-blurb{margin-top:1rem;color:#bcb4cf;font-style:italic}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) minmax(180px,1fr);align-items:center;gap:1rem;min-height:4.5rem;padding:.65rem 1.25rem;background:#120f1ab8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08)}.player-track{display:flex;align-items:center;gap:.75rem;min-width:0}.player-art{width:3rem;height:3rem;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 14px #00000059}.player-meta{min-width:0}.player-song,.player-vinyl{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-song{font-size:.92rem;font-weight:600;color:#f5f2ff}.player-vinyl{margin-top:.15rem;font-size:.78rem;color:#b9b0cf}.player-vinyl-marquee{margin-top:.15rem;overflow:hidden;font-size:.78rem;color:#b9b0cf;min-width:0}.player-vinyl-marquee.is-scrolling{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.player-vinyl-marquee-text{display:inline-block;white-space:nowrap}.player-vinyl-marquee.is-scrolling .player-vinyl-marquee-text{animation:player-vinyl-scroll 22s linear infinite}@keyframes player-vinyl-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--scroll-distance)))}}@media (prefers-reduced-motion: reduce){.player-vinyl-marquee.is-scrolling .player-vinyl-marquee-text{animation:none}}.player-controls{display:flex;flex-direction:column;align-items:center;gap:.45rem}.player-play-btn{width:2.2rem;height:2.2rem;border:none;border-radius:50%;background:#f5f2ff;color:#120f1a;font-size:.85rem;line-height:1;cursor:pointer;display:grid;place-items:center}.player-play-btn:disabled{opacity:.45;cursor:not-allowed}.player-progress-wrap{display:flex;align-items:center;gap:.55rem;width:min(100%,32rem)}.player-time{font-size:.72rem;color:#b9b0cf;font-variant-numeric:tabular-nums;min-width:2.2rem}.player-progress{flex:1;accent-color:#d9d2ef;cursor:pointer}.player-progress:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 960px){.app-grid{grid-template-columns:1fr}.scene-shell{width:100%;height:460px}.info-panel-shell{max-width:var(--scene-max-width);width:100%}.player-bar{grid-template-columns:1fr;gap:.55rem;width:100%;max-width:100%;padding-inline:1rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px))}.player-controls,.player-progress-wrap{width:100%}}.landing-shell{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.25rem 0 5.5rem}.landing-hero{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--scene-max-width);gap:.25rem}.landing-scene{width:100%;height:480px;position:relative;overflow:hidden;background-color:var(--scene-bg)}.landing-scene>div{width:100%;height:100%}.landing-links{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:-2.75rem}.landing-link{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:#f5f2ff;background:#120f1a6b;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease,border-color .2s ease,transform .15s ease}.landing-link:hover{background:#120f1a9e;border-color:#ffffff47}.landing-link:active{transform:scale(.96)}.landing-link svg{width:1.25rem;height:1.25rem}html,body,#root{margin:0;width:100%;max-width:100%;min-height:100%;overflow-x:hidden}html:has(.landing-shell){overscroll-behavior:none}