:root{color:#f3f4f6;background:linear-gradient(180deg,#111827,#1f2937);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.page{min-height:100vh;padding:24px;display:grid;place-items:center}.card{width:min(100%,760px);padding:32px;border-radius:24px;background:#111827;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #00000047}h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.lead{margin:12px 0 0;color:#d1d5db;max-width:56ch}.field{display:block;margin-top:24px}.field span,.result-label,.info-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600;color:#9ca3af}.field input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #374151;background:#1f2937;color:#f9fafb}.field input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.toggle{display:flex;align-items:center;gap:10px;margin-top:18px;color:#e5e7eb}.toggle input{width:18px;height:18px}.toggle span{margin:0}.result{margin-top:28px;padding:24px;border-radius:18px;background:#2563eb;color:#fff}.result-label{color:#fffc}.result-value{font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.05;word-break:break-word}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.info-box{margin-top:16px;padding:18px;border-radius:18px;background:#1f2937;border:1px solid rgba(255,255,255,.06)}.info-text{color:#f3f4f6}.error-box{margin-top:24px;padding:16px 18px;border-radius:16px;background:#7f1d1d59;color:#fecaca;border:1px solid rgba(248,113,113,.25)}@media (max-width: 640px){.page{padding:16px}.card{padding:24px}.info-grid{grid-template-columns:1fr}}