:root{--bg-primary: #0f1117;--bg-secondary: #161921;--bg-tertiary: #1e2330;--bg-hover: #1a1e28;--text-primary: #e8e2d5;--text-secondary: #6b7280;--text-tertiary: #4a4e5a;--text-heading: #f0ebe0;--text-muted: #8b9cb0;--text-card: #c8c0b0;--accent: #5b8dd9;--success: #4caf7a;--error: #e05c5c;--warning: #f0a050;--border: #2a2e3a;--border-success: #2a5a2a;--border-error: #3a2a2a;--bg-success-subtle: #1a3a1a;--bg-error-subtle: #2a1a1a;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-body: "Georgia", serif;--font-mono: "SF Mono", "Fira Code", monospace;--max-width: 720px;--max-width-wide: 1080px}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.label{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-mono);color:var(--text-secondary)}.btn{padding:10px 24px;border:none;border-radius:var(--radius-lg);font-size:14px;transition:all .2s;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4a7cc8}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.btn-success{background:var(--bg-success-subtle);color:var(--success);border:1px solid var(--border-success)}.btn-danger{background:var(--bg-error-subtle);color:var(--error);border:1px solid var(--border-error)}.btn-ghost{background:none;border:none;color:var(--text-tertiary);padding:4px 8px}.input{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;outline:none}.input:focus{border-color:var(--accent)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tool-grid{grid-template-columns:1fr}.container,.container-wide{padding:0 16px}}