@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#07080c;--bg-secondary:#0c0f16;--bg-tertiary:#12161f;--bg-card:#0c1018e6;--bg-card-hover:#141a26eb;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--text-primary:#f0ece6;--text-secondary:#a09888;--text-muted:#6b6358;--text-accent:#e8b866;--accent-purple:#e8b866;--accent-cyan:#5ba4c9;--accent-pink:#c67a4b;--accent-blue:#4a8db5;--accent-green:#5d9c5a;--accent-amber:#d4a054;--accent-orange:#c87a3e;--gradient-primary:linear-gradient(135deg, #c87a3e 0%, #e8b866 35%, #5d9c5a 65%, #4a8db5 100%);--gradient-secondary:linear-gradient(135deg, #8b6b4a 0%, #c87a3e 100%);--gradient-dark:linear-gradient(180deg, #07080c 0%, #0c0f16 50%, #12161f 100%);--gradient-card:linear-gradient(135deg, #e8b8660f 0%, #4a8db50a 100%);--gradient-glow:radial-gradient(ellipse at center, #e8b86614 0%, transparent 70%);--gradient-warm:linear-gradient(135deg, #c87a3e 0%, #e8b866 100%);--gradient-hero:radial-gradient(ellipse at 25% 40%, #c87a3e26 0%, transparent 50%), radial-gradient(ellipse at 75% 60%, #4a8db51f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #5d9c5a14 0%, transparent 40%);--border-subtle:#e8b86614;--border-accent:#e8b8662e;--border-hover:#e8b86659;--shadow-sm:0 2px 8px #00000073;--shadow-md:0 4px 24px #0000008c;--shadow-lg:0 8px 40px #000000a6;--shadow-glow:0 0 30px #e8b8661a;--shadow-glow-strong:0 0 60px #e8b8662e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);font-feature-settings:"ss01", "cv11";color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveform{0%,to{height:8px}25%{height:24px}50%{height:16px}75%{height:32px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eqBar1{0%{height:3px}to{height:8px}}@keyframes eqBar2{0%{height:5px}to{height:10px}}@keyframes eqBar3{0%{height:2px}to{height:6px}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spin{animation:1s linear infinite spin}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #e8b8661a}50%{box-shadow:0 0 40px #e8b86638}}@keyframes waterWave{0%{transform:translate(0)translateY(0)}25%{transform:translate(-5px)translateY(3px)}50%{transform:translate(0)translateY(6px)}75%{transform:translate(5px)translateY(3px)}to{transform:translate(0)translateY(0)}}@keyframes leafFloat{0%{opacity:.6;transform:translateY(0)rotate(0)}25%{opacity:.8;transform:translateY(-8px)rotate(5deg)}50%{opacity:.7;transform:translateY(-4px)rotate(-3deg)}75%{opacity:.8;transform:translateY(-12px)rotate(4deg)}to{opacity:.6;transform:translateY(0)rotate(0)}}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes waterFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-lg{padding:16px 36px;font-size:1.05rem}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon{border-radius:50%;width:44px;height:44px;padding:0}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.input{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:14px 18px;font-size:.95rem}.input:focus{border-color:var(--accent-purple);background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf626}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:120px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.grid-songs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:640px){.grid-songs{grid-template-columns:1fr;gap:16px}}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);padding:8px 18px;font-size:.85rem;font-weight:500}.pill:hover{color:var(--text-primary);border-color:var(--border-accent)}.pill.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 0 15px #e8b86633}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, #ffffff0f 50%, var(--bg-glass) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:var(--accent-purple);background:#e8b8661a;border:1px solid #e8b86633}.badge-cyan{color:var(--accent-cyan);background:#5ba4c91a;border:1px solid #5ba4c933}.badge-pink{color:var(--accent-pink);background:#c67a4b1a;border:1px solid #c67a4b33}.badge-green{color:var(--accent-green);background:#5d9c5a1a;border:1px solid #5d9c5a33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-base);background:#07080ce6;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:flex}.navbar-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);-webkit-text-fill-color:white;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-link{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:var(--bg-glass)}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-avatar{background:var(--gradient-primary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.navbar-avatar:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.navbar-mobile-toggle{width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;font-size:1.5rem;display:none}@media (max-width:768px){.navbar-links{display:none}.navbar-mobile-toggle{display:flex}}.mobile-tab-bar{z-index:997;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px 0 max(6px, env(safe-area-inset-bottom));background:#0a0c12f2;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.mobile-tab-bar{justify-content:space-around;align-items:center;display:flex}body{padding-bottom:64px}}.mobile-tab-bar a{color:#ffffff59;letter-spacing:.02em;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;font-size:.6rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.mobile-tab-bar a.active{color:#e8b866}@media (max-width:768px){.global-player-bar{padding:8px 12px!important}.global-player-bar .player-right-controls{display:none!important}.global-player-bar .player-center-controls{gap:4px!important}.global-player-bar .player-center-controls .play-btn-main{width:36px!important;height:36px!important}.global-player-wrapper{bottom:56px!important}}.mobile-lyrics-sidebar{z-index:1100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#08090ffa;flex-direction:column;width:100%;max-width:400px;transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-lyrics-sidebar.open{transform:translate(0)}.mobile-lyrics-backdrop{z-index:1099;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-lyrics-backdrop.open{opacity:1;pointer-events:auto}@media (max-width:768px){.play-two-panel{flex-direction:column!important;padding:0 16px 20px!important;overflow-y:auto!important}.play-left-panel{min-width:unset!important;max-width:unset!important;flex:none!important;width:100%!important;padding:0 8px!important}.play-right-panel,.play-divider{display:none!important}.play-top-bar{padding:12px 16px!important}}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-orb-1{background:#c87a3e;width:500px;height:500px;animation-delay:0s;top:10%;left:20%}.hero-orb-2{background:#4a8db5;width:400px;height:400px;animation-delay:3s;bottom:20%;right:15%}.hero-orb-3{background:#5d9c5a;width:300px;height:300px;animation-delay:5s;top:50%;left:60%}.hero-content{z-index:1;max-width:800px;animation:.8s ease-out fadeInUp;position:relative}.hero-badge{border-radius:var(--radius-full);color:var(--accent-purple);background:#e8b86614;border:1px solid #e8b8662e;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.hero h1 .gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.hero-waveform{justify-content:center;align-items:center;gap:3px;margin-top:60px;display:flex}.hero-waveform-bar{background:var(--gradient-primary);border-radius:2px;width:3px;height:8px;animation:1.2s ease-in-out infinite waveform}.hero-waveform-bar:first-child{animation-delay:0s}.hero-waveform-bar:nth-child(2){animation-delay:.1s}.hero-waveform-bar:nth-child(3){animation-delay:.2s}.hero-waveform-bar:nth-child(4){animation-delay:.3s}.hero-waveform-bar:nth-child(5){animation-delay:.4s}.hero-waveform-bar:nth-child(6){animation-delay:.5s}.hero-waveform-bar:nth-child(7){animation-delay:.6s}.hero-waveform-bar:nth-child(8){animation-delay:.7s}.hero-waveform-bar:nth-child(9){animation-delay:.8s}.hero-waveform-bar:nth-child(10){animation-delay:.9s}.hero-waveform-bar:nth-child(11){animation-delay:1s}.hero-waveform-bar:nth-child(12){animation-delay:.1s}.hero-waveform-bar:nth-child(13){animation-delay:.3s}.hero-waveform-bar:nth-child(14){animation-delay:.5s}.hero-waveform-bar:nth-child(15){animation-delay:.7s}.features{padding:100px 0;position:relative}.features:before{content:"";background:linear-gradient(90deg, transparent, var(--border-accent), transparent);width:100%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.features-header{text-align:center;margin-bottom:64px}.features-header h2{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.features-header p{color:var(--text-secondary);max-width:500px;margin:0 auto}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{opacity:0;padding:36px;animation:.5s ease-out forwards fadeIn}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-icon{border-radius:var(--radius-md);background:var(--gradient-card);border:1px solid var(--border-subtle);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.song-card{cursor:pointer}.song-card-cover{aspect-ratio:1;background:var(--gradient-card);position:relative;overflow:hidden}.song-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.song-card:hover .song-card-cover img{transform:scale(1.08)}.song-card-play{opacity:0;transition:opacity var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.song-card:hover .song-card-play{opacity:1}.song-card-play-btn{background:var(--gradient-primary);width:56px;height:56px;box-shadow:var(--shadow-glow-strong);transition:transform var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;transform:scale(.8)}.song-card:hover .song-card-play-btn{transform:scale(1)}.song-card:hover .song-card-like-btn{opacity:1!important}.song-card-like-btn:hover{background:#000000bf!important;transform:scale(1.1)!important}.card:hover .playlist-card-overlay{opacity:1!important}.song-card-body{padding:16px}.song-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:600;overflow:hidden}.song-card-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.song-card-genre{border-radius:var(--radius-full);color:var(--accent-purple);text-transform:uppercase;background:#e8b86614;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.song-card-status{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.song-card-status.generating{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf244d;animation:2s infinite pulse}.song-card-status.completed{color:var(--accent-green);background:#10b98133;border:1px solid #10b9814d}.song-card-status.failed{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.song-card-status.pending{color:var(--accent-purple);background:#e8b8661f;border:1px solid #e8b86633}.player{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:24px;display:flex}.player-cover{border-radius:var(--radius-md);flex-shrink:0;width:80px;height:80px;overflow:hidden}.player-cover img{object-fit:cover;width:100%;height:100%}.player-info{flex:1;min-width:0}.player-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.05rem;font-weight:600;overflow:hidden}.player-artist{color:var(--text-muted);font-size:.85rem}.player-controls{align-items:center;gap:12px;display:flex}.player-btn{width:48px;height:48px;color:var(--text-primary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.player-btn:hover{background:var(--bg-glass)}.player-btn-play{background:var(--gradient-primary);width:56px;height:56px;box-shadow:var(--shadow-glow);font-size:1.4rem}.player-btn-play:hover{box-shadow:var(--shadow-glow-strong);transform:scale(1.05)}.player-progress{flex-direction:column;flex:1;gap:6px;display:flex}.player-progress-bar{background:var(--bg-glass);cursor:pointer;border-radius:2px;width:100%;height:4px;overflow:hidden}.player-progress-bar:hover{height:6px}.player-progress-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .1s linear}.player-time{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.studio{min-height:calc(100vh - 80px);padding:100px 0 60px}.studio-header{margin-bottom:48px}.studio-header h1{margin-bottom:8px;font-size:2rem;font-weight:800}.studio-header p{color:var(--text-secondary)}.studio-grid{grid-template-columns:1fr 400px;align-items:start;gap:32px;display:grid}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}}.studio-form{flex-direction:column;gap:28px;display:flex}.studio-preview{position:sticky;top:100px}.studio-preview-card{text-align:center;padding:32px}.studio-preview-cover{border-radius:var(--radius-lg);background:var(--gradient-card);justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 20px;font-size:4rem;display:flex;overflow:hidden}.studio-preview-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.studio-preview-meta{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.dashboard{min-height:100vh;padding:100px 0 60px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.dashboard-header h1{font-size:2rem;font-weight:800}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.stat-card{padding:24px}.stat-card-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-card-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.dashboard-filters{align-items:center;gap:12px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.explore{min-height:100vh;padding:100px 0 60px}.explore-header{margin-bottom:40px}.explore-header h1{margin-bottom:16px;font-size:2rem;font-weight:800}.explore-search{max-width:500px;position:relative}.explore-search .input{width:100%;padding-left:48px}.explore-search-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.explore-genres{margin-bottom:32px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8b8661a,#0000 70%);width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.auth-card{z-index:1;width:100%;max-width:440px;padding:48px 40px;animation:.4s ease-out scaleIn;position:relative}.auth-card h1{text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:800}.auth-card .auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:36px;font-size:.95rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form .btn-primary{width:100%;margin-top:8px;padding:14px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.9rem}.auth-footer a{color:var(--accent-purple);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-error{color:#ef4444;border-radius:var(--radius-md);text-align:center;background:#ef44441a;border:1px solid #ef44444d;padding:12px 16px;font-size:.85rem}.song-detail{min-height:100vh;padding:100px 0 60px}.song-detail-grid{grid-template-columns:400px 1fr;align-items:start;gap:48px;display:grid}@media (max-width:900px){.song-detail-grid{grid-template-columns:1fr;gap:32px}}.song-detail-cover{aspect-ratio:1;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow);overflow:hidden}.song-detail-cover img{object-fit:cover;width:100%;height:100%}.song-detail-info h1{margin-bottom:8px;font-size:2.5rem;font-weight:900;line-height:1.2}.song-detail-prompt{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.6}.song-detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.song-detail-stats{color:var(--text-muted);gap:24px;margin-bottom:32px;font-size:.85rem;display:flex}.song-detail-stat{align-items:center;gap:6px;display:flex}.song-detail-actions{flex-wrap:wrap;gap:12px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-state-icon{opacity:.3;margin-bottom:20px;font-size:4rem}.empty-state h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.empty-state p{color:var(--text-muted);max-width:400px;margin-bottom:24px}.spinner{border:3px solid var(--border-subtle);border-top-color:#e8b866;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-screen{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:48px 0 32px;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}