*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f5f7fb;color:#172033}.dark body{background:#111827;color:#eef2ff}.wrap{max-width:980px;margin:auto;padding:24px}.card{background:#fff;border:1px solid #dbe2ef;border-radius:16px;padding:22px;box-shadow:0 8px 30px #20305012}.dark .card{background:#1f2937;border-color:#374151}h1{font-size:clamp(1.7rem,4vw,2.5rem)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:7px;font-weight:650}input{width:100%;padding:12px;border:1px solid #aebbd0;border-radius:10px;font:inherit}button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:#2563eb;color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.result{margin-top:18px;padding:18px;border-radius:12px;background:#eaf2ff;display:grid;gap:7px}.dark .result{background:#263550}.result strong{font-size:1.6rem}.result small,.muted{opacity:.75}.crumb{font-size:.9rem;margin-bottom:12px}@media(max-width:650px){.grid{grid-template-columns:1fr}.wrap{padding:14px}}@media print{.actions,#theme{display:none}.card{box-shadow:none}}