:root{--bg:#f6f8fa;--card:#ffffff;--accent:#0b79fb;--muted:#666}
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
body{margin:0;background:var(--bg);color:#111}
.container{max-width:560px;margin:60px auto;padding:24px;background:transparent}
h1{margin:0 0 12px}
form{display:flex;gap:8px}
input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px}
button{padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}
button:hover{opacity:.95}
#result{margin-top:18px;padding:14px;background:var(--card);border-radius:8px;box-shadow:0 4px 14px rgba(20,20,20,0.06)}
.hidden{display:none}
.error{color:#c0392b;margin-top:12px}