@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-background: #000000;--color-background-dark: #000000;--color-primary: #FFFFFF;--color-secondary: rgba(255, 255, 255, .7);--color-text-light: rgba(255, 255, 255, .6);--color-accent: #DC143C;--color-gold: #FFD700;--color-play-button: #DC143C;--color-play-button-pressed: #FF0000;--color-progress-bar: #DC143C;--color-progress-background: rgba(255, 255, 255, .05);--color-shadow: rgba(0, 0, 0, .3);--color-border: rgba(255, 255, 255, .1);--color-glass-border: rgba(255, 255, 255, .15);--color-glass-background: rgba(255, 255, 255, .05);--color-red-glow: rgba(220, 20, 60, .5);--color-time-text: rgba(255, 100, 100, .8);--color-white: #FFFFFF;--color-black: #000000;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-serif: Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.glass{background:var(--color-glass-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);box-shadow:0 8px 32px var(--color-shadow)}.glass-card{background:var(--color-glass-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:20px;box-shadow:0 8px 32px var(--color-shadow)}.glass-strong{background:#00000080;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--color-border);box-shadow:0 8px 32px var(--color-shadow)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-glass-background);border-radius:5px;border:1px solid var(--color-border)}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}::selection{background-color:var(--color-accent);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html{scroll-behavior:smooth}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}