*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090e;--bg2: #0d0f18;--bg3: #12151f;--bg4: #181c2a;--accent: #df6c20;--accent2: #d77a2d;--accent-glow: rgba(223,108,32,.15);--text: #edf0fb;--text2: #b8bfd6;--muted: #6b7898;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.04);--card-shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.2);--sidebar: 228px;--hover-bg: rgba(255,255,255,.04);--active-bg: rgba(254,77,107,.1);--active-border: rgba(254,77,107,.18);--font-display: "Outfit", sans-serif;--font-body: "Nunito Sans", sans-serif}html.light{--bg: #f4f5f8;--bg2: #ffffff;--bg3: #f8f9fb;--bg4: #eceef3;--accent: #fe4d6b;--accent2: #ff7857;--text: #111318;--text2: #3a3f52;--muted: #7a829a;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.05);--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);--hover-bg: rgba(0,0,0,.03);--active-bg: rgba(254,77,107,.08);--active-border: rgba(254,77,107,.2)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::selection{background:#df6c2033;color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes borderPulse{0%,to{border-color:#df6c2040}50%{border-color:#df6c2099}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #df6c202e}50%{box-shadow:0 0 40px #df6c2059}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stampIn{0%{opacity:0;transform:rotate(-6deg) scale(.7)}to{opacity:1;transform:rotate(-3deg) scale(1)}}.fadeup{animation:fadeUp .4s ease both}.dropin{animation:dropIn .18s ease both}