:root{--color-dark:#16232a;--color-accent:#ff5b04;--color-secondary:#075056;--color-light:#e4eef0;--color-dark-transparent:#16232af2;--color-secondary-transparent:#075056d9;--color-light-transparent:#e4eef0f2;--color-light-transparent-glass:#e4eef0b0;--color-success:#2ecc71;--color-danger:#ff3b3b;--color-white:#fff;--color-light-gray:#dcdcdc;--color-dark-gray:#999;--color-soft-white:#ffffff0d;--color-soft-white-hover:#fff3;--color-soft-white-blur:#ffffff80;--color-overlay:#16232acc;--font-primary:"Josefin Sans",sans-serif;--font-secondary:"Winky Sans",sans-serif;--header-height:200px;--segment-size-w:120px;--segment-size-h:48px;--segment-border-size:4px;--segment-border-color:#fff;--segment-bg-color:#fff6;--segment-bg-hover:#ffffffd9;--label-text-color:#333}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body{width:100%;font-family:var(--font-primary);font-optical-sizing:auto;font-style:normal;line-height:1.5;overflow:hidden auto}.light-mode body{background:color-mix(in oklab,var(--color-dark)10%,var(--color-light));color:var(--color-dark)}.dark-mode body{background:color-mix(in oklab,var(--color-light)8%,var(--color-dark));color:var(--color-light)}body{font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--color-light)}