:root{--ink: #2c2c2a;--graphite: #444441;--silver: #888780;--fog: #b4b2a9;--parchment: #d3d1c7;--ivory: #f1efe8;--white: #ffffff;--accent: #639922;--accent-bg: #eaf3de;--danger: #a32d2d;--danger-bg: #fcebeb;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-card: 12px;--radius-btn: 8px;--radius-sm: 6px;--content-max: 720px;--border-thin: .5px solid var(--parchment)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--ivory);color:var(--ink);font-family:var(--font-sans)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;color:var(--ink);margin:0}a{color:var(--accent)}button{font-family:var(--font-sans);cursor:pointer}app-root{display:block;min-height:100%}.app-wrapper{filter:grayscale(100%);transition:filter 1.5s ease}.app-wrapper.colorized{filter:grayscale(0%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:10px 18px;cursor:pointer;transition:opacity .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn-dark{background:var(--ink);color:var(--white)}.btn-accent{background:var(--accent);color:var(--white)}.btn-outline{background:transparent;color:var(--graphite);border:var(--border-thin)}.btn-danger{background:transparent;color:var(--danger);border:.5px solid #f09595}.card{background:var(--white);border:var(--border-thin);border-radius:var(--radius-card)}@media(max-width:640px){h1{font-size:28px}h2{font-size:22px}}