body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}.home-screen{-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 55% 38% at 14% 22%,#44b2a821 0,#0000 70%),radial-gradient(ellipse 48% 42% at 84% 18%,#c68e941c 0,#0000 70%),radial-gradient(ellipse 52% 38% at 18% 78%,#70a88a1a 0,#0000 70%),radial-gradient(ellipse 44% 36% at 78% 68%,#698acd1f 0,#0000 70%),linear-gradient(160deg,#f4f9ff,#e6f0fb 45%,#d8e9f7);min-height:100vh;overflow-y:auto}.home-header{padding:56px 24px 0;text-align:center}.home-title{color:#2e4a62;font-size:80px;font-weight:600;letter-spacing:.16em;line-height:1;margin:0 0 10px}.home-subtitle,.home-title{font-family:Cormorant Garamond,Georgia,serif}.home-subtitle{color:#2e4a6285;font-size:13px;font-style:italic;font-weight:300;letter-spacing:.2em;margin:0 0 44px}.tab-bar{border-bottom:1px solid #78a5d22e;display:flex;gap:8px;justify-content:center;padding-bottom:28px}.tab-button{background:none;border:none;border-radius:20px;color:#88aac8;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.1em;padding:8px 24px;text-transform:uppercase;transition:background .2s ease,color .2s ease}.tab-button.active{background:#8cb9e133;color:#3a6898;font-weight:500}.home-content{margin:0 auto;max-width:580px;padding:32px 24px 60px}.intro-text{color:#6a8daa;font-size:15px;line-height:1.75;margin-bottom:32px}.track-list{display:flex;flex-direction:column;gap:14px}.track-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #afd2ee8c;border-radius:18px;box-shadow:0 2px 14px #649bcd1a;cursor:pointer;display:block;padding:22px 20px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.track-card:hover{background:#ffffffe0;box-shadow:0 6px 24px #649bcd2e;transform:translateY(-2px)}.track-card:active{box-shadow:0 2px 10px #649bcd1f;transform:translateY(0)}.track-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.track-title{color:#36587a;flex:1 1;font-size:15px;font-weight:500;line-height:1.4}.track-duration{color:#90b2ce;font-size:13px;padding-top:1px;white-space:nowrap}.track-description{color:#7a9db8;font-size:13px;line-height:1.55}.dedication{color:#2e4a6247;font-size:11px;font-style:italic;letter-spacing:.07em;line-height:1.6;margin-top:52px;text-align:center}.player-screen{animation:fade-in .55s ease forwards;background:linear-gradient(160deg,#eef6ff,#ddeaf8 50%,#d0e5f5);inset:0;overflow:hidden;position:fixed}.player-title{color:#325576d1;font-size:15px;font-weight:400;left:0;letter-spacing:.04em;line-height:1.5;opacity:1;padding:0 36px;pointer-events:none;position:absolute;right:0;text-align:center;top:52px;transition:opacity 1.8s ease;z-index:10}.player-title.hidden{opacity:0}.completion-message{animation:fade-in 2.5s ease forwards;color:#325576c7;font-size:18px;font-weight:300;left:50%;letter-spacing:.08em;line-height:1.6;padding:0 36px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.player-control{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #8cb9e173;border-radius:50%;bottom:28px;box-shadow:0 2px 12px #649bcd26;cursor:pointer;display:flex;height:46px;justify-content:center;position:fixed;right:28px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;width:46px;z-index:10}.player-control:hover{background:#ffffffc7;box-shadow:0 4px 18px #649bcd38;transform:scale(1.06)}.player-control:active{transform:scale(.94)}.player-control svg{fill:#305273d1;height:16px;width:16px}.spinner{animation:spin .8s linear infinite;border:2px solid #8cb9e159;border-radius:50%;border-top-color:#305273cc;display:block;height:16px;width:16px}.player-back{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #8cb9e161;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:22px;position:fixed;top:22px;transition:background .2s ease,transform .15s ease;width:40px;z-index:10}.player-back:hover{background:#ffffffb8;transform:scale(1.06)}.player-back:active{transform:scale(.92)}.player-back svg{stroke:#305273c7;fill:none;height:18px;width:18px}.blob{border-radius:60% 40% 55% 45%/50% 45% 55% 40%;position:absolute;scale:1;scale:var(--audio-scale,1);transform:translate(-50%,-50%);transition:scale .15s ease-out;will-change:transform,border-radius,opacity}@keyframes drift-1{0%{border-radius:60% 40% 55% 45%/50% 45% 55% 40%;transform:translate(-50%,-50%) scale(1)}20%{border-radius:45% 55% 40% 60%/60% 40% 55% 45%;transform:translate(-28%,-68%) scale(1.18)}40%{border-radius:55% 45% 65% 35%/40% 60% 45% 55%;transform:translate(-68%,-35%) scale(.85)}60%{border-radius:40% 60% 50% 50%/55% 45% 60% 40%;transform:translate(-25%,-30%) scale(1.15)}80%{border-radius:65% 35% 45% 55%/45% 55% 40% 60%;transform:translate(-72%,-62%) scale(.9)}to{border-radius:60% 40% 55% 45%/50% 45% 55% 40%;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-1{0%,to{opacity:.5}50%{opacity:.88}}.blob-1{animation:drift-1 22s ease-in-out infinite,pulse-1 7s ease-in-out infinite}@keyframes drift-2{0%{border-radius:50% 50% 45% 55%/40% 60% 50% 50%;transform:translate(-50%,-50%) scale(1)}25%{border-radius:65% 35% 55% 45%/55% 45% 40% 60%;transform:translate(-75%,-30%) scale(1.2)}50%{border-radius:40% 60% 60% 40%/60% 40% 55% 45%;transform:translate(-25%,-70%) scale(.82)}75%{border-radius:55% 45% 35% 65%/45% 55% 60% 40%;transform:translate(-70%,-72%) scale(1.14)}to{border-radius:50% 50% 45% 55%/40% 60% 50% 50%;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-2{0%,to{opacity:.48}50%{opacity:.82}}.blob-2{animation:drift-2 26s ease-in-out infinite,pulse-2 9s ease-in-out infinite;animation-delay:-8s,-3s}@keyframes drift-3{0%{border-radius:55% 45% 60% 40%/45% 55% 40% 60%;transform:translate(-50%,-50%) scale(1)}30%{border-radius:40% 60% 45% 55%/60% 40% 55% 45%;transform:translate(-22%,-28%) scale(1.22)}55%{border-radius:60% 40% 55% 45%/40% 60% 45% 55%;transform:translate(-76%,-68%) scale(.8)}80%{border-radius:50% 50% 40% 60%/55% 45% 60% 40%;transform:translate(-30%,-72%) scale(1.12)}to{border-radius:55% 45% 60% 40%/45% 55% 40% 60%;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-3{0%,to{opacity:.45}50%{opacity:.8}}.blob-3{animation:drift-3 24s ease-in-out infinite,pulse-3 11s ease-in-out infinite;animation-delay:-13s,-5s}@keyframes drift-4{0%{border-radius:45% 55% 50% 50%/55% 45% 60% 40%;transform:translate(-50%,-50%) scale(1)}20%{border-radius:60% 40% 40% 60%/40% 60% 50% 50%;transform:translate(-26%,-72%) scale(1.16)}45%{border-radius:50% 50% 65% 35%/60% 40% 45% 55%;transform:translate(-74%,-30%) scale(.84)}70%{border-radius:35% 65% 50% 50%/45% 55% 40% 60%;transform:translate(-28%,-32%) scale(1.18)}to{border-radius:45% 55% 50% 50%/55% 45% 60% 40%;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-4{0%,to{opacity:.42}50%{opacity:.76}}.blob-4{animation:drift-4 28s ease-in-out infinite,pulse-4 8s ease-in-out infinite;animation-delay:-20s,-7s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.24e6097e.css.map*/