.apod-module__6zX4hW__demo-wrapper{width:100%;min-height:100dvh;justify-content:center;align-items:center;min-height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}.apod-module__6zX4hW__demo-wrapper *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.apod-module__6zX4hW__demo-wrapper :focus-visible{outline:1px solid var(--color-white);outline-offset:2px}.apod-module__6zX4hW__demo-wrapper .apod-module__6zX4hW__bg-liquid{display:none}.apod-module__6zX4hW__chassis{width:var(--apod-chassis-w,280px);height:var(--apod-chassis-h,auto);aspect-ratio:61.8/103.5;-webkit-backdrop-filter:blur(40px);background:#1a1a1a;border:3px solid #ffffff1a;border-radius:48px;flex-direction:column;justify-content:center;padding:22px;display:flex;position:relative;overflow:hidden}.apod-module__6zX4hW__chassis:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.apod-module__6zX4hW__screen{flex-direction:column;flex:1;justify-content:space-between;min-height:0;display:flex}.apod-module__6zX4hW__header{justify-content:space-between;align-items:center;height:28px;display:flex}.apod-module__6zX4hW__nav-btn{background:var(--apod-glass,#ffffff0d);border:1px solid var(--apod-border,#ffffff40);cursor:pointer;width:28px;height:28px;color:var(--color-white);border-radius:50%;place-items:center;text-decoration:none;transition:background-color .18s,border-color .18s,transform .12s;display:grid}.apod-module__6zX4hW__nav-btn:hover,.apod-module__6zX4hW__nav-btn:focus-visible{background:#ffffff13;color:var(--color-white)!important}.apod-module__6zX4hW__nav-btn:active{transform:scale(.96)}.apod-module__6zX4hW__nav-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.apod-module__6zX4hW__art-view{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.apod-module__6zX4hW__art-card{aspect-ratio:1;background:var(--color-black);border-radius:18px;width:170px;position:relative;overflow:hidden}.apod-module__6zX4hW__art-card img{object-fit:cover;width:100%;height:100%;display:block}.apod-module__6zX4hW__art-card img{object-fit:cover;width:100%;height:100%;display:block}.apod-module__6zX4hW__meta{text-align:center;margin-bottom:20px}.apod-module__6zX4hW__titlee{color:var(--color-white);letter-spacing:-.3px;text-wrap:balance;margin-bottom:2px;font-size:15px;font-weight:700}.apod-module__6zX4hW__artist{color:var(--apod-mute,#ffffff80);font-size:12px;font-weight:500}.apod-module__6zX4hW__controls{background:var(--apod-glass,#ffffff0d);border:1px solid var(--apod-border,#ffffff40);border-radius:24px;flex-direction:column;gap:16px;padding:16px;display:flex}.apod-module__6zX4hW__range-box{position:relative}.apod-module__6zX4hW__range{appearance:none;cursor:pointer;background:#ffffff40;border-radius:10px;width:100%;height:4px}.apod-module__6zX4hW__range:disabled{opacity:.45;cursor:not-allowed}.apod-module__6zX4hW__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .2s,transform .2s}.apod-module__6zX4hW__range::-moz-range-thumb{background:var(--color-white);opacity:0;border:none;border-radius:50%;width:12px;height:12px;transition:opacity .2s,transform .2s}.apod-module__6zX4hW__range:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__range:active::-webkit-slider-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__range:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__range:hover::-moz-range-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__range:active::-moz-range-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__range:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.03)}.apod-module__6zX4hW__times{color:var(--apod-mute,#ffffff80);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:10px;font-weight:600;display:flex}.apod-module__6zX4hW__playback{justify-content:center;align-items:center;gap:22px;display:flex}.apod-module__6zX4hW__btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:0;transition:transform .1s,opacity .18s}.apod-module__6zX4hW__btn:active{transform:scale(.92)}.apod-module__6zX4hW__btn:disabled,.apod-module__6zX4hW__btn:disabled:hover,.apod-module__6zX4hW__nav-btn:disabled,.apod-module__6zX4hW__nav-btn:disabled:hover,.apod-module__6zX4hW__dialog-close:disabled,.apod-module__6zX4hW__dialog-close:disabled:hover{opacity:.35}.apod-module__6zX4hW__btn-play{background:var(--color-white);width:50px;height:50px;color:var(--color-black);border-radius:50%;place-items:center;display:grid}.apod-module__6zX4hW__btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.apod-module__6zX4hW__btn-play svg{width:21px;height:21px}.apod-module__6zX4hW__vol-row{background:#00000040;border-radius:12px;align-items:center;gap:10px;padding:4px 8px;display:flex}.apod-module__6zX4hW__vol-btn{width:16px;height:16px;color:var(--apod-mute,#ffffff80);flex:0 0 16px;place-items:center;padding:0;display:grid}.apod-module__6zX4hW__vol-btn:hover,.apod-module__6zX4hW__vol-btn:focus-visible{color:var(--color-white)}.apod-module__6zX4hW__vol-row:hover .apod-module__6zX4hW__range::-webkit-slider-thumb{opacity:1}.apod-module__6zX4hW__vol-row:focus-within .apod-module__6zX4hW__range::-webkit-slider-thumb{opacity:1}.apod-module__6zX4hW__vol-row:hover .apod-module__6zX4hW__range::-moz-range-thumb{opacity:1}.apod-module__6zX4hW__vol-row:focus-within .apod-module__6zX4hW__range::-moz-range-thumb{opacity:1}.apod-module__6zX4hW__vol-svg{width:16px;height:16px;color:var(--apod-mute,#ffffff80);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.apod-module__6zX4hW__overlay{-webkit-backdrop-filter:blur(50px);z-index:100;background:#1f1f1f;padding:60px 24px;transition:transform .5s cubic-bezier(.19,1,.22,1);position:absolute;inset:0;transform:translateY(100%)}.apod-module__6zX4hW__overlay.apod-module__6zX4hW__open{transform:translateY(0)}.apod-module__6zX4hW__list{scrollbar-width:none;flex-direction:column;gap:10px;max-height:100%;display:flex;overflow-y:auto}.apod-module__6zX4hW__list::-webkit-scrollbar{display:none}.apod-module__6zX4hW__item{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:background-color .25s,color .25s,transform .12s;display:flex}.apod-module__6zX4hW__item:hover{background:#ffffff0d}.apod-module__6zX4hW__item:active{transform:scale(.985)}.apod-module__6zX4hW__item-press{animation:.18s apod-module__6zX4hW__track-tap}@keyframes apod-module__6zX4hW__track-tap{0%{transform:scale(1)}45%{transform:scale(.97)}to{transform:scale(1)}}.apod-module__6zX4hW__item.apod-module__6zX4hW__active,.apod-module__6zX4hW__active{background:#ffffff1a}.apod-module__6zX4hW__item img{background:#111;border-radius:8px;width:36px;height:36px}.apod-module__6zX4hW__item img{background:#111;border-radius:8px;width:36px;height:36px}.apod-module__6zX4hW__dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);min-height:calc(100dvh - 24px);color:var(--color-white);opacity:0;transition:opacity .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;background:0 0;border:none;margin:auto;padding:12px;overflow:visible}.apod-module__6zX4hW__dialog[open]{opacity:1;place-items:center;display:grid}@starting-style{.apod-module__6zX4hW__dialog[open]{opacity:0}}.apod-module__6zX4hW__dialog::backdrop{-webkit-backdrop-filter:blur(18px);background:#00000075}.apod-module__6zX4hW__dialog-panel{width:min(var(--apod-chassis-w,280px), calc(100vw - 24px));height:var(--apod-chassis-h,auto);aspect-ratio:61.8/103.5;-webkit-backdrop-filter:blur(40px);transform-origin:bottom;opacity:0;background:#1a1a1a;border:3px solid #ffffff1a;border-radius:48px;flex-direction:column;max-width:100%;max-height:calc(100dvh - 24px);margin:auto;padding:22px;transition:opacity .26s cubic-bezier(.19,1,.22,1),transform .26s cubic-bezier(.19,1,.22,1);display:flex;overflow:hidden;transform:translateY(18px)scale(.985)}.apod-module__6zX4hW__dialog[open] .apod-module__6zX4hW__dialog-panel{opacity:1;transform:translateY(0)scale(1)}@starting-style{.apod-module__6zX4hW__dialog[open] .apod-module__6zX4hW__dialog-panel{opacity:0;transform:translateY(18px)scale(.985)}}.apod-module__6zX4hW__dialog-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.apod-module__6zX4hW__dialog-copy{min-width:0}.apod-module__6zX4hW__dialog-eyebrow{letter-spacing:.18em;color:var(--apod-mute,#ffffff80);margin-bottom:6px;font-size:10px;font-weight:700}.apod-module__6zX4hW__dialog-title{color:var(--color-white);font-size:15px;font-weight:700;line-height:1.25}.apod-module__6zX4hW__dialog-close{background:var(--apod-glass,#ffffff0d);border:1px solid var(--apod-border,#ffffff40);width:28px;height:28px;color:var(--color-white);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background-color .18s,transform .12s;display:grid}.apod-module__6zX4hW__dialog-close:hover,.apod-module__6zX4hW__dialog-close:focus-visible{background:#ffffff13}.apod-module__6zX4hW__dialog-close:active{transform:scale(.96)}.apod-module__6zX4hW__dialog-close svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.apod-module__6zX4hW__dialog-body{flex:1;min-height:0}.apod-module__6zX4hW__shortcut-grid{color:var(--color-white);grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;font-size:12px;display:grid}.apod-module__6zX4hW__shortcut-grid dt,.apod-module__6zX4hW__shortcut-grid dd{margin:0}.apod-module__6zX4hW__shortcut-grid kbd{min-width:36px;color:var(--color-white);font:inherit;text-align:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;padding:4px 8px;font-weight:700}@media (max-width:340px){.apod-module__6zX4hW__chassis,.apod-module__6zX4hW__dialog-panel{width:min(100vw - 20px, var(--apod-chassis-w,280px));border-radius:40px;padding:18px}.apod-module__6zX4hW__overlay{padding:48px 18px}.apod-module__6zX4hW__art-card{width:156px}.apod-module__6zX4hW__controls{padding:14px}}
.voice-page{color:#fff}.voice-page:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:soft-light;opacity:.03;background-color:#e6e6e6;background-image:url(/img/jpg/cover.jpg);background-repeat:repeat;background-size:100px 100px;position:fixed;inset:0}