:root{--coffee-brown: #5C3A21;--cream-white: #FFF8F0;--dawn-gold: #D4A843;--pixel-shadow: 3px 3px 0 rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--coffee-brown);color:var(--cream-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}#app{width:100%;height:100%}.loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.loading p{margin-top:1rem;color:var(--dawn-gold);font-size:1rem}.pixel-spinner{display:grid;grid-template-columns:repeat(2,12px);gap:4px}.pixel-spinner div{width:12px;height:12px;background-color:var(--dawn-gold);animation:pixel-blink 1.4s infinite ease-in-out both}.pixel-spinner div:nth-child(1){animation-delay:-.32s}.pixel-spinner div:nth-child(2){animation-delay:-.16s}.pixel-spinner div:nth-child(3){animation-delay:0s}.pixel-spinner div:nth-child(4){animation-delay:-.48s}@keyframes pixel-blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.unavailable{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.unavailable .pixel-icon{font-size:4rem;margin-bottom:1rem}.unavailable h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--dawn-gold)}.unavailable p{color:var(--cream-white);font-size:1rem;margin-bottom:.25rem}.unavailable .sub{color:var(--dawn-gold);font-size:.875rem;opacity:.7}.player-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:1.5rem;overflow-y:auto}.brand-header{text-align:center;margin-bottom:1.5rem}.brand-label{color:var(--dawn-gold);font-size:.875rem;letter-spacing:.1em}.brand-name{color:var(--cream-white);font-size:1.5rem;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.vinyl-container{position:relative;width:200px;height:200px;margin:1rem 0}.vinyl{width:200px;height:200px;border-radius:50%;background:#1a1a1a;border:4px solid var(--dawn-gold);display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #0000004d}.vinyl.spinning{animation:spin 3s linear infinite}.vinyl-label{width:70px;height:70px;border-radius:50%;background:var(--dawn-gold);display:flex;align-items:center;justify-content:center}.vinyl-icon{font-size:2rem}.tonearm{position:absolute;top:-20px;right:30px;width:4px;height:80px;background:var(--cream-white);border-radius:2px;transform-origin:top center;transform:rotate(-30deg);transition:transform .5s ease}.tonearm.playing{transform:rotate(5deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-info{text-align:center;margin:1rem 0}.aroma-summary{font-size:1.25rem;font-weight:700;color:var(--cream-white);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.fallback-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--dawn-gold);color:var(--coffee-brown);font-size:.75rem;font-weight:700}.controls{margin:1rem 0}.control-btn{width:64px;height:64px;border-radius:50%;border:3px solid var(--dawn-gold);background:var(--coffee-brown);color:var(--dawn-gold);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #0000004d;transition:transform .1s,box-shadow .1s}.control-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0000004d}.play-icon{margin-left:4px}.share-section{margin-top:1.5rem}.share-btn{padding:.75rem 1.5rem;border:3px solid var(--dawn-gold);background:var(--coffee-brown);color:var(--cream-white);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:3px 3px #0000004d;transition:transform .1s,box-shadow .1s}.share-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0000004d}