*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a1208;--color-accent: #886E4C;--color-accent2: #C7B37F;--color-bg: #F5F0E8;--color-border: #e8dfc8;--color-sidebar-bg: #1a1208;--color-nav-active: rgba(136,110,76,.13);--color-nav-border: rgba(136,110,76,.33);--color-nav-bar: #886E4C;--color-dot: #886E4C;--color-glow: rgba(136,110,76,.55)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,Arial,sans-serif;background:var(--color-bg);color:#111;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){html,body,#root{overflow:auto;height:auto}}