@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:wght@300..700&family=Noto+Color+Emoji&display=swap";:root{--bg-primary:#120d0f;--bg-secondary:#1a1215;--bg-tertiary:#251b1f;--accent-gold:#cfa87b;--accent-gold-hover:#e0be96;--accent-rose:#d65a7f;--accent-rose-hover:#e07797;--accent-teal:#5f8a70;--accent-teal-hover:#75a387;--text-primary:#f5f0f2;--text-secondary:#c5b8be;--text-muted:#8e7a83;--glass-bg:#251b1fa6;--glass-border:#cfa87b26;--glass-shadow:#0006;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000080;--font-display:"Cormorant Garamond", "Noto Color Emoji", serif;--font-body:"Inter", "Noto Color Emoji", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--input-bg:#1a121580;--hover-bg:#ffffff0d;--chat-messages-bg:#0000001a;--chat-input-bg:#0003;--partner-msg-bg:#ffffff0d;--widget-bg:#00000040;--quote-card-bg:radial-gradient(circle at center, #251b1fcc 0%, #1a1215e6 100%);--drop-zone-bg:#00000026;--lightbox-bg:#0c080af2;--gradient-bg:radial-gradient(circle at 10% 20%, #25151ccc 0%, #120d0f 90%);--gradient-blur-bg:radial-gradient(circle at 70% 80%, #d65a7f0d 0%, transparent 40%), radial-gradient(circle at 20% 30%, #cfa87b0d 0%, transparent 40%)}[data-theme=light]{--bg-primary:#f5ecd8;--bg-secondary:#eadec2;--bg-tertiary:#decda6;--text-primary:#2c1b21;--text-secondary:#5c4a52;--text-muted:#928087;--glass-bg:#fffdf7e6;--glass-border:#cfa87b4d;--glass-shadow:#2c1b210d;--shadow-sm:0 2px 8px #2c1b2108;--shadow-md:0 8px 24px #2c1b210d;--shadow-lg:0 16px 40px #2c1b2114;--input-bg:#ffffffd9;--hover-bg:#00000008;--chat-messages-bg:#ffffff80;--chat-input-bg:#ffffffb3;--partner-msg-bg:#00000005;--widget-bg:#ffffff80;--quote-card-bg:radial-gradient(circle at center, #fffdf7e6 0%, #f5ecd8f2 100%);--drop-zone-bg:#ffffff80;--lightbox-bg:#f5ecd8fa;--gradient-bg:#f5ecd8;--gradient-blur-bg:transparent}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:optimizelegibility;font-smooth:always;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-primary);transition:color var(--transition-normal);font-weight:600}a{color:var(--accent-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-gold-hover)}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-body);border:1px solid var(--glass-border);background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-normal);outline:none;padding:.75rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #cfa87b33}.gradient-bg{z-index:-1;background:var(--gradient-bg);transition:background var(--transition-normal);position:fixed;inset:0;overflow:hidden}.gradient-bg:after{content:"";background:var(--gradient-blur-bg);width:200%;height:200%;transition:background var(--transition-normal);animation:40s linear infinite rotateBg;position:absolute;top:-50%;left:-50%}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:2rem}.btn-primary{background:linear-gradient(135deg, var(--accent-gold) 0%, #b38b5d 100%);color:#120d0f;border-radius:var(--radius-sm);padding:.8rem 2rem;font-weight:600;box-shadow:0 4px 12px #cfa87b33}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-gold-hover) 0%, var(--accent-gold) 100%);box-shadow:0 6px 16px #cfa87b4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:var(--radius-sm);padding:.8rem 2rem}.btn-secondary:hover{color:var(--accent-gold-hover);background-color:#cfa87b1a}.btn-danger{background:linear-gradient(135deg, var(--accent-rose) 0%, #a83d5a 100%);color:#fff;border-radius:var(--radius-sm);padding:.8rem 2rem;font-weight:600}.btn-danger:hover{background:linear-gradient(135deg, var(--accent-rose-hover) 0%, var(--accent-rose) 100%);box-shadow:0 4px 12px #d65a7f40}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.text-gold{color:var(--accent-gold)}.text-rose{color:var(--accent-rose)}.text-teal{color:var(--accent-teal)}.font-display{font-family:var(--font-display)}.flex-center{justify-content:center;align-items:center;display:flex}.shimmer{background:linear-gradient(90deg, var(--bg-tertiary) 25%, #cfa87b1a 50%, var(--bg-tertiary) 75%);background-size:200% 100%;animation:1.5s infinite loadingShimmer}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-corner{display:none!important}.history-container,.gallery-grid,.playlist-tracks-grid,.tracks-list,.playlists-grid,.history-list,.playlist-container,.search-results-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-y:auto}.history-item,.track-item,.playlist-card,.gallery-card,.stat-card,.welcome-card{backface-visibility:hidden;perspective:1000px;will-change:transform, opacity;transform:translate(0,0)}