:root{--blue:#2563eb;--blue-soft:#edf4ff;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f4f6fa;--white:#fff;--radius:12px;--space:16px;--shadow:0 3px 16px #182b4810;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:white;color:var(--ink)}button:hover{border-color:var(--blue);color:var(--blue)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,button.active{background:var(--blue);color:white;border-color:var(--blue)}input,select{border:1px solid var(--line);padding:8px;border-radius:7px;max-width:100%;color:var(--ink);background:white}input[type=number]{width:100%}input[type=checkbox]{accent-color:var(--blue)}label{display:block;font-size:12px;color:var(--muted);margin:12px 0 5px}h1{font-size:25px;margin:8px 0}h2{font-size:14px;margin:0 0 14px}p{line-height:1.6}small,.muted{color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}