:root{--font-body: "Trebuchet MS", Arial, Helvetica, sans-serif;--font-heading: "Impact", "Arial Black", Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;--color-bg: #fffef7;--color-bg-alt: #fff9e6;--color-bg-accent: #f0f8ff;--color-text: #1a1a1a;--color-text-secondary: #333333;--color-text-muted: #666666;--color-link: #0066ff;--color-link-hover: #0052cc;--color-accent-1: #00d9ff;--color-accent-2: #00ff88;--color-accent-3: #ffd700;--color-accent-4: #9d4edd;--color-border: #cccccc;--color-border-bold: #000000}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;margin:0;padding:0;font-size:15px}a{color:var(--color-link);text-decoration:underline;transition:all .2s ease}a:hover{color:var(--color-link-hover);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin-top:1em;margin-bottom:.5em;line-height:1.2;color:var(--color-text);letter-spacing:-.5px}h1{font-size:2em;text-transform:uppercase}h2{font-size:1.6em}h3{font-size:1.3em}code,pre{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-alt);padding:3px 6px;border:2px dashed var(--color-border)}.container{max-width:900px;margin:0 auto;padding:20px}.btn{display:inline-block;padding:8px 16px;background:var(--color-accent-1);color:#000;border:3px solid #000;cursor:pointer;font-family:var(--font-heading);font-size:14px;text-decoration:none;text-align:center;text-transform:uppercase;transition:all .15s ease;box-shadow:4px 4px #000;position:relative;font-weight:700}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-secondary{background:var(--color-accent-2);border-color:#000;box-shadow:4px 4px #000;color:#000}.btn-secondary:hover{background:#00cc6a;box-shadow:6px 6px #000}.input,select{padding:8px;border:2px dashed var(--color-border);font-family:var(--font-body);font-size:14px;width:100%;margin-bottom:12px;background:var(--color-bg);color:var(--color-text);transition:all .2s ease}.input:focus,select:focus{outline:none;border:2px solid #000;border-style:solid;background:var(--color-bg-accent)}select{cursor:pointer}.tag{display:inline-block;background:var(--color-accent-3);color:#000;padding:4px 10px;font-size:12px;margin-right:8px;margin-bottom:8px;border:2px solid #000;font-family:var(--font-heading);text-transform:uppercase;transition:all .15s ease;box-shadow:2px 2px #000;font-weight:700}.tag:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000;background:var(--color-accent-4);color:#fff}.mobile-only{display:none}.desktop-only{display:block}.hamburger{display:none;flex-direction:column;gap:5px;background:var(--color-accent-1);border:3px solid #000;cursor:pointer;padding:8px;width:40px;height:40px;z-index:1000;box-shadow:3px 3px #000;transition:all .15s ease;justify-content:center;align-items:center}.hamburger:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.hamburger span{display:block;width:22px;height:3px;background:#000;transition:all .2s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{display:none;position:fixed;inset:0;background:#0000001a;z-index:999;opacity:0;transition:opacity .2s}.mobile-overlay.active{display:block;opacity:1}@media(max-width:768px){body{font-size:14px}h1{font-size:1.6em}h2{font-size:1.4em}h3{font-size:1.2em}.container{padding:15px}.mobile-only{display:block}.desktop-only{display:none}.hamburger{display:flex}.btn{padding:7px 14px;font-size:13px}}@media(max-width:480px){body{font-size:13px}.container{padding:12px}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-size:16px;font-family:var(--font-heading);text-transform:uppercase}hr{border:none;border-top:3px dashed var(--color-border);margin:25px 0}