@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#101010;--bg2:#171717;--bg3:#202020;--bg4:#2a2a2a;--surface:#313131;--overlay:#101010eb;--overlay-soft:#171717c2;--glass:#ffffff0a;--border:#ffffff14;--border2:#ffffff24;--text1:#f6f0e5;--text2:#c8b89f;--text3:#8e7e66;--accent:#c2410c;--accent2:#ea580c;--accent3:#fdba74;--accent-rgb:194,65,12;--pink:#b91c1c;--teal:#15803d;--gold:#ca8a04;--red:#dc2626;--green:#16a34a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 8px 48px #0009;--sidebar-w:240px;--player-h:88px;--nav-h:64px;--content-max:900px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.16,1,0.3,1)}:root[data-theme=paper-light]{--bg:#f5efe6;--bg2:#fffaf2;--bg3:#efe4d4;--bg4:#e3d5c0;--surface:#d7c2a3;--overlay:#f5efe6f0;--overlay-soft:#fffaf2d1;--glass:#ffffff6b;--border:#2925241a;--border2:#29252429;--text1:#2f2418;--text2:#5f4d3a;--text3:#8a7259;--accent:#9a3412;--accent2:#c2410c;--accent3:#7c2d12;--accent-rgb:154,52,18;--pink:#991b1b;--teal:#166534;--gold:#a16207;--red:#b91c1c;--green:#15803d}html{background:#101010;background:var(--bg);scroll-behavior:smooth}#root{background:#0000}#root,body{min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#c2410c24,#0000 32%),radial-gradient(circle at top right,#ca8a041a,#0000 28%),linear-gradient(180deg,#171717,#101010);background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.14),#0000 32%),radial-gradient(circle at top right,#ca8a041a,#0000 28%),linear-gradient(180deg,var(--bg2),var(--bg));color:#f6f0e5;color:var(--text1);font-family:DM Sans,sans-serif;font-family:var(--font-body);margin:0;overflow-x:hidden;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#313131;background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff24;background:var(--border2)}::selection{background:#c2410c38;background:rgba(var(--accent-rgb),.22);color:#f6f0e5;color:var(--text1)}button{cursor:pointer}button,input,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body)}@media (max-width:767px){.song-card-actions{opacity:1!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #c2410c00;box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 8px #c2410c26;box-shadow:0 0 0 8px rgba(var(--accent-rgb),.15)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#202020 25%,#2a2a2a 50%,#202020 75%);background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-md)}.animate-in{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both;animation:fadeUp .4s var(--ease-out) both}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--border)}.song-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.song-card-grid{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;color:#f6f0e5;color:var(--text1);cursor:pointer;display:flex;flex-direction:column;gap:9px;min-width:0;padding:10px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.song-card-grid:hover{box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-md);transform:translateY(-3px)}.song-card-grid-art{background:#2a2a2a;background:var(--bg4);overflow:hidden;position:relative}.song-card-grid-art,.song-card-grid-art img{aspect-ratio:1/1;border-radius:8px;width:100%}.song-card-grid-art img{display:block;height:100%;object-fit:cover;transition:transform .35s ease}.song-card-grid:hover .song-card-grid-art img{transform:scale(1.04)}.song-card-grid-play{background:#c2410c;background:var(--accent);border-radius:50%;bottom:9px;box-shadow:0 4px 14px #0005;color:#fff;display:grid;height:36px;opacity:0;place-items:center;position:absolute;right:9px;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;width:36px}.song-card-grid.is-active .song-card-grid-play,.song-card-grid:hover .song-card-grid-play{opacity:1;transform:none}.song-card-grid-index{background:#0009;border-radius:999px;color:#fff;display:grid;font-size:11px;font-weight:700;height:24px;left:8px;min-width:24px;padding:0 6px;place-items:center;position:absolute;top:8px}.song-card-grid-meta{align-items:center;display:flex;gap:6px;min-width:0}.song-card-grid-copy{flex:1 1;min-width:0}.song-card-grid-artist,.song-card-grid-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-grid-title{color:#f6f0e5;color:var(--text1);font-size:13px;font-weight:700;line-height:1.35;margin:0}.song-card-grid-artist{color:#8e7e66;color:var(--text3);font-size:11px;line-height:1.3;margin:2px 0 0}.song-card-grid-duration{color:#8e7e66;color:var(--text3);flex:0 0 auto;font-size:10px}.song-card-grid-actions{grid-column-gap:8px;align-items:center;column-gap:8px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;min-height:28px;opacity:1!important;width:100%}.song-card-grid-actions button:first-child{grid-column:1;justify-self:start}.song-card-grid-actions button:nth-child(2){grid-column:3;justify-self:end;margin-left:0}.song-card-grid-actions button{background:#202020!important;background:var(--bg3)!important}.playlist-song-list{display:flex;flex-direction:column;gap:3px}.playlist-song-row{align-items:center;border-radius:10px;display:flex;gap:6px;min-width:0;padding:3px;transition:background .15s ease}.playlist-song-row:hover{background:#171717;background:var(--bg2)}.home-carousel{margin:0 0 26px;padding:0 16px 26px;position:relative}.home-banner-track{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.home-banner-track.is-wide{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-banner-card{background:#202020;background:var(--bg3);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:16px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-md);display:block;height:clamp(180px,22vw,260px);isolation:isolate;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left}.home-banner-card img{display:block;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.home-banner-card:hover img{transform:scale(1.045)}.home-banner-shade{background:linear-gradient(0deg,#000000d1,#0000000d 76%),linear-gradient(90deg,#00000038,#0000);inset:0;position:absolute}.home-banner-copy{bottom:17px;color:#fff;display:flex;flex-direction:column;gap:4px;left:16px;position:absolute;right:48px}.home-banner-kicker{color:#ffd18b;font-size:9px;font-weight:800;letter-spacing:.14em}.home-banner-title{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(14px,1.45vw,20px);font-weight:800}.home-banner-artist,.home-banner-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-banner-artist{color:#ffffffb5;font-size:11px}.home-banner-play{background:#fff;border-radius:50%;bottom:16px;box-shadow:0 5px 16px #0005;color:#c2410c;color:var(--accent);display:grid;height:34px;place-items:center;position:absolute;right:14px;width:34px}.home-carousel-arrow{background:#171717dd;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 4px 18px #0005;color:#fff;display:grid;font-size:28px;height:40px;line-height:1;place-items:center;position:absolute;top:calc(50% - 12px);width:40px;z-index:2}.home-carousel-arrow.is-prev{left:0}.home-carousel-arrow.is-next{right:0}.home-carousel-arrow:hover{background:#c2410c;background:var(--accent)}.home-carousel-dots{align-items:center;bottom:0;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.home-carousel-dots button{background:#8e7e66;background:var(--text3);border:0;border-radius:99px;height:8px;padding:0;transition:width .2s ease,background .2s ease;width:8px}.home-carousel-dots button.is-active{background:#f6f0e5;background:var(--text1);width:25px}@keyframes homeBannerReveal{0%{opacity:.55;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media (max-width:767px){.song-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.song-card-grid{padding:8px}.song-card-grid-play{height:32px;opacity:1;transform:none;width:32px}.song-card-grid-actions{opacity:1!important}.home-carousel{padding-left:10px;padding-right:10px}.home-banner-card{height:190px}.home-carousel-arrow{font-size:23px;height:34px;width:34px}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-sidebar{display:none}.app-main{flex:1 1;width:100%}@media (min-width:1024px){.app-shell{flex-direction:row}.app-sidebar{background:#171717;background:var(--bg2);border-right:1px solid #ffffff14;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;width:240px;width:var(--sidebar-w);z-index:50}.app-main{margin-left:240px;margin-left:var(--sidebar-w)}.bottom-nav{display:none!important}}@media (min-width:768px) and (max-width:1023px){.app-main{max-width:100%}}
/*# sourceMappingURL=main.6da220f4.css.map*/