*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;background:#f4f6fa;color:#1f2937;line-height:1.6;padding-bottom:48px}.topbar{background:#2563eb;color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}.topbar .title{font-weight:700;font-size:16px}.guide-nav a{color:#fff;text-decoration:none;font-size:13px;margin-left:14px}.guide-nav a:hover{text-decoration:underline}.container{max-width:520px;margin:32px auto;padding:0 16px}h1{font-size:22px;color:#1e3a8a;margin-bottom:6px}.lead{color:#6b7280;margin-bottom:24px;font-size:14px}.card{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:20px;margin-bottom:20px}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.field input{width:100%;padding:10px 12px;font-size:16px;border:1px solid #9ca3af;border-radius:6px;font-family:inherit}.field input:focus-visible{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}.errors{color:#b91c1c;font-size:14px;margin-bottom:12px;min-height:20px}.errors div:before{content:"⚠ "}button{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}button:hover{background:#1d4ed8}.hidden{display:none}.result-main{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;text-align:center;margin-bottom:16px}.result-main .label{color:#1e40af;font-size:14px}.result-main .value{display:block;font-size:32px;font-weight:700;color:#1e3a8a;margin-top:4px;font-variant-numeric:tabular-nums}.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:12px 2px;border-bottom:1px solid #e5e7eb}.result-row:last-child{border-bottom:none}.result-row .label{color:#6b7280;font-size:14px}.result-row .value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}