@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--bg:#010101;--surface:#0e0d0d;--raised:#191716;--primary:#aa6a3e;--primary2:#c27b47;--accent:#e6b383;--text:#f5f0ea;--muted:#a29b94;--border:#2f2925;--r:28px;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{background:#010101}.shell{display:block;min-height:100dvh}.side{display:none}main{width:min(100%,520px);min-height:100dvh;margin:auto;padding:0 20px 110px;background:linear-gradient(180deg,#090909 0%,#010101 42%)}header{height:86px}.wordmark{font-size:14px;font-weight:600;letter-spacing:.24em}.head-actions{display:flex;gap:7px}.round{border:1px solid #ffffff16;background:#ffffff0d}.gallery-title{margin:21px 2px 24px}.gallery-title p,.overline{color:#a29b94;font-size:10px;letter-spacing:.16em}.gallery-title h1{margin:7px 0 0;font-family:"DM Serif Display",Didot,Georgia,serif;font-size:40px;font-weight:400;letter-spacing:-.045em}.player-card{border:0;border-radius:32px;background:transparent;box-shadow:none}.stage{min-height:465px;border-radius:32px;background:radial-gradient(ellipse at 68% 25%,#ee954b 0%,#aa6a3e 34%,#3d1e0f 73%,#100a08 100%)}.stage:after{position:absolute;right:14%;bottom:0;width:44%;height:72%;border-radius:49% 49% 8% 8%;background:radial-gradient(ellipse at 45% 17%,#070504 0 19%,transparent 20%),radial-gradient(ellipse at 50% 40%,#100a08 0 48%,#040302 49%);content:"";opacity:.92}.stage.has-player:after{display:none}.empty{z-index:2;color:#fff}.empty strong{border-color:#ffffffab;color:#fff}.empty .link{color:#fff}.now{padding:19px 8px 9px}.now h2{font-family:"DM Serif Display",Didot,Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.035em}.now a{color:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.controls{padding:8px 8px 29px}.play{background:#f3eee7;color:#12100f}.queue,.library,.steps article,.limit{border:1px solid #ffffff12;border-radius:26px;background:#0e0d0d;box-shadow:none}.queue{padding:19px;margin-top:9px}.queue h2{font-family:"DM Serif Display",Didot,Georgia,serif;font-weight:400}.item{border-radius:18px}.item.current{border-color:#aa6a3e80;background:#2b1b11}.queue .secondary{border:0;border-radius:15px;background:#ffffff0b}.notice{margin:17px 4px;color:#77716c;font-size:11px}.mobile{right:50%;bottom:20px;left:auto;width:min(360px,calc(100% - 40px));min-height:58px;padding:5px 9px;transform:translateX(50%);border:1px solid #ffffff22;border-radius:23px;background:#292521e8;backdrop-filter:blur(20px);box-shadow:0 14px 34px #0009}.mobile .nav{min-height:48px;color:#b4aca5;font-size:10px}.mobile .nav.active{color:#fff}.mobile button{width:46px;height:46px;margin:0;border:0;background:#aa6a3e;font-size:24px}.library{border-radius:26px}.row{border-color:#ffffff12}.row h2,.steps h2,.limit h2{font-family:"DM Serif Display",Didot,Georgia,serif;font-weight:400}.steps{gap:12px}.steps article{min-height:155px;padding:19px;border-radius:22px}.steps h2{margin:28px 0 5px}.limit{border-radius:22px}.heading{display:none}dialog{border-color:#ffffff20;border-radius:29px;background:#131110}.toast{border-color:#aa6a3e;background:#20150e}@media(min-width:720px){main{width:min(560px,100%);box-shadow:0 0 90px #000}.gallery-title{margin-top:38px}.mobile{bottom:28px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}
