body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:24px}.card{max-width:1000px;margin:0 auto;padding:24px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06)}h1{margin-top:0}label{display:block;margin:12px 0 6px;font-weight:600}select,input{width:100%;padding:10px 12px;font-size:16px;border:1px solid #cbd5e1;border-radius:8px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result{margin-top:24px;font-size:18px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.muted{color:#64748b;font-size:14px}button{padding:10px 16px;border-radius:10px;border:0;background:#111827;color:#fff;font-weight:600;cursor:pointer}table{border-collapse:collapse;width:100%}th,td{border:1px solid #e5e7eb;padding:8px;text-align:left}th{background:#f3f4f6}