:root{--bg-primary: #f4f4f4;--bg-card: #ffffff;--bg-dark: #000000;--bg-blue: #000080;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--text-inverse: #ffffff;--border-stark: 2px solid #000000;--border-thin: 1px solid #000000;--border-light: 1px solid #cccccc;--font-serif: "Times New Roman", Times, Georgia, serif;--font-mono: "Courier New", Courier, monospace;--font-sans: Arial, Helvetica, sans-serif;--accent-blue: #0000aa;--accent-red: #cc0000;--accent-green: #008800}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-card: #141414;--bg-dark: #000000;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--text-inverse: #000000;--border-stark: 2px solid #ffffff;--border-thin: 1px solid #ffffff;--border-light: 1px solid #333333;--accent-blue: #4d94ff;--accent-red: #ff5555;--accent-green: #44cc44}[data-theme=blue]{--bg-primary: #0000aa;--bg-card: #000080;--bg-dark: #000055;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #aaaaaa;--text-inverse: #000080;--border-stark: 2px solid #ffffff;--border-thin: 1px solid #ffffff;--border-light: 1px solid #3333ff;--accent-blue: #ffff00;--accent-red: #ff6666;--accent-green: #66ff66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;padding:0}.app-container{max-width:960px;margin:0 auto;padding:24px 16px;background-color:var(--bg-primary);min-height:100vh}.header-frame{border:var(--border-stark);background-color:var(--bg-card);padding:16px 20px;margin-bottom:24px}.nav-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:var(--border-thin);padding-bottom:12px;margin-bottom:12px}.brand-title{font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:2px;color:var(--text-primary);text-decoration:none}.parent-tag{font-family:var(--font-mono);font-size:13px;background:var(--text-primary);color:var(--bg-card);padding:2px 8px;font-weight:700}.nav-links{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px}.nav-links a{color:var(--text-primary);text-decoration:underline;font-weight:700}.nav-links a:hover{background-color:var(--text-primary);color:var(--bg-card);text-decoration:none}.theme-selector{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:12px}.theme-btn{background:var(--bg-card);border:var(--border-thin);color:var(--text-primary);padding:2px 8px;cursor:pointer;font-family:var(--font-mono);font-size:11px}.theme-btn.active{background:var(--text-primary);color:var(--bg-card);font-weight:700}.stack-section{border:var(--border-stark);background-color:var(--bg-card);padding:28px 24px;margin-bottom:24px}.section-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;display:block}.heading-serif{font-family:var(--font-serif);font-size:32px;line-height:1.2;margin-bottom:16px;font-weight:400}.heading-mono{font-family:var(--font-mono);font-size:22px;margin-bottom:16px;text-transform:uppercase;border-bottom:var(--border-thin);padding-bottom:8px}.subheading-mono{font-family:var(--font-mono);font-size:16px;margin:16px 0 8px;font-weight:700}.text-body{font-family:var(--font-sans);font-size:15px;margin-bottom:16px;color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);font-size:13px;line-height:1.6}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.grid-cell{border:var(--border-thin);padding:16px;background:var(--bg-primary)}.code-box{background:var(--bg-dark);color:#0f0;font-family:var(--font-mono);font-size:12px;padding:16px;border:var(--border-thin);overflow-x:auto;white-space:pre-wrap;margin-bottom:16px;line-height:1.4}.code-box.vibe{color:#f66;border-left:4px solid var(--accent-red)}.code-box.hardened{color:#6f6;border-left:4px solid var(--accent-green)}.stark-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px;margin:16px 0}.stark-table th,.stark-table td{border:var(--border-thin);padding:10px 12px;text-align:left}.stark-table th{background-color:var(--text-primary);color:var(--bg-card);font-weight:700}.stark-table tr:nth-child(2n){background-color:var(--bg-primary)}.btn-stark{display:inline-block;background-color:var(--text-primary);color:var(--bg-card);border:var(--border-stark);padding:10px 20px;font-family:var(--font-mono);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:0;text-transform:uppercase;margin-right:12px;margin-bottom:12px}.btn-stark:hover{background-color:var(--bg-card);color:var(--text-primary)}.btn-outline{display:inline-block;background-color:transparent;color:var(--text-primary);border:var(--border-stark);padding:10px 20px;font-family:var(--font-mono);font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border-radius:0;text-transform:uppercase;margin-right:12px;margin-bottom:12px}.btn-outline:hover{background-color:var(--text-primary);color:var(--bg-card)}.form-group{margin-bottom:16px}.form-label{display:block;font-family:var(--font-mono);font-size:13px;font-weight:700;margin-bottom:6px}.input-stark,.textarea-stark,.select-stark{width:100%;padding:10px;font-family:var(--font-mono);font-size:13px;border:var(--border-stark);background-color:var(--bg-primary);color:var(--text-primary);border-radius:0}.input-stark:focus,.textarea-stark:focus,.select-stark:focus{outline:2px solid var(--text-primary)}.callout-box{border:var(--border-stark);background:var(--bg-primary);padding:16px;margin:16px 0;font-family:var(--font-serif);font-style:italic;font-size:17px}.footer-frame{border:var(--border-stark);background-color:var(--bg-card);padding:20px;font-family:var(--font-mono);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}