:root{--bg:#fff;--card:#90dff3;--accent:#4265ff;--fg:#222}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; background:var(--bg); color:var(--fg); margin:0; display:flex; align-items:center; justify-content:center; min-height:100vh}
main{background:var(--card); padding:28px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.08); width:min(640px,94vw)}
h1{margin-top:0}
label{display:block; margin-bottom:6px}
input{padding:8px 10px; font-size:16px; width:60%; margin-right:8px}
button{padding:8px 12px; background:var(--accent); border:none; color:white; border-radius:8px; cursor:pointer}
#output{margin-top:18px; font-size:18px}

.btn-row{display:flex; gap:10px; margin-bottom:14px}
.btn{padding:8px 12px; border-radius:8px; background:var(--accent); color:white; border:none; cursor:pointer}
.btn-outline{background:transparent; color:var(--accent); border:2px solid var(--accent)}