:root{--bg-deep: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a24;--accent: #7c5cff;--accent-dim: rgba(124, 92, 255, .4);--text: #e8e6f0;--text-muted: #8b8798;--border: rgba(255, 255, 255, .06);--font-display: "Syne", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-display);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:#a08cff}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}.noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.tagline{display:block;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.logo{margin:0;font-size:clamp(2.5rem,12vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.logo-after{color:var(--text)}.logo-wave{color:var(--accent)}.logo-fm{color:var(--text-muted);font-weight:600}.player-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}.play-button{--size: 5rem;width:var(--size);height:var(--size);border-radius:50%;border:2px solid var(--border);background:var(--bg-surface);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.play-button:hover{border-color:var(--accent-dim);box-shadow:0 0 2rem var(--accent-dim)}.play-button:active{transform:scale(.98)}.play-button.playing{border-color:var(--accent);box-shadow:0 0 2rem var(--accent-dim)}.play-icon{width:0;height:0;border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent currentColor;margin-left:.2rem}.play-button.playing .play-icon{width:.75rem;height:1.2rem;border:none;background:currentColor;margin-left:0;clip-path:polygon(0 0,.35rem 0,.35rem 100%,0 100%);box-shadow:.45rem 0 0 currentColor}.status{font-size:.9rem;color:var(--text-muted);margin:0}.footer{margin-top:auto;padding-top:4rem;position:relative;z-index:1}.footer-text{font-size:.8rem;color:var(--text-muted);margin:0}.page{min-height:100vh;padding:2rem 1.5rem}.page .header{margin-bottom:3rem}.logo-link{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:inherit}.logo-link .logo-wave{color:var(--accent)}.page-content{max-width:40rem;margin:0 auto}.page-content h1{font-size:2rem;margin:0 0 1rem}.page-content p{color:var(--text-muted);margin:0 0 1rem}