:root{color-scheme:dark;--bg:#0c0c16;--paper:#15121f;--paper2:#21192c;--text:#fff9f5;--muted:#bdb1c3;--gold:#f2be86;--border:rgba(255,255,255,.11);--gold-light:#ffdfb1;--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.ambient{position:absolute;inset:0 auto auto 0;pointer-events:none;z-index:-1}.ambient-one{width:100%;height:660px;background:radial-gradient(ellipse at 76% 25%,rgba(121,54,83,.3),transparent 46%),radial-gradient(ellipse at 8% 45%,rgba(69,38,105,.26),transparent 52%)}.ambient-two{top:580px;right:0;left:auto;width:540px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(144,69,80,.09),transparent 64%)}.app-shell{max-width:1130px;margin:auto;padding:0 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-icon{width:55px;height:55px;object-fit:contain;border-radius:14px;box-shadow:0 5px 25px rgba(193,101,131,.21)}.brand-text{display:flex;flex-direction:column;gap:5px;min-width:0}.brand-text strong{font-size:21px;font-weight:850;letter-spacing:.045em;white-space:nowrap}.brand-text strong span{color:var(--gold)}.brand-text small{font-size:9px;letter-spacing:.25em;color:var(--muted);font-weight:750}.install-top{border:1px solid rgba(242,190,134,.43);background:rgba(255,255,255,.04);color:#ffdbad;padding:12px 17px;border-radius:100px;display:inline-flex;gap:9px;align-items:center;font-weight:650;font-size:13px;white-space:nowrap;transition:background .2s}.install-top:hover{background:rgba(242,190,134,.13)}.install-top svg{width:17px;height:17px}
.main-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:66px;align-items:center;padding:66px 18px 64px}.intro{padding:0 0 8px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;letter-spacing:.25em;font-weight:800}.eyebrow-mark{width:23px;height:2px;background:var(--gold);box-shadow:0 0 18px var(--gold)}h1{font-weight:830;font-size:clamp(48px,5.35vw,79px);letter-spacing:-.058em;line-height:1.08;max-width:600px;margin:25px 0 24px}.title-accent{color:var(--gold);display:block}.lead{color:#c9becb;font-size:17px;line-height:1.8;max-width:490px;margin:0}.intro-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.intro-pills span{border:1px solid rgba(255,255,255,.13);border-radius:100px;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#eadfe5;background:rgba(255,255,255,.022)}.tiny-dot{display:inline-block;vertical-align:middle;background:#f3a57a;width:7px;height:7px;border-radius:50%;margin-right:5px;box-shadow:0 0 14px #f1a06b}.line-art{max-width:570px;margin-top:52px;opacity:.85}.line-art svg{width:100%;height:115px}.intro-note{font-size:11px;color:#978d9c;letter-spacing:.18em;font-weight:750;margin-top:6px}
.player{border:1px solid rgba(245,207,164,.22);border-radius:28px;background:linear-gradient(162deg,rgba(56,31,51,.88),rgba(24,19,35,.98) 48%,rgba(22,20,33,.99));padding:25px 29px 26px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden;text-align:center}.player:before{content:"";position:absolute;width:300px;height:300px;top:54px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(211,104,120,.18),transparent 67%);pointer-events:none}.player-head{position:relative;display:flex;justify-content:space-between;gap:8px;align-items:center}.live-label{color:#ffd8a2;font-weight:820;letter-spacing:.1em;font-size:10px;white-space:nowrap}.live-circle{width:8px;height:8px;background:#ff917e;border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 12px rgba(255,145,126,.8);animation:pulse 1.9s ease-in-out infinite}.connection-status{font-size:11px;color:#bdb0c2;text-align:right}.cover-wrap{position:relative;padding:25px 0 24px}.cover-frame{width:min(100%,236px);aspect-ratio:1;margin:0 auto;position:relative;border-radius:21px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 1px rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.13)}.cover-frame img{height:100%;width:100%;object-fit:cover;display:block}.equalizer{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;justify-content:center;height:31px;padding:8px 10px;border-radius:15px;background:rgba(21,11,32,.65);backdrop-filter:blur(6px)}.equalizer{opacity:0}.equalizer.is-playing{opacity:1}.equalizer span{width:3px;height:6px;border-radius:5px;background:#ffe3b5}.equalizer.is-playing span:nth-child(1){animation:bars .7s ease-in-out infinite alternate}.equalizer.is-playing span:nth-child(2){animation:bars .56s .08s ease-in-out infinite alternate}.equalizer.is-playing span:nth-child(3){animation:bars .76s .18s ease-in-out infinite alternate}.equalizer.is-playing span:nth-child(4){animation:bars .65s .14s ease-in-out infinite alternate}.equalizer.is-playing span:nth-child(5){animation:bars .71s .03s ease-in-out infinite alternate}.current-song{position:relative;min-height:104px}.kicker{font-size:10px;letter-spacing:.22em;color:#e4a77f;font-weight:800;margin:0 0 9px}.current-song h2{font-size:23px;line-height:1.26;font-weight:800;letter-spacing:-.025em;margin:0 auto 9px;max-width:390px;overflow-wrap:anywhere}.current-song p{color:#c7bbc9;font-size:13px;line-height:1.4;margin:0;overflow-wrap:anywhere}.play-main{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:none;color:#271622;background:linear-gradient(110deg,#f6c48c,#ffe2b7 50%,#f3b780);padding:18px 18px;border-radius:16px;font-size:13px;font-weight:850;letter-spacing:.09em;box-shadow:0 8px 32px rgba(249,180,107,.15);transition:transform .17s,filter .17s;margin-top:21px}.play-main:hover{filter:brightness(1.06);transform:translateY(-1px)}.play-main:active{transform:translateY(1px)}.play-main svg{width:21px;height:21px}.play-main .pause-symbol{display:none}.play-main.is-playing .play-symbol{display:none}.play-main.is-playing .pause-symbol{display:block}.play-main[disabled]{opacity:.8;cursor:progress}.player-tip{font-size:11px;line-height:1.5;color:#b3a8ba;margin:16px auto 0;max-width:340px;min-height:17px}
.community{border-top:1px solid var(--border);padding:40px 18px 0}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-eyebrow{color:#d3a783;font-size:10px;letter-spacing:.25em;font-weight:800}.section-heading h2{font-size:32px;letter-spacing:-.045em;line-height:1.3;margin:11px 0 22px}.section-mark{color:rgba(240,183,133,.5);font-size:38px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.action-card{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid var(--border);background:rgba(255,255,255,.028);border-radius:18px;padding:19px 16px;transition:border .2s,background .2s,transform .2s}.action-card:hover{border-color:rgba(242,190,134,.45);background:rgba(255,255,255,.065);transform:translateY(-2px)}.action-icon{width:44px;height:44px;flex:none;border-radius:13px;background:rgba(242,190,134,.1);color:var(--gold);display:grid;place-items:center}.action-icon svg{width:25px;height:25px}.action-text{min-width:0;display:flex;flex-direction:column;gap:4px}.action-text strong{font-size:13px;font-weight:760}.action-text small{font-size:11px;color:#b3a8b9;line-height:1.35}.action-arrow{color:#d9bb9f;margin-left:auto;align-self:flex-start;font-size:19px}.community-note{font-size:11px;color:#94899d;margin:13px 2px 0}.install-strip{margin:48px 18px 44px;border:1px solid rgba(244,196,141,.24);background:linear-gradient(102deg,rgba(99,46,66,.32),rgba(48,37,61,.39));border-radius:20px;display:flex;gap:18px;align-items:center;padding:24px}.install-icon{display:grid;place-items:center;flex:none;width:55px;height:55px;background:rgba(246,197,144,.09);border:1px solid rgba(246,197,144,.22);border-radius:15px;color:var(--gold)}.install-icon svg{width:29px;height:29px}.install-strip h2{font-size:17px;letter-spacing:-.03em;margin:0 0 5px}.install-strip p{margin:0;color:#bfb2c5;font-size:12px;line-height:1.5}.strip-button{margin-left:auto;background:transparent;border:1px solid rgba(246,197,144,.4);color:#ffe0ba;padding:12px 15px;border-radius:12px;white-space:nowrap;font-size:12px;font-weight:760}.strip-button span{margin-left:7px}footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--border);padding:25px 18px 35px;color:#94899d;font-size:11px}footer a{color:#c7bac9}footer a:hover{color:var(--gold)}.footer-divider{margin:0 7px;color:#796f7e}
.install-dialog{padding:0;border:1px solid rgba(247,203,154,.31);border-radius:23px;color:#fff;background:#201a2c;max-width:min(510px,calc(100vw - 28px));width:100%;box-shadow:0 24px 85px rgba(0,0,0,.62)}.install-dialog::backdrop{background:rgba(4,4,12,.72);backdrop-filter:blur(6px)}.dialog-inner{padding:31px;position:relative}.dialog-badge{font-size:10px;font-weight:850;letter-spacing:.2em;color:var(--gold)}.install-dialog h2{font-size:25px;line-height:1.3;margin:12px 0}.install-dialog p{font-size:13px;line-height:1.6;color:#c5baca}.close-dialog{position:absolute;right:20px;top:14px;background:none;border:0;color:#c9bbc8;font-size:29px}.install-help{display:grid;gap:12px;margin-top:23px}.install-help>div{border:1px solid rgba(255,255,255,.13);padding:15px;border-radius:12px;background:rgba(255,255,255,.025)}.install-help strong{font-size:14px;color:#f3d3b3}.install-help p{font-size:12px;margin:7px 0 0}.dialog-done{width:100%;background:#f1c394;border:0;color:#281726;padding:13px;border-radius:12px;font-weight:780;margin-top:19px}
@keyframes bars{0%{height:4px}100%{height:22px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:980px){.main-grid{gap:30px;padding:48px 0 49px;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.intro{padding-left:4px}h1{font-size:clamp(42px,6vw,66px)}.lead{font-size:15px}.player{padding:22px}.action-card{padding:16px 12px;gap:8px}.action-icon{width:40px;height:40px}.action-text small{font-size:10px}}
@media(max-width:710px){.app-shell{padding:0 18px}.topbar{padding:18px 1px}.brand-icon{width:47px;height:47px;border-radius:13px}.brand-text strong{font-size:17px}.brand-text small{font-size:7.3px;letter-spacing:.19em}.install-top{padding:11px 12px}.install-top span{display:none}.install-top svg{width:20px;height:20px}.main-grid{display:flex;flex-direction:column;align-items:stretch;padding:41px 0 35px;gap:29px}.intro{padding:0 4px}.eyebrow{font-size:10px;letter-spacing:.17em}h1{font-size:clamp(42px,10.5vw,60px);margin:17px 0 15px;max-width:440px}.lead{font-size:14px;line-height:1.65}.intro-pills{margin-top:19px;gap:7px}.intro-pills span{font-size:10px;padding:7px 10px}.line-art,.intro-note{display:none}.player{padding:20px 22px 22px;border-radius:24px}.cover-wrap{padding:15px 0 15px}.cover-frame{width:min(100%,175px);border-radius:17px}.current-song{min-height:86px}.current-song h2{font-size:21px}.play-main{margin-top:15px;padding:16px}.player-tip{margin-top:11px}.community{padding:28px 1px 0}.section-heading h2{font-size:26px;margin-bottom:19px}.action-grid{grid-template-columns:1fr;gap:10px}.action-card{padding:14px 16px}.action-icon{width:44px;height:44px}.action-text strong{font-size:13px}.action-text small{font-size:11px}.install-strip{margin:32px 0;flex-wrap:wrap;padding:17px;gap:12px}.install-icon{width:48px;height:48px}.install-strip>div:nth-child(2){flex:1}.strip-button{width:100%;margin:0}footer{padding:23px 0 33px;flex-wrap:wrap;gap:7px}.dialog-inner{padding:26px 22px}}
@media(max-width:380px){.brand-icon{width:41px;height:41px}.brand-text strong{font-size:15px}.brand-text small{letter-spacing:.1em;font-size:6.7px}.player{padding:18px 17px}.player-head{gap:5px}.live-label{font-size:9px}.connection-status{font-size:9px}.intro-pills span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}