:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;background:#050807}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:#050807}body{min-width:320px}button,input{font:inherit}.app{min-height:100dvh;position:relative;overflow:hidden;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));color:#8fa198;background:radial-gradient(ellipse at 50% 48%,rgba(28,48,40,.24),transparent 32%),radial-gradient(ellipse at 12% 10%,rgba(25,32,47,.22),transparent 42%),linear-gradient(180deg,#050807,#040706 58%,#060a08),#050807}.sky-background{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sky-background:before{content:"";position:absolute;top:10%;right:-28%;bottom:10%;left:-28%;border-radius:50%;background:linear-gradient(118deg,transparent 38%,rgba(54,68,77,.045) 49%,rgba(47,67,58,.06) 53%,transparent 64%);filter:blur(18px);transform:rotate(-8deg)}.page-star{position:absolute;left:var(--page-star-x);top:var(--page-star-y);width:var(--page-star-size);height:var(--page-star-size);border-radius:50%;background:#83978d;box-shadow:0 0 5px #6f8b7e38;opacity:.16;transition:opacity 1.8s ease}.page-star:nth-child(5n){background:#a29c88}.page-star:nth-child(11n){box-shadow:0 0 8px #7f948a52}.sky-streak{position:absolute;width:74px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(151,170,161,.42));opacity:0}.sky-streak-one{top:18%;left:8%;transform:rotate(-24deg) translate(-120px)}.sky-streak-two{top:70%;left:58%;transform:rotate(-32deg) translate(-120px)}.player{position:relative;z-index:1;width:min(440px,100%);min-height:calc(100dvh - 52px);display:grid;grid-template-rows:auto 1fr auto auto;place-items:center}.brand{align-self:start;color:#46544d;font-family:Georgia,Times New Roman,serif;font-size:20px;letter-spacing:-.03em;transition:opacity 1.2s ease;-webkit-user-select:none;user-select:none}.brand span{color:#52645b}.sound-stage{position:relative;width:min(78vw,330px);aspect-ratio:1;display:grid;place-items:center}.pulse,.ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.pulse{transition:opacity .8s ease}.aura{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:#41665429;filter:blur(28px);opacity:.28;transform:scale(.82)}.night-sky{position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;overflow:hidden;border-radius:50%;opacity:.12;transform:rotate(-4deg);transition:opacity 1.8s ease}.star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#91a99d;box-shadow:0 0 5px #74928347;opacity:.18}.star:nth-child(4n){background:#b1aa92}.star:nth-child(7n){box-shadow:0 0 8px #78978866}.shooting-star{position:absolute;width:46px;height:1px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(157,178,168,.6));opacity:0;transform:rotate(-28deg) translate(-85px)}.shooting-star-one{top:24%;left:5%}.shooting-star-two{top:58%;left:18%;width:34px;transform:rotate(-18deg) translate(-85px)}.shooting-star-three{top:39%;left:52%;width:28px;transform:rotate(-36deg) translate(-85px)}.ring{border:1px solid rgba(83,113,99,.1);opacity:.35}.ring-one{top:22%;right:22%;bottom:22%;left:22%}.ring-two{top:11%;right:11%;bottom:11%;left:11%}.ring-three{top:0;right:0;bottom:0;left:0}.orbit{position:absolute;border-radius:50%;opacity:0}.orbit:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:#587064;box-shadow:0 0 10px #5a796a59}.orbit-one{top:18%;right:18%;bottom:18%;left:18%}.orbit-two{top:5%;right:5%;bottom:5%;left:5%}.orbit-two:after{width:3px;height:3px;background:#3f554a}.launch-effects{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:visible;pointer-events:none;contain:layout paint}.launch-ring{position:absolute;width:176px;height:176px;border:1px solid rgba(136,158,147,.26);border-radius:50%;opacity:0;backface-visibility:hidden;will-change:transform,opacity}.play-button.ant-btn{--moon-surface: radial-gradient(circle at 29% 23%, rgba(119, 139, 129, .13), transparent 37%), radial-gradient(circle at 66% 70%, #111915 0%, #18221e 52%, #202c27 100%), #18221e;position:relative;z-index:2;width:176px;height:176px;overflow:hidden;border:1px solid rgba(135,154,145,.16);color:#9eafa7;background:var(--moon-surface)!important;box-shadow:inset -30px -23px 42px #0105034d,inset 12px 10px 24px #99a69f11,inset 0 0 0 1px #a1ada70b,0 12px 28px #00000038,0 0 38px #3a52471a,0 0 88px #26433617;transition:opacity 1.2s ease,transform .25s ease,background .4s ease,box-shadow .4s ease;backface-visibility:hidden;will-change:transform,opacity;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.play-button.ant-btn:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(128deg,#5768600a,#02070433),var(--moon-texture) center / 108% 108% no-repeat;opacity:0;transition:opacity .65s ease}.play-button.ant-btn.is-texture-ready:before{opacity:1}.play-button.ant-btn:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 27% 20%,rgba(181,191,186,.085),transparent 35%),radial-gradient(circle at 31% 27%,transparent 37%,rgba(4,8,6,.04) 58%,rgba(0,3,2,.3) 100%),linear-gradient(124deg,rgba(161,173,167,.035),transparent 47%,rgba(0,4,2,.16));box-shadow:inset -25px -19px 38px #0105032e,inset 5px 4px 8px #aeb9b306}.play-button.ant-btn:hover,.play-button.ant-btn:focus-visible{color:#a1b1a9!important;background:var(--moon-surface)!important;border-color:#7c91872b!important;box-shadow:inset -30px -23px 42px #0105034f,inset 12px 10px 24px #99a69f0f,inset 0 0 0 1px #a1ada70a,0 10px 24px #0003,0 0 31px #30483d13,0 0 62px #26433611!important}.play-button.ant-btn:focus-visible{outline:1px solid rgba(125,148,137,.28);outline-offset:5px}.play-button.ant-btn:active{transform:scale(.985);background:var(--moon-surface)!important}.play-button.ant-btn>.ant-btn-icon{z-index:2}.play-button.ant-btn .anticon{font-size:42px}.moon-icons{position:relative;display:block;width:46px;height:46px}.moon-icon.anticon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .42s ease,transform .42s cubic-bezier(.16,1,.3,1)}.moon-icon-play{margin-left:4px;opacity:1;transform:scale(1)}.moon-icon-pause,.is-playing .moon-icon-play{opacity:0;transform:scale(.82)}.is-playing .moon-icon-pause{opacity:1;transform:scale(1)}.controls{align-self:end;width:min(260px,74vw);display:grid;justify-items:center;gap:12px;opacity:1;transition:opacity 1.2s ease}.status.ant-typography{color:#596860;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.sound-wave{height:17px;display:flex;align-items:center;gap:4px;opacity:.14;transition:opacity .7s ease}.sound-wave span{width:2px;height:3px;border-radius:999px;background:#6f887c;transform-origin:center}.utility-controls{width:min(330px,88vw);min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;transition:opacity 1.2s ease}.utility-button.ant-btn{flex:1;height:48px;padding-inline:14px;color:#64776d;font-size:13px;border:1px solid #1d2b25;border-radius:999px;background:#111b17b3;touch-action:manipulation;-webkit-user-select:none;user-select:none}.utility-button.ant-btn:hover,.utility-button.ant-btn:focus-visible{color:#6e8278!important;border-color:#2a3c34!important;background:#1f2f28b3!important}.utility-button.is-holding.ant-btn,.play-button.is-holding.ant-btn{animation:hold-confirm .8s linear forwards!important}.is-playing .utility-controls .utility-button{animation:utility-enter 1s .48s cubic-bezier(.16,1,.3,1) both}.is-playing .utility-controls .utility-button:nth-child(2){animation-delay:.64s}.volume-control{width:100%;display:grid;grid-template-columns:16px 1fr;align-items:center;gap:14px;color:#405048}.volume-control .ant-slider{margin-inline:0}.volume-control .ant-slider-rail{background:#18221e}.volume-control .ant-slider-track{background:#40584d}.volume-control .ant-slider-handle:after{width:8px;height:8px;top:2px;right:2px;bottom:2px;left:2px;background:#60776c;box-shadow:none}.volume-control .ant-slider:hover .ant-slider-track{background:#4a6257}.is-playing .play-button.ant-btn{box-shadow:inset -30px -23px 42px #0105034a,inset 12px 10px 24px #99a69f11,inset 0 0 0 1px #a1ada70b,0 12px 28px #00000038,0 0 36px #3b5b4c17,0 0 74px #2b4b3d16;animation:button-breathe 5.6s ease-in-out infinite}.is-playing .page-star{animation:page-star-twinkle var(--page-star-speed) var(--page-star-delay) ease-in-out infinite}.is-playing .sky-streak-one{animation:sky-streak-one 16s 5s ease-in-out infinite}.is-playing .sky-streak-two{animation:sky-streak-two 23s 12s ease-in-out infinite}.is-playing .aura{animation:aura-breathe 5.6s ease-in-out infinite}.is-playing .night-sky{opacity:.66;animation:sky-drift 70s linear infinite}.is-playing .star{animation:star-twinkle var(--star-speed) var(--star-delay) ease-in-out infinite}.is-playing .shooting-star-one{animation:shooting-star 12s 2.5s ease-in-out infinite}.is-playing .shooting-star-two{animation:shooting-star-two 17s 7.5s ease-in-out infinite}.is-playing .shooting-star-three{animation:shooting-star-three 21s 13s ease-in-out infinite}.is-playing .ring-one{animation:ripple 5.6s ease-out infinite}.is-playing .ring-two{animation:ripple 5.6s 1.85s ease-out infinite}.is-playing .ring-three{animation:ripple 5.6s 3.7s ease-out infinite}.is-playing .orbit{opacity:.52}.is-playing .orbit-one{animation:orbit 19s linear infinite}.is-playing .orbit-two{animation:orbit-reverse 27s linear infinite}.is-playing .sound-wave{opacity:.48}.is-playing .sound-wave span{animation:wave 2.2s ease-in-out infinite}.is-playing .sound-wave span:nth-child(2),.is-playing .sound-wave span:nth-child(6){animation-delay:-.35s}.is-playing .sound-wave span:nth-child(3),.is-playing .sound-wave span:nth-child(5){animation-delay:-.7s}.is-playing .sound-wave span:nth-child(4){animation-delay:-1.05s}.is-launching .play-button.ant-btn{animation:lunar-awaken 1.25s cubic-bezier(.16,1,.3,1) both}.is-launching .launch-ring-one{animation:launch-wave 1.1s .02s cubic-bezier(.16,1,.3,1) both}.is-launching .launch-ring-two{animation:launch-wave 1.15s .2s cubic-bezier(.16,1,.3,1) both}.is-launching .night-sky{animation:sky-awaken 1.25s cubic-bezier(.16,1,.3,1) both}.is-playing.is-launching .ring{animation:none;opacity:0}.is-blackout .brand,.is-blackout .controls,.is-blackout .utility-controls{opacity:0;pointer-events:none}.is-blackout .pulse{opacity:.07}.is-blackout .play-button.ant-btn{opacity:.16;transform:scale(.9);box-shadow:none}.is-locked .volume-control{opacity:.45}.timer-drawer .ant-drawer-content-wrapper{width:100%!important}.timer-drawer .ant-drawer-content{width:min(440px,100%);margin-inline:auto;border-radius:24px 24px 0 0;background:#0c1310;box-shadow:0 -20px 70px #0000006b}.timer-drawer .ant-drawer-header{min-height:58px;border-bottom-color:#1c2923}.timer-drawer .ant-drawer-title{color:#82958b;font-size:14px}.timer-drawer .ant-drawer-close{color:#53645b}.timer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.timer-options .ant-btn-default{color:#71847a;border-color:#26362f;background:#101915}.timer-options .ant-btn-primary{color:#b8c7bf;background:#294237}.timer-note.ant-typography{grid-column:1 / -1;margin-top:4px;color:#435249;font-size:11px;text-align:center}.timer-options>.ant-btn-text{grid-column:1 / -1}@keyframes button-breathe{0%,to{transform:scale(.992)}50%{transform:scale(1.008)}}@keyframes lunar-awaken{0%{transform:translateZ(0) scale(.965)}62%{transform:translateZ(0) scale(1.006)}to{transform:translateZ(0) scale(.992)}}@keyframes launch-wave{0%{opacity:.2;transform:translateZ(0) scale(.98)}to{opacity:0;transform:translateZ(0) scale(1.5)}}@keyframes sky-awaken{0%{opacity:.12}52%{opacity:.72}to{opacity:.66}}@keyframes page-star-twinkle{0%,to{transform:scale(.75);opacity:.1}48%{transform:scale(1.2);opacity:.42}63%{transform:scale(.9);opacity:.2}}@keyframes sky-streak-one{0%,72%,to{opacity:0;transform:rotate(-24deg) translate(-120px)}76%{opacity:.26}83%{opacity:0;transform:rotate(-24deg) translate(460px)}}@keyframes sky-streak-two{0%,78%,to{opacity:0;transform:rotate(-32deg) translate(-120px)}82%{opacity:.2}89%{opacity:0;transform:rotate(-32deg) translate(420px)}}@keyframes ripple{0%{transform:scale(.84);opacity:0}24%{opacity:.24}72%{opacity:.07}to{transform:scale(1.055);opacity:0}}@keyframes aura-breathe{0%,to{transform:scale(.82);opacity:.15}50%{transform:scale(1.12);opacity:.28}}@keyframes sky-drift{0%{transform:rotate(-4deg)}to{transform:rotate(356deg)}}@keyframes star-twinkle{0%,to{transform:scale(.7);opacity:.12}45%{transform:scale(1.25);opacity:.72}62%{transform:scale(.85);opacity:.3}}@keyframes shooting-star{0%,66%,to{opacity:0;transform:rotate(-28deg) translate(-85px)}70%{opacity:.4}78%{opacity:0;transform:rotate(-28deg) translate(285px)}}@keyframes shooting-star-two{0%,72%,to{opacity:0;transform:rotate(-18deg) translate(-85px)}76%{opacity:.3}84%{opacity:0;transform:rotate(-18deg) translate(245px)}}@keyframes shooting-star-three{0%,78%,to{opacity:0;transform:rotate(-36deg) translate(-85px)}81%{opacity:.26}88%{opacity:0;transform:rotate(-36deg) translate(210px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}@keyframes wave{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(4.5);opacity:1}}@keyframes hold-confirm{0%{box-shadow:inset 0 0 #6f908000}to{box-shadow:inset 0 0 0 5px #6f908059}}@keyframes utility-enter{0%{opacity:0;transform:translate3d(0,9px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(max-height:560px){.player{min-height:calc(100dvh - 32px)}.sound-stage{width:min(50vh,270px)}.play-button.ant-btn{width:132px;height:132px}.controls{gap:8px}.utility-controls{min-height:40px;margin-bottom:6px}.utility-button.ant-btn{height:40px}}@media(prefers-reduced-motion:reduce){.is-playing .play-button.ant-btn,.is-playing .ring,.is-playing .page-star,.is-playing .sky-streak,.is-playing .aura,.is-playing .night-sky,.is-playing .star,.is-playing .shooting-star,.is-playing .orbit,.is-playing .sound-wave span,.utility-button.is-holding.ant-btn,.play-button.is-holding.ant-btn,.is-playing .utility-controls .utility-button,.is-launching .launch-ring{animation:none}}