.index-module__vbPTMW__root{--stagger-delay:.1s;--stagger-start:0s;--sheet-mt:150px;--p-gap:48px;--p-fs:25px;--h1-fs:40px;--h2-fs:calc(var(--p-fs)*1.2);--h1-mb:180px;--container-ml:calc(100vw/60*8);--input-fs:40px;--input-placeholder:var(--color-gray9);--iphone-scale:1;--iphone-debug-scale:.8}.index-module__vbPTMW__root .index-module__vbPTMW__demo [data-demo=slide-to-unlock]{scale:var(--iphone-scale)}.index-module__vbPTMW__root .index-module__vbPTMW__demo [data-demo=slide-to-unlock][data-variant=debug]{scale:var(--iphone-debug-scale)}.index-module__vbPTMW__root[data-input-focused=true] .index-module__vbPTMW__container:not([data-fade=false]),.index-module__vbPTMW__root[data-input-focused=true] .index-module__vbPTMW__header{opacity:.2;filter:blur(2px)}.index-module__vbPTMW__root input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 60px #fff}.index-module__vbPTMW__root input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 60px #fff}.index-module__vbPTMW__root input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 60px #fff}.index-module__vbPTMW__root input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 60px #fff}.index-module__vbPTMW__container:not([data-fade=false]),.index-module__vbPTMW__header{transition:opacity .3s ease-in-out,filter .3s ease-in-out}.index-module__vbPTMW__container{width:100%;margin-left:var(--container-ml);max-width:800px}.index-module__vbPTMW__container h1{font-size:var(--h1-fs)}.index-module__vbPTMW__container>p,.index-module__vbPTMW__container~.index-module__vbPTMW__caption{font-size:var(--p-fs);margin-bottom:var(--p-gap)}.index-module__vbPTMW__container>h2{font-size:var(--h2-fs);margin-top:calc(var(--p-gap)*2);margin-bottom:calc(var(--p-gap)/2)}.index-module__vbPTMW__header[data-show=false]{opacity:0}.index-module__vbPTMW__button:after{content:"";width:100%;height:100%;padding:64px 128px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-module__vbPTMW__demo{margin-left:unset;width:100vw;max-width:1200px;position:relative;left:50%;right:50%;transform:translate(-50%)}@media (max-width:1400px){.index-module__vbPTMW__root{--h1-fs:32px;--h1-mb:120px;--container-ml:calc(100vw/60*6)}.index-module__vbPTMW__root main{padding-left:16px;padding-right:16px}.index-module__vbPTMW__container{max-width:640px}}@media (max-width:960px){.index-module__vbPTMW__root{--h1-fs:28px;--h1-mb:80px;--p-fs:20px;--container-ml:0;--input-fs:var(--h2-fs)}.index-module__vbPTMW__root input{padding-bottom:4px}.index-module__vbPTMW__header button{font-size:16px}.index-module__vbPTMW__container{width:100%;margin-left:auto;margin-right:auto}}@media (max-width:1440px){.index-module__vbPTMW__root{--iphone-scale:.83}.index-module__vbPTMW__root .index-module__vbPTMW__demo{height:960px}}@media (max-width:640px){.index-module__vbPTMW__root{--iphone-scale:.5;--iphone-debug-scale:var(--iphone-scale)}.index-module__vbPTMW__root .index-module__vbPTMW__demo{height:580px;padding:0!important}}@keyframes index-module__vbPTMW__enter{0%{opacity:0;translate:0 15px}to{opacity:1;translate:none}}@media (prefers-reduced-motion:no-preference){.index-module__vbPTMW__root [data-animate]{animation:.4s ease-in-out both index-module__vbPTMW__enter;animation-delay:calc(var(--stagger)*var(--stagger-delay) + var(--stagger-start))}}@keyframes index-module__vbPTMW__drawPath{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}.index-module__vbPTMW__submittedWriting path{--base-delay:.3s;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;stroke-linecap:round;stroke:var(--color-accent);stroke-width:6px;animation:.4s ease-out forwards index-module__vbPTMW__drawPath}.index-module__vbPTMW__t{outline:1px solid red}.index-module__vbPTMW__submittedWriting path:first-child{animation-delay:calc(var(--base-delay) + 0s)}.index-module__vbPTMW__submittedWriting path:nth-child(2){animation-delay:calc(var(--base-delay) + 80ms)}.index-module__vbPTMW__submittedWriting path:nth-child(3){animation-delay:calc(var(--base-delay) + .16s)}.index-module__vbPTMW__submittedWriting path:nth-child(4){animation-delay:calc(var(--base-delay) + .4s)}.index-module__vbPTMW__submittedWriting path:nth-child(5){animation-delay:calc(var(--base-delay) + .32s)}.index-module__vbPTMW__submittedWriting path:nth-child(6){animation-delay:calc(var(--base-delay) + .4s)}.index-module__vbPTMW__submittedWriting path:nth-child(7){animation-delay:calc(var(--base-delay) + .48s)}.index-module__vbPTMW__submittedWriting path:nth-child(8){animation-delay:calc(var(--base-delay) + .56s)}.index-module__vbPTMW__submittedWriting path:nth-child(9){animation-delay:calc(var(--base-delay) + .64s)}.index-module__vbPTMW__submittedWriting path:nth-child(10){animation-delay:calc(var(--base-delay) + .72s)}.index-module__vbPTMW__submittedWriting path:nth-child(11){animation-delay:calc(var(--base-delay) + .8s)}.index-module__vbPTMW__submittedWriting path:nth-child(12){animation-delay:calc(var(--base-delay) + .88s)}.index-module__vbPTMW__submittedWriting path:nth-child(13){animation-delay:calc(var(--base-delay) + .96s)}.index-module__vbPTMW__submittedWriting path:nth-child(14){animation-delay:calc(var(--base-delay) + 1.04s)}.index-module__vbPTMW__submittedWriting path:nth-child(15){animation-delay:calc(var(--base-delay) + 1.12s)}.index-module__vbPTMW__submittedWriting path:nth-child(16){animation-delay:calc(var(--base-delay) + 1.2s)}.index-module__vbPTMW__submittedWriting path:nth-child(17){animation-delay:calc(var(--base-delay) + 1.28s)}.index-module__vbPTMW__submittedWriting path.index-module__vbPTMW__t1{animation-duration:.1s;animation-delay:calc(var(--base-delay) + .85s)}.index-module__vbPTMW__submittedWriting path.index-module__vbPTMW__t2{animation-duration:.1s;animation-delay:calc(var(--base-delay) + 1.18s)}.index-module__vbPTMW__submittedWriting path.index-module__vbPTMW__dot{animation-duration:.1s;animation-delay:calc(var(--base-delay) + .6s)}
.slide-to-unlock-module__4QGuiW__slideToUnlock{--size:1px;--gradient:linear-gradient(to bottom,#ffffff1a,#fff6)}.slide-to-unlock-module__4QGuiW__slideToUnlock:before{content:"";border-radius:inherit;padding:var(--size);background:var(--gradient);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.slide-to-unlock-module__4QGuiW__powerButton:after{content:"";padding:40px 50px;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.slide-to-unlock-module__4QGuiW__text{background:linear-gradient(90deg,#ffffff4d 20% 40%,#ffffffe6 50% 55%,#ffffff4d 70% 100%);-webkit-text-fill-color:transparent;background-position-x:140%;background-size:200%;-webkit-background-clip:text;animation:2.5s 1.5s infinite slide-to-unlock-module__4QGuiW__shine}@keyframes slide-to-unlock-module__4QGuiW__shine{0%{background-position-x:140%}to{background-position-x:-50%}}
.cover-flow-module__-HpVGG__stage{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;cursor:var(--cursor-grab);-webkit-font-smoothing:antialiased;background:linear-gradient(#2a2a2a 0%,#0a0a0a 50%);outline:none;position:relative;overflow:hidden}.cover-flow-module__-HpVGG__stage:active{cursor:var(--cursor-grabbing)}.cover-flow-module__-HpVGG__track{transform-style:preserve-3d;perspective:800px;position:absolute;top:42%;left:50%}.cover-flow-module__-HpVGG__label{text-align:center;white-space:nowrap;background:linear-gradient(#0000,#000000b3);justify-content:center;align-items:center;padding:16px 60px;display:flex;position:absolute;bottom:0;left:0;right:0}.cover-flow-module__-HpVGG__labelText{flex-direction:column;align-items:center;gap:2px;display:flex}.cover-flow-module__-HpVGG__artist,.cover-flow-module__-HpVGG__title{letter-spacing:-.01em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block}.cover-flow-module__-HpVGG__artist{color:#ffffffd9;font-size:17px;font-weight:500;line-height:1.25}.cover-flow-module__-HpVGG__title{color:#ffffff8c;font-size:15px;font-weight:400;line-height:1.25}.cover-flow-module__-HpVGG__controlButton{color:#ffffffd9;width:32px;height:32px;cursor:var(--cursor-pointer);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;bottom:14px}.cover-flow-module__-HpVGG__controlButton:hover{background:#ffffff40}.cover-flow-module__-HpVGG__playPauseButton{left:14px}.cover-flow-module__-HpVGG__infoButton{font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic;font-weight:700;right:14px}@media (max-width:640px){.cover-flow-module__-HpVGG__stage{min-height:360px}.cover-flow-module__-HpVGG__track{transform-style:preserve-3d;scale:.85}.cover-flow-module__-HpVGG__artist{font-size:14px}.cover-flow-module__-HpVGG__title{font-size:12px}}.cover-flow-module__-HpVGG__minimap{pointer-events:none}
.cover-item-module__0AVjWa__cover{width:220px;height:220px;transform-style:preserve-3d;will-change:transform;cursor:var(--cursor-pointer);transform-origin:50%;position:absolute;top:-110px;left:-110px}.cover-item-module__0AVjWa__cover.cover-item-module__0AVjWa__focused:not(.cover-item-module__0AVjWa__flipped):active .cover-item-module__0AVjWa__coverInner{-webkit-font-smoothing:subpixel-antialiased;transition:scale .1s ease-out;scale:.95}.cover-item-module__0AVjWa__coverInner{width:100%;height:100%;transform-style:preserve-3d;transition:scale .3s ease-out;position:relative}.cover-item-module__0AVjWa__coverFront{backface-visibility:hidden;position:absolute;inset:0}.cover-item-module__0AVjWa__coverBack{backface-visibility:hidden;background:#1c1c1e;border-radius:3px;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg);box-shadow:0 2px 20px #00000080}.cover-item-module__0AVjWa__coverImage{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:2px;width:100%;height:100%;box-shadow:0 2px 20px #00000080}.cover-item-module__0AVjWa__reflection{backface-visibility:hidden;pointer-events:none;background:#0a0a0a;width:100%;height:60%;position:absolute;top:100%;left:0;overflow:hidden;transform:scaleY(-1)translateZ(-1px)}.cover-item-module__0AVjWa__reflectionImage{object-fit:cover;border-radius:2px;width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000 0%,#00000040 100%);mask-image:linear-gradient(#0000 0%,#00000040 100%)}
.track-list-module__Po-PnW__trackListHeader{background:linear-gradient(#5b7fb5 0%,#3a5d8e 50%,#2c4a76 51%,#3a5d8e 100%);border-bottom:1px solid #1e3a5f;align-items:center;gap:8px;padding:8px 10px;display:flex}.track-list-module__Po-PnW__trackListThumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:32px;height:32px;box-shadow:0 1px 3px #0006}.track-list-module__Po-PnW__trackListMeta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.track-list-module__Po-PnW__trackListArtist{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.track-list-module__Po-PnW__trackListTitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.track-list-module__Po-PnW__trackListBody{cursor:var(--cursor-grab);background:#1c1c1e;flex:1;overflow:hidden;pointer-events:auto!important}.track-list-module__Po-PnW__trackListBody:active{cursor:var(--cursor-grabbing)}.track-list-module__Po-PnW__trackRow{cursor:var(--cursor-pointer);border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:3px 10px;display:flex}.track-list-module__Po-PnW__trackRow:hover .track-list-module__Po-PnW__trackName{color:#fff}.track-list-module__Po-PnW__trackRow:nth-child(2n){background:#242426}.track-list-module__Po-PnW__trackRowPlaying .track-list-module__Po-PnW__trackNum,.track-list-module__Po-PnW__trackRowPlaying .track-list-module__Po-PnW__trackName{color:#4cb4ff}.track-list-module__Po-PnW__trackNum{color:#6e6e73;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:16px;font-size:9px}.track-list-module__Po-PnW__trackName{color:#e5e5e7;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.track-list-module__Po-PnW__trackDuration{color:#6e6e73;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9px}
.index-module__tN7UNa__container{-webkit-user-select:none;user-select:none;user-drag:none;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.index-module__tN7UNa__frame{-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;transform:rotate(-90deg)}.index-module__tN7UNa__screen{border:5px solid #3b3b3b;border-radius:3px;width:564px;height:384px;position:absolute;overflow:hidden;translate:9px -1px}@media (max-width:720px){.index-module__tN7UNa__container{width:100%;height:100%;display:block}.index-module__tN7UNa__frame{display:none}.index-module__tN7UNa__screen{border:none;border-radius:0;width:100%;height:100%;position:relative;translate:none}}