*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0E1F;--bg2: #0E1428;--bg3: #161D38;--bg4: #1E2748;--surface: #11172C;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--blue: #2F8FFF;--blue-bright: #5BC8FF;--blue-soft: rgba(47,143,255,.14);--blue-glow: rgba(47,143,255,.35);--coral: #FF6B5B;--coral-soft: rgba(255,107,91,.14);--amber: #F0A500;--text: #F5F7FA;--text-2: #8B93A8;--text-3: #545C72;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius: 16px;--radius-sm: 8px;--radius-full: 9999px;--nav-height: 64px;--player-height: 80px}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100dvh;overflow-x:hidden}:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:16px;background:var(--blue);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;z-index:9999;transition:top .2s}.skip-link:focus{top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{display:inline-flex;align-items:center;gap:3px;height:24px}.spinner span{width:3px;background:var(--blue-bright);border-radius:2px;animation:wave 1s ease-in-out infinite}.spinner span:nth-child(1){height:8px;animation-delay:0s}.spinner span:nth-child(2){height:16px;animation-delay:.1s}.spinner span:nth-child(3){height:22px;animation-delay:.2s}.spinner span:nth-child(4){height:14px;animation-delay:.3s}.spinner span:nth-child(5){height:9px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;padding-bottom:calc(var(--nav-height) + var(--player-height) + 16px)}