:root{--color-bg: #FFFFFF;--color-text: #000000;--color-border: #000000;--color-accent-pink: #FF90E8;--color-accent-yellow: #FFC900;--color-accent-cyan: #23A094;--color-surface: #F4F4F5;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-width: 2px;--border-radius: 4px;--shadow-offset: 4px;--shadow-hard: var(--shadow-offset) var(--shadow-offset) 0px var(--color-border)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}button{font-family:var(--font-heading);cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface);border-left:var(--border-width) solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-accent-pink);border:var(--border-width) solid var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-yellow)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}