:root{--bg-color: #ffffff;--text-color: #000000;--accent-color: #000000;--secondary-bg: #f0f0f0;--border-width: 3px;--border-style: solid;--border-color: #000000;--font-mono: "Courier New", Courier, monospace;--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-attachment:fixed;background-size:cover;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-mono);border:var(--border-width) var(--border-style) var(--border-color);background:transparent;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .1s;box-shadow:4px 4px 0 0 var(--border-color)}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border-color)}button:hover{background-color:var(--text-color);color:var(--bg-color)}.split-layout{display:flex;min-height:100vh}.sidebar{width:350px;border-right:var(--border-width) solid var(--border-color);position:fixed;height:100vh;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;background:var(--bg-color);z-index:10}.main-content{margin-left:350px;flex:1;min-height:100vh}@media(max-width:800px){.split-layout{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.main-content{margin-left:0}}.brutalist-box{border:var(--border-width) var(--border-style) var(--border-color);padding:var(--spacing-md);background:var(--bg-color)}