*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;zoom:1}#root{margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#222;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#333}*{scrollbar-width:thin;scrollbar-color:#222 transparent}:root,[data-theme=dark]{--bf-page-bg: #0A0A0A;--bf-cork-bg: radial-gradient(ellipse at 30% 20%, #0C1220, #06090F);--bf-page-text: #E8DECA;--bf-card-bg: #F8F4EC;--bf-card-aged: #F0EAD8;--bf-card-dk: #E6DCC8;--bf-card-border: #D8CEB8;--bf-card-header: #F5F0E8;--bf-surface-bg: #080C14;--bf-surface-text: #E8DECA;--bf-nav-active-bg: #E8DECA;--bf-nav-active-tx: #0A0D16;--bf-nav-text: #8A9AAA;--bf-shadow: rgba(4,8,18,.65);--bf-border: #1A2030}@keyframes bf-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bf-page-enter{animation:bf-page-in .25s ease forwards}html{font-size:16px}@media (min-width: 1920px) and (max-width: 2559px){html{font-size:18px}}@media (min-width: 2560px) and (max-width: 3439px){html{font-size:21px}}@media (min-width: 3440px) and (max-width: 3839px){html{font-size:24px}}@media (min-width: 3840px){html{font-size:28px}}[data-theme=light]{--bf-page-bg: #EDE5D4;--bf-cork-bg: radial-gradient(ellipse at 30% 20%, #DDD5C0, #EDE5D4);--bf-page-text: #1C1408;--bf-card-bg: #FFFFFF;--bf-card-aged: #F8F3E8;--bf-card-dk: #EDE5D4;--bf-card-border: #C8B898;--bf-card-header: #FAF5EC;--bf-surface-bg: #F2ECE0;--bf-surface-text: #1C1408;--bf-nav-active-bg: #1C1408;--bf-nav-active-tx: #F5E6C8;--bf-nav-text: #6A5C44;--bf-shadow: rgba(100,80,40,.12);--bf-border: #C0A878}