*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a0a00;--bg-gold: #1c1200;--bg2: #1a0000;--bg3: #2a0a00;--bg4: #3a1200;--border: rgba(255,80,0,.12);--border2: rgba(255,80,0,.22);--text: #f5e6c8;--text2: #c4a882;--text3: #7a6040;--accent: #cc1a1a;--accent2: #991010;--accent-glow: rgba(204,26,26,.18);--gold: #c8860a;--gold-bright: #f0a820;--gold-deep: #0f0a00;--green: #3ecf8e;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--player-h: 72px;--sidebar-w: 220px;--radius: 10px;--radius-lg: 16px}html,body{height:100%;background:var(--bg-gold);color:var(--text);font-family:var(--font-mono);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none;color:inherit}input{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sidebar-drawer{width:var(--sidebar-w);flex-shrink:0;height:100%;overflow-y:auto;background:#1a0000}@media (max-width: 1024px){.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:280px!important;z-index:50;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;background:#1a0000;-webkit-overflow-scrolling:touch}.sidebar-drawer.open{transform:translate(0)!important}}.mobile-player{width:100vw!important;max-width:100vw!important;overflow:hidden!important}