*{box-sizing:border-box;margin:0;padding:0}body{--card-title-font-size:16px;--card-body-font-size:14px;font-family:PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}body.light-mode{--bg-color:#fff;--sidebar-bg:#fff;--card-bg:#f0f0f0;--primary-text-color:#000;--secondary-text-color:#adadad;--sidebar-muted:#6f6f6f;--border-color:#eaeaea;--streamer-color:#07f;--sheen-color:rgba(255,255,255,.5);--project-card-bg:#f0f0f0;--project-card-hover-filter:brightness(.97);--switch-bg:#f0f0f0}body.dark-mode{--bg-color:#121212;--sidebar-bg:#121212;--card-bg:#2c2c2c;--card-hover-bg:#3a3a3a;--primary-text-color:#fff;--secondary-text-color:#888;--sidebar-muted:#aaa;--border-color:#333;--streamer-color:#fff;--sheen-color:rgba(255,255,255,.1);--project-card-bg:#222;--project-card-hover-filter:brightness(1.15);--switch-bg:#333}.container{width:100%;height:100vh;display:flex;overflow:hidden}@media (max-width:800px){.container{flex-direction:column;height:auto;min-height:100vh;overflow:visible}}