@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:#101010;--bg2:#171717;--bg3:#202020;--bg4:#2a2a2a;--surface:#313131;--border:#ffffff14;--border2:#ffffff24;--text1:#f6f0e5;--text2:#c8b89f;--text3:#8e7e66;--accent:#c2410c;--accent2:#ea580c;--accent3:#fdba74;--accent-rgb:194,65,12;--pink:#b91c1c;--teal:#15803d;--gold:#ca8a04;--red:#dc2626;--green:#16a34a;--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)}:root[data-theme=paper-light]{--bg:#f5efe6;--bg2:#fffaf2;--bg3:#efe4d4;--bg4:#e3d5c0;--surface:#d7c2a3;--border:#2925241a;--border2:#29252429;--text1:#2f2418;--text2:#5f4d3a;--text3:#8a7259;--accent:#9a3412;--accent2:#c2410c;--accent3:#7c2d12;--accent-rgb:154,52,18;--pink:#991b1b;--teal:#166534;--gold:#a16207;--red:#b91c1c;--green:#15803d}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101010;background:var(--bg);color:#f6f0e5;color:var(--text1);font-family:DM Sans,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#313131;background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff24;background:var(--border2)}::selection{background:#c2410c38;background:rgba(var(--accent-rgb),.22);color:#f6f0e5;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 #c2410c00;box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 8px #c2410c26;box-shadow:0 0 0 8px rgba(var(--accent-rgb),.15)}}@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,#202020 25%,#2a2a2a 50%,#202020 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 #ffffff14;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:#171717;background:var(--bg2);border-right:1px solid #ffffff14;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.bed809c8.css.map*/