:root{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #808080;--accent: #ff4d4d;--accent-glow: rgba(255, 77, 77, .3);--border-color: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}::selection{background:var(--accent);color:var(--text-primary)}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:transparent;border-bottom:none}.logo{font-family:Metal Mania,cursive;font-size:24px;font-weight:400;letter-spacing:.05em;color:#fff;text-decoration:none}.slogan{font-family:Metal Mania,cursive;font-size:18px;font-weight:400;letter-spacing:.03em;color:#fff;opacity:.8}@media(max-width:768px){.header{padding:16px 20px}.logo{font-size:18px}.slogan{font-size:14px}}.vinyl-showcase{width:100%;min-height:100vh;position:relative;background:#000 url(/background-vinyl.png) center center / cover no-repeat fixed;overflow:visible;perspective:1200px;padding:10vh 5vw;box-sizing:border-box}.vinyl-track{width:100%;max-width:1200px;margin:0 auto}.vinyl-slider{display:grid;grid-template-columns:repeat(2,1fr);gap:8vh 5vw}.vinyl-card{width:100%;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out;transform-style:preserve-3d;cursor:pointer}.vinyl-image{width:100%;max-width:400px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.5))}@media(max-width:768px){.vinyl-showcase{padding:8vh 4vw}.vinyl-slider{gap:6vh 4vw}.vinyl-image{max-width:100%}}@media(max-width:480px){.vinyl-showcase{padding:6vh 3vw}.vinyl-slider{grid-template-columns:1fr;gap:5vh}}.app{width:100%;min-height:100vh;position:relative;background:var(--bg-primary)}.loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);background:var(--bg-primary)}.info-panel{position:fixed;bottom:100px;left:40px;z-index:100;pointer-events:none}.info-content{background:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px 32px;max-width:320px}.info-label{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}.info-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.info-description{font-size:14px;color:var(--text-secondary);line-height:1.6}.footer{background:transparent;border-top:none;padding:20px 40px}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}.footer-logo{font-family:Helvetica,sans-serif;font-size:13px;font-weight:400;letter-spacing:.05em;color:#fff}.footer-links{display:flex;gap:32px}.footer-links a{font-family:Helvetica,sans-serif;font-size:13px;font-weight:400;letter-spacing:.05em;color:#fff;text-decoration:none;transition:text-decoration .2s ease}.footer-links a:hover{text-decoration:underline}@media(max-width:768px){.footer{padding:16px 20px}.footer-content{flex-direction:column;gap:16px}.footer-links{gap:20px}.footer-links a,.footer-logo{font-size:11px}}