*{box-sizing:border-box}body{color:#222;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:14px;width:100%;max-width:720px;padding:32px;box-shadow:0 8px 24px #00000014}h1{margin-top:0;margin-bottom:8px;font-size:32px}h2{margin-bottom:12px;font-size:22px}.subtitle{color:#555;margin-top:0;line-height:1.5}.section{margin-top:28px}.input{border:1px solid #cfcfcf;border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:16px}.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 16px;font-size:15px}.button:hover{opacity:.95}.button:disabled{opacity:.7;cursor:not-allowed}.secondary{color:#111827;background:#e5e7eb}.result-box,.stats-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.button-row{align-items:center;gap:12px;margin-top:12px;display:flex}.copy-message{color:#15803d;font-size:14px}.error{color:#dc2626;margin-top:20px;font-weight:600}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}