:root{--h1-color:#000;--h2-color:#000;--h3-color:#000;--h4-color:#000;--h5-color:#000;--h6-color:#000;--primary-color:#0070f3;--secondary-color:#666;--background-color:#fff;--text-color:#000;--font-family:system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}h1{color:var(--h1-color)}h2{color:var(--h2-color)}h3{color:var(--h3-color)}h4{color:var(--h4-color)}h5{color:var(--h5-color)}h6{color:var(--h6-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.loading{text-align:center;padding:2rem;color:var(--secondary-color)}.error{background-color:#fee;color:#c00;border-radius:4px}.card,.error{padding:1.5rem;margin-bottom:1rem}.card{background-color:var(--background-color);border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.card h2,.card h3{color:var(--h2-color);margin-top:0}