:root{--primary:#5865f2;--primary-dark:#4752c4;--secondary:#2e7d32;--bg:#fafbfc;--surface:#fff;--text:#1a1a1a;--text-light:#6c757d;--border:#e9ecef;--accent:#ff6b6b}*{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}main{max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text);margin-top:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}button:hover:not(:disabled){background-color:var(--primary-dark)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #5865f21a}section{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;margin:16px 0;padding:16px}hr{border:none;border-top:1px solid var(--border);margin:24px 0}canvas{max-width:100%;height:auto}