@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:#0f0f0f;margin:0;min-height:100vh;display:flex;flex-direction:column;padding:0 40px;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:840px;margin:0 auto;padding:28px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.mark{display:block;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#b4ee86}.wordmark{font-size:17px;font-weight:600;letter-spacing:.01em;color:#f0f0f0}.brand:focus-visible{outline:2px solid #b4ee86;outline-offset:4px;border-radius:4px}main{width:100%;max-width:840px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:40px}.intro{padding:24px 0 36px}.intro h1{margin:0;font-size:clamp(52px,8.5vw,96px);font-weight:700;line-height:.95;letter-spacing:-.035em}.lede{max-width:46ch;margin:20px 0 0;font-size:1.12rem;font-weight:300;line-height:1.6;color:#cfcfcf}.now{border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;padding:20px 0}.now dl{display:flex;flex-wrap:wrap;gap:16px 56px;margin:0}.now dl>div{display:flex;flex-direction:column;gap:3px}.now dt{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#7d7d7d}.now dd{margin:0;font-size:1rem;font-weight:500;color:#f0f0f0}.section{padding-top:36px;scroll-margin-top:20px}.section h2{margin:0 0 14px;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#7d7d7d}.section>p{max-width:62ch;margin:0 0 14px;font-size:1.02rem;font-weight:300;line-height:1.65;color:#c4c4c4}.section>p:last-of-type{margin-bottom:0}.discord{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px 0 20px;border-radius:10px;background-color:#3a4197;color:#f0f0f0;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;margin-top:6px;transition:background-color .4s}.discord:hover{background-color:#282c61}.discord:focus-visible{outline:2px solid #8b93f5;outline-offset:3px}.discord svg{flex:none;width:22px;height:22px;fill:#f0f0f0}.foot{width:100%;max-width:840px;margin:0 auto;padding:16px 0 20px;border-top:1px solid #1f1f1f;font-size:.82rem;color:#6f6f6f}.player-section{padding-top:36px;flex:1;display:flex;align-items:center}.player{display:flex;align-items:center;gap:18px;width:100%;padding:18px 22px;border:1px solid #1f1f1f;border-radius:12px;background:linear-gradient(180deg,#ffffff09,#ffffff03)}.player-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:none;border-radius:50%;background:#3a4197;color:#f0f0f0;cursor:pointer;transition:background-color .3s}.player-toggle:hover{background:#282c61}.player-toggle:focus-visible,.player-mute:focus-visible,.player-slider:focus-visible{outline:2px solid #b4ee86;outline-offset:3px}.player-toggle svg{width:20px;height:20px;fill:currentColor}.player-main{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.player-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.player-title{font-size:1rem;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:.82rem;font-weight:300;color:#8f8f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-volume{display:flex;align-items:center;gap:10px;flex:none}.player-mute{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:none;color:#b9b9b9;cursor:pointer;transition:color .3s}.player-mute:hover{color:#f0f0f0}.player-mute svg{width:20px;height:20px;fill:currentColor}.player-scrub{display:flex;align-items:center;gap:12px;width:100%}.player-time{flex:none;min-width:34px;font-size:.78rem;font-weight:400;font-variant-numeric:tabular-nums;color:#8f8f8f;text-align:center}.player-slider{height:4px;appearance:none;-webkit-appearance:none;border:none;border-radius:2px;background:#2a2a2a;cursor:pointer}.player-slider--volume{width:104px}.player-slider--seek{flex:1;background:linear-gradient(to right,#b4ee86 0%,#b4ee86 var(--progress, 0%),#2a2a2a var(--progress, 0%),#2a2a2a 100%)}.player-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#b4ee86;border:none;cursor:pointer;transition:transform .15s}.player-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.player-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#b4ee86;cursor:pointer}@media(max-width:820px){body{padding:0 24px}.intro{padding-top:32px}.player{gap:12px;padding:14px 16px}.player-slider--volume{width:68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
