:root{--color-primary: #1e3a8a;--color-primary-hover: #1c357c;--color-on-primary: #ffffff;--color-accent: #f59e0b;--color-on-accent: #1e3a8a;--color-bg: #f4f6fb;--color-surface: #ffffff;--color-text: #1a2332;--color-text-muted: #5b6678;--color-border: #c9d2e3;--color-secondary-bg: #e6eaf3;--color-error: #c0182d;--kp: var(--color-primary)}*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;background:var(--color-bg);color:var(--color-text)}.app{max-width:480px;margin:0 auto;padding:16px}button{font:inherit;padding:12px 16px;border:0;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary)}button:hover{background:var(--color-primary-hover)}button.secondary{background:var(--color-secondary-bg);color:var(--color-text)}button.accent{background:var(--color-accent);color:var(--color-on-accent)}input{font:inherit;padding:12px;width:100%;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.row{display:flex;gap:8px;align-items:center}.card{background:var(--color-surface);border-radius:12px;padding:16px;margin:8px 0}.err{color:var(--color-error)}.muted{color:var(--color-text-muted)}nav a{margin-right:12px;color:var(--color-primary)}