:root{--color-bg: #0d0d0d;--color-fg: #e8e8e8;--color-1: #c0392b;--color-2: #2980b9;--color-3: #27ae60;--font-mono: "Courier New", Courier, monospace;--font-sans: system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);line-height:1.6;min-height:100vh}a{color:var(--color-2);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--color-1);border:2px solid var(--color-fg);color:var(--color-fg);cursor:pointer;font-family:var(--font-mono);font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm)}button:hover{background:var(--color-fg);color:var(--color-bg)}input,textarea,select{background:var(--color-bg);border:1px solid var(--color-fg);color:var(--color-fg);font-family:var(--font-mono);font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-2);outline:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm)}code,pre{font-family:var(--font-mono)}pre{background:#1a1a1a;border-left:3px solid var(--color-1);overflow-x:auto;padding:var(--spacing-sm)}#root{display:flex;flex-direction:column;min-height:100vh}