:root{--bg: #f4f2ee;--panel: #ffffff;--ink: #23211e;--muted: #7c766c;--rule: #e2ddd4;--accent: #b3392f;--accent-soft: #f7ece9;--desk: #ded9d1;--radius: 10px;--font: "Inter", "Helvetica Neue", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer;border:1px solid var(--rule);background:var(--panel);color:var(--ink);padding:8px 14px;border-radius:7px;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}button.primary:hover:not(:disabled){background:#9c3129;border-color:#9c3129}input,select{font:inherit;padding:7px 9px;border:1px solid var(--rule);border-radius:7px;background:var(--panel);color:var(--ink);width:100%}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[type=color]{padding:2px;height:34px}input[type=checkbox]{width:auto;accent-color:var(--accent)}