:root{--color-primary: #740001;--color-secondary: #ae0001;--color-accent: #eeba30;--color-background: #1a1a2e;--color-surface: #2d2d44;--color-text: #f5f5f5;--color-text-muted: #a0a0a0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .3s ease-out}@media(max-width:768px){button,.btn,[role=button]{min-height:44px}}button,.btn,.card-btn,.player-btn,.tab-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin}