@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:#0a0a0f;--bg2:#111118;--bg3:#18181f;--bg4:#1e1e28;--surface:#232330;--border:#ffffff0f;--border2:#ffffff1a;--text1:#f0f0ff;--text2:#9090b0;--text3:#5a5a7a;--accent:#7c6af7;--accent2:#a78bfa;--accent3:#c4b5fd;--pink:#f472b6;--teal:#2dd4bf;--gold:#fbbf24;--red:#f87171;--green:#4ade80;--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)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg);color:#f0f0ff;color:var(--text1);font-family:DM Sans,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#232330;background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a;background:var(--border2)}::selection{background:#7c6af74d;color:#f0f0ff;color:var(--text1)}button{cursor:pointer}button,input,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body)}@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 #7c6af700}50%{box-shadow:0 0 0 8px #7c6af726}}@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,#18181f 25%,#1e1e28 50%,#18181f 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:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border)}.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:#111118;background:var(--bg2);border-right:1px solid #ffffff0f;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.2c527c1a.css.map*/