@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color:#f4ecd8;--text-color:#433422;--text-muted:#8b7d6b;--accent-color:#5bb0a3;--accent-rgb:91, 176, 163;--accent-hover:#4a8f84;--card-bg:#00000008;--border-color:#00000014;--glass-bg:#f4ecd8cc;--glass-border:#0000000d;--shadow:0 8px 32px 0 #0000001a}[data-theme=dark]{--bg-color:#0a0f18;--text-color:#e0e0e0;--text-muted:#8a8f98;--accent-color:#4fd1c5;--accent-rgb:79, 209, 197;--accent-hover:#38b2ac;--card-bg:#ffffff08;--border-color:#ffffff1a;--glass-bg:#0f1622cc;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #000c}[data-theme=light]{--bg-color:#fff;--text-color:#1a202c;--text-muted:#718096;--accent-color:#319795;--accent-rgb:49, 151, 149;--accent-hover:#287e7c;--card-bg:#00000005;--border-color:#0000001a;--glass-bg:#fffc;--glass-border:#0000000d;--shadow:0 8px 32px 0 #0000000d}html{margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;width:100vw;min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-16{gap:64px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.bottom-8{bottom:32px}.right-8{right:32px}.w-full{width:100%}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.left-3{left:12px}.h-full{height:100%}.z-50{z-index:50}.z-100{z-index:100}.hidden{display:none!important}.inset-0{inset:0}.z-\[100\]{z-index:100}.max-w-md{max-width:448px}.overflow-hidden{overflow:hidden}.bg-black\/60{background-color:#0009}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.bg-white{background-color:#fff}.bg-white\/50{background-color:#ffffff80}[data-theme=dark] .bg-black\/20{background-color:#0003}[data-theme=dark] .bg-zinc-900{background-color:#18181b}.border-zinc-200{border-color:#e4e4e7}[data-theme=dark] .border-zinc-800{border-color:#27272a}.text-zinc-900{color:#18181b}[data-theme=dark] .text-white{color:#fff}.text-zinc-500{color:#71717a}[data-theme=dark] .text-zinc-400{color:#a1a1aa}.bg-emerald-600{background-color:#059669}.hover\:bg-emerald-500:hover{background-color:#10b981}.text-emerald-600{color:#059669}[data-theme=dark] .text-emerald-400{color:#34d399}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-8{margin-top:32px}.my-1{margin-top:4px;margin-bottom:4px}.my-8{margin-top:32px;margin-bottom:32px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.pl-10{padding-left:40px}.pr-4{padding-right:16px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3\.5{padding-top:14px;padding-bottom:14px}.py-4{padding-top:16px;padding-bottom:16px}.pl-12{padding-left:48px}.mb-6{margin-bottom:24px}.mt-1\.5{margin-top:6px}.mt-4{margin-top:16px}.mt-10{margin-top:40px}.my-10{margin-top:40px;margin-bottom:40px}.ml-1{margin-left:4px}.rounded-xl{border-radius:12px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.max-w-\[120px\]{max-width:120px}.border-l{border-left:1px solid var(--border-color)}.pl-4{padding-left:16px}.text-red-500{color:#ef4444}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.border-red-500\/20{border-color:#ef444433}.uppercase{text-transform:uppercase}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.w-5{width:20px}.h-5{height:20px}.border-2{border-width:2px}.border-t-white{border-top-color:#fff}.border-white\/30{border-color:#ffffff4d}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.02em}.tracking-widest{letter-spacing:.1em}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.px-12{padding-left:48px;padding-right:48px}.left-8{left:32px}.left-12{left:48px}.opacity-0{opacity:0}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-all{transition:all .5s cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.translate-x-0{transform:translate(0)}.-translate-x-20{transform:translate(-80px)}.translate-y-0{transform:translateY(0)}.translate-y-20{transform:translateY(80px)}.cursor-pointer{cursor:pointer}.border{border:1px solid var(--border-color)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}button:hover{opacity:.8}.accent-button{background-color:var(--accent-color);color:var(--bg-color)}.accent-button:hover{background-color:var(--accent-hover);transform:scale(1.02)}.glass-border-bottom{border-bottom:1px solid var(--glass-border)}textarea{resize:none;width:100%;color:var(--text-color);background:0 0;border:none;outline:none;transition:opacity .3s}.player-container{left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.6s forwards fadeIn}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce{animation:.6s ease-in-out infinite bounce}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}