.navbar{--navbar-h:64px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}[data-theme=dark] .navbar{background:#181c1feb}.navbar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;min-height:var(--navbar-h);padding-bottom:4px;padding-top:4px}@media (min-width:721px){.navbar-inner{flex-wrap:nowrap;height:64px;min-height:64px;padding-bottom:0;padding-top:0}}@media (max-width:768px){.navbar{--navbar-h:56px}.navbar-inner{flex-wrap:nowrap;gap:4px;min-height:56px;padding-bottom:0;padding-top:0}.navbar-logo{font-size:clamp(1.05rem,4.2vw,1.3rem);min-width:0}.navbar-logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.navbar-grow{flex:1 1 auto;min-width:0}.navbar-spacer{min-height:0}.navbar-logo{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.3rem;gap:8px;letter-spacing:.06em}.navbar-logo-img{border-radius:6px;flex-shrink:0;height:30px;width:30px}.navbar-primary{align-items:center;display:flex;flex-shrink:0;gap:2px}.navbar-link{border-radius:8px;color:var(--text-muted);font-size:.65rem;letter-spacing:.12em;padding:8px 10px;text-transform:uppercase;transition:background .15s,color .15s;white-space:nowrap}.navbar-link:hover{background:var(--bg-surface);color:var(--text-primary)}.navbar-link--active{color:var(--text-primary);font-weight:500}@media (max-width:720px){.navbar-inner--search .navbar-primary--desktop{display:none}}@media (max-width:768px){.navbar-primary--desktop{display:none}}.navbar-menu-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin:0;padding:0;transition:background .15s,color .15s;width:44px}.navbar-menu-toggle:hover{background:var(--bg-surface)}@media (max-width:768px){.navbar-menu-toggle{display:flex}}.navbar-mobile-backdrop{display:none}@media (max-width:768px){.navbar-mobile-backdrop{-webkit-tap-highlight-color:transparent;background:#0006;border:none;bottom:0;cursor:pointer;display:block;left:0;margin:0;padding:0;position:fixed;right:0;top:var(--navbar-h);z-index:150}[data-theme=dark] .navbar-mobile-backdrop{background:#0000008c}.navbar-mobile-panel{-webkit-overflow-scrolling:touch;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 16px 40px #0000001f;display:flex;flex-direction:column;gap:2px;left:0;max-height:min(70dvh,420px);overflow-y:auto;padding:.5rem max(16px,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));position:fixed;right:0;top:var(--navbar-h);z-index:160}[data-theme=dark] .navbar-mobile-panel{box-shadow:0 16px 40px #00000073}.navbar-mobile-link{border-radius:10px;color:var(--text-muted);display:block;font-size:.72rem;letter-spacing:.14em;padding:14px 16px;text-transform:uppercase;transition:background .15s,color .15s}.navbar-mobile-link:focus-visible,.navbar-mobile-link:hover{background:var(--bg-surface);color:var(--text-primary);outline:none}.navbar-mobile-link--active{background:var(--bg-surface);color:var(--text-primary);font-weight:600}.navbar-mobile-auth{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:12px;padding-top:12px}.navbar-mobile-auth-login,.navbar-mobile-auth-signup{align-items:center;border-radius:10px;display:flex;flex:1 1;font-size:.78rem;justify-content:center;letter-spacing:.12em;padding:12px 16px;text-align:center;text-transform:uppercase;transition:background .15s,border-color .15s,color .15s}.navbar-mobile-auth-login{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.navbar-mobile-auth-login:focus-visible,.navbar-mobile-auth-login:hover{border-color:var(--accent);outline:none}.navbar-mobile-auth-signup{background:var(--accent);border:1px solid var(--accent);color:var(--text-primary)}.navbar-mobile-auth-signup:focus-visible,.navbar-mobile-auth-signup:hover{filter:brightness(1.05);outline:none}}.navbar-search{align-items:center;display:flex;gap:8px;min-width:120px}.navbar-search-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;color:var(--text-primary);flex:1 1;font-size:.88rem;outline:none;padding:7px 14px;transition:border-color .15s}@media (max-width:768px){.navbar-search-input{font-size:16px}}.navbar-search-input:focus{border-color:var(--accent)}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-actions{flex-shrink:0;gap:4px}.icon-btn,.navbar-actions{align-items:center;display:flex}.icon-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:8px;color:var(--text-muted);height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}@media (max-width:768px){.navbar-actions .icon-btn{height:44px;width:44px}}.icon-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.navbar-user-menu{flex-shrink:0;margin-left:4px;position:relative}.navbar-user-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:6px;max-width:200px;padding:6px 8px 6px 6px;transition:border-color .15s,background .15s}.navbar-user-trigger:hover{background:var(--bg-hover);border-color:var(--accent)}.navbar-user-trigger-avatar{color:var(--text-muted);flex-shrink:0}.navbar-user-trigger-name{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.navbar-user-trigger-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.navbar-user-trigger-chevron--open{transform:rotate(180deg)}.navbar-user-dropdown{box-shadow:0 12px 32px #0000001f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:250}[data-theme=dark] .navbar-user-dropdown{box-shadow:0 12px 32px #00000073}.navbar-user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.84rem;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .12s;width:100%}a.navbar-user-dropdown-item:hover,button.navbar-user-dropdown-item:hover{background:var(--bg-surface)}.navbar-user-dropdown-item-icon{color:var(--text-muted);flex-shrink:0}.navbar-user-dropdown-item--signout{border-radius:0 0 6px 6px;border-top:1px solid var(--border);color:var(--text-secondary);margin-top:4px;padding-top:12px}.navbar-auth{align-items:center;display:flex;gap:8px;margin-left:4px}.navbar-auth-slot{flex-shrink:0;margin-left:4px}.navbar-auth-skeleton{background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;height:34px;width:168px}@media (max-width:768px){.navbar-auth-skeleton{border-radius:10px;height:44px;width:44px}.navbar-auth--desktop{display:none}}.navbar-login{border-radius:6px;color:var(--text-muted);font-size:.82rem;padding:6px 12px;transition:color .15s}.navbar-login:hover,.navbar-signup{color:var(--text-primary)}.navbar-signup{border:1px solid var(--border);border-radius:999px;font-size:.82rem;padding:6px 14px;transition:background .15s,border-color .15s}.navbar-signup:hover{background:var(--bg-surface);border-color:var(--accent)}@media (max-width:600px){.navbar-user-trigger{max-width:none;padding:6px}.navbar-user-trigger-name{display:none}}@media (max-width:380px){.navbar-auth{gap:4px}.navbar-login{font-size:.76rem;padding:6px 8px}.navbar-signup{font-size:.76rem;padding:6px 10px}.navbar-actions .icon-btn,.navbar-menu-toggle{height:40px;width:40px}}.footer{background:var(--bg-surface);border-top:1px solid var(--border)}.footer-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:28px 24px max(28px,calc(12px + env(safe-area-inset-bottom)))}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{flex-shrink:0;gap:8px}.footer-logo-img{border-radius:6px;height:28px;width:28px}.footer-logo-text{font-size:1rem;letter-spacing:.06em}.logo-tran{color:var(--text-secondary)}.logo-muse{color:var(--text-muted)}.footer-nav{align-items:center;display:flex;gap:24px}.footer-nav a{color:var(--text-muted);font-size:.82rem;transition:color .15s}.footer-nav a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);flex-shrink:0;font-size:.75rem}@media (max-width:600px){.footer-inner{align-items:center;flex-direction:column;gap:16px;padding:24px;text-align:center}.footer-nav{flex-wrap:wrap;gap:16px;justify-content:center}}.page-load-fallback{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:center;min-height:50vh}.song-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.song-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000000f}.song-card-body{display:flex;flex-direction:column;gap:10px;min-height:148px;padding:20px 48px 18px 20px}.song-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:400;line-height:1.3}.song-card-meta{display:flex;flex-wrap:wrap;gap:6px}.tag{color:var(--text-muted);font-size:.72rem;letter-spacing:.04em;text-transform:capitalize}.song-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.8rem;line-height:1.5;min-height:2.4em;overflow:hidden}.song-card-plays{color:var(--text-muted);font-size:.75rem}.song-card-fav{background:none;border:none;color:var(--text-muted);line-height:1;padding:6px;position:absolute;right:14px;top:14px;transition:color .15s}.song-card-fav.active,.song-card-fav:hover{color:var(--danger)}.catalog-page{padding-bottom:96px}.catalog-hero{align-items:center;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:center;margin-bottom:32px;max-height:min(55dvh,420px);padding:28px 24px 26px;text-align:center}.hero-script{font-size:clamp(1.15rem,3vw,1.85rem);line-height:1.25;opacity:.7}.hero-script,.hero-title{color:var(--text-primary);margin:0}.hero-title{font-size:clamp(1.65rem,5vw,3rem);line-height:1}.hero-search-wrap{margin:0;max-width:520px;width:100%}.hero-search{background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:0 2px 12px #0000000f;color:var(--text-primary);font-size:1rem;outline:none;padding:12px 20px;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.hero-search:focus{border-color:var(--accent);box-shadow:0 4px 20px #0000001a}.hero-search::placeholder{color:var(--text-muted);opacity:.7}.hero-count{color:var(--text-muted);font-size:.76rem;letter-spacing:.06em;margin:0;min-height:1.2em;text-transform:uppercase}.filters{margin-bottom:28px}.filters--refreshing{opacity:.72;pointer-events:none}.filter-row{gap:16px}.filter-group,.filter-row{align-items:center;display:flex;flex-wrap:wrap}.filter-group{gap:8px}.filter-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.pill{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.78rem;padding:4px 12px;transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--text-primary)}.pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg)}.sort-select{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.78rem;margin-left:auto;max-width:100%;outline:none;padding:5px 12px}@media (max-width:540px){.filter-row{align-items:stretch;flex-direction:column}.sort-select{margin-left:0;width:100%}}.catalog-results{min-height:420px}.catalog-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.song-card-skeleton{animation:catalog-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-hover) 45%,var(--bg-surface) 90%);background-size:200% 100%;border:1px solid var(--border);border-radius:12px;min-height:148px}@keyframes catalog-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state,.loading-state{font-size:.9rem;padding:60px 0;text-align:center}.catalog-load-error-title{color:var(--text-primary);font-weight:500;margin-bottom:10px}.catalog-load-error-detail{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:0 auto;max-width:36em}@media (max-width:640px){.catalog-hero{padding:48px 24px 40px}.sort-select{margin-left:0}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:40px 24px}.auth-card{max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-script{color:var(--text-muted);font-size:2rem;margin-bottom:-4px;opacity:.82}.auth-title{color:var(--text-primary);font-size:1.6rem;letter-spacing:.12em}.auth-divider{background:var(--accent);height:1px;margin:16px auto 0;width:32px}.auth-form{gap:20px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px}.field-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.field-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .15s}.field-input:focus{border-color:var(--accent)}.auth-error{color:var(--danger);font-size:.82rem;text-align:center}.auth-btn{font-size:.875rem;justify-content:center;margin-top:4px;padding:12px;width:100%}.auth-switch{color:var(--text-muted);font-size:.82rem;margin-top:24px;text-align:center}.auth-switch a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.favorites-page{padding:48px 0 80px}.favorites-header{margin-bottom:32px}.favorites-title{font-size:clamp(1.8rem,4vw,2.8rem)}.favorites-sub{color:var(--text-muted);font-size:.85rem;margin-top:4px}.fav-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fav-state{color:var(--text-muted);font-size:.9rem;padding:60px 0;text-align:center}.fav-empty-script{font-size:2.2rem;margin-bottom:8px}:root,[data-theme=light]{--bg:#fff;--bg-card:#fff;--bg-surface:#f9f9f9;--bg-hover:#e9e7e5;--text-primary:#333;--text-secondary:#404b4e;--text-muted:#949d9f;--accent:#949d9f;--border:#ccc7c6;--brand:#798487;--brand-hover:#404b4e;--danger:#b82105;--success:#13612e}[data-theme=dark]{--bg:#1a1f21;--bg-card:#23292c;--bg-surface:#2d3438;--bg-hover:#353d42;--text-primary:#f2f0ee;--text-secondary:#d4d9dc;--text-muted:#949d9f;--accent:#a8b0b3;--border:#3d464b;--brand:#c5cbce;--brand-hover:#e9e7e5;--danger:#e85d4a;--success:#5cb878}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top center,#d4d9dc2e,#0000 30%),#fff;background:radial-gradient(circle at top center,#d4d9dc2e,#0000 30%),var(--bg);color:#333;color:var(--text-primary);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:16px;letter-spacing:.02em;line-height:1.7;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}main{flex:1 1;min-width:0;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0}section{margin-bottom:48px}.empty-state,.loading-state{color:#949d9f;color:var(--text-muted)}.font-title{font-family:Antic Didone,Georgia,Times New Roman,serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.font-script{font-family:Ephesis,Segoe Script,cursive;font-weight:400}.font-tab{font-family:Amatic SC,Segoe Script,cursive;font-weight:700}.font-nav{font-family:Outfit,sans-serif;font-weight:400;letter-spacing:.13em;text-transform:uppercase}.font-body{font-family:DM Sans,sans-serif}.container{margin:0 auto;max-width:1100px;padding:0 24px}@media (max-width:480px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.btn{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:background .15s,color .15s}.btn-primary{background:#949d9f;background:var(--accent);border-radius:0;color:#fff;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.btn-primary:hover{background:#798487;background:var(--brand);opacity:1}.btn-outline{background:#0000;border:1px solid #ccc7c6;border:1px solid var(--border);border-radius:0;color:#333;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.btn-outline:hover{background:#e9e7e5;background:var(--bg-hover);color:#404b4e;color:var(--text-secondary)}.card{background:#fff;background:var(--bg-card);border:1px solid #ccc7c6;border:1px solid var(--border);border-radius:8px}[data-theme=light] .card{border-radius:0;box-shadow:0 15px 15px -10px #0000000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc7c6;background:var(--border);border-radius:3px}
/*# sourceMappingURL=main.7d86bfb4.css.map*/