:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#17243d;background:#f3f6fc;font-size:16px;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:12px;align-items:center;max-width:1056px;margin:auto;padding:24px}.brand{font-weight:750;letter-spacing:.03em}.badge{font-size:.875rem;color:#174098;background:#e0eaff;padding:4px 12px;border-radius:100px}main{max-width:1056px;margin:auto;padding:0 24px 32px}.intro{padding:26px 0 30px;max-width:720px}.eyebrow{font-size:.875rem;letter-spacing:.09em;color:#3158a0;font-weight:700;margin:0 0 12px}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:.015em;line-height:1.3;margin:0 0 18px}h1 br{display:none}h2{font-size:1.2rem;margin:0 0 12px;line-height:1.5}h2 span{display:inline-grid;place-items:center;width:30px;height:30px;background:#1e40af;color:white;border-radius:50%;margin-right:8px;font-size:1rem}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #d6e0ef;border-radius:18px;background:#fff;padding:26px;box-shadow:0 6px 20px #17243d04}.hint{font-size:.875rem;color:#52617a;margin:0 0 20px}.note{font-size:.875rem;color:#536079;background:#f3f6fc;border-radius:8px;padding:12px;margin:16px 0 0}.field{margin:0 0 18px}.field label{display:block;font-weight:650;margin-bottom:7px;font-size:.9375rem}.inputs{display:flex;gap:8px;align-items:center}input,select{font:inherit;color:inherit;border:1px solid #abbcd6;border-radius:8px;background:white;min-height:46px;padding:9px 10px;min-width:0}input{width:100%;flex:1}select{width:140px;font-size:.9375rem}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #94b7ff;outline-offset:2px}.unit{font-size:.875rem;color:#52617a}.actions{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0 4px}button{border:1px solid transparent;background:#1e40af;color:white;border-radius:9px;padding:13px 22px;font:inherit;font-weight:650;cursor:pointer;min-height:48px}.secondary{background:white;color:#21478f;border-color:#b7c8e3}.text-button{background:transparent;color:#52617a}.result{border-top:5px solid #1e40af;margin-top:20px}.result h2{font-size:1.4rem}.result-row{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:10px;padding:13px 0;border-top:1px solid #e1e7f0;align-items:center}.status{font-size:.875rem;font-weight:700;text-align:right}.ok{color:#146546}.fail{color:#af3030}.unknown{color:#855400}.search{display:inline-block;color:#1e40af;font-weight:700;margin:20px 0 12px}.search[hidden]{display:none}.guide{padding:30px 0 12px;max-width:850px}.guide li{margin-bottom:10px}.guide ul{padding-left:22px}.guide p,footer{font-size:.875rem;color:#52617a}footer{padding:20px 0;border-top:1px solid #d6e0ef}.error{color:#af3030;margin:6px 0}.stale{color:#855400}@media(max-width:650px){header{padding:18px 16px;align-items:flex-start}.badge{font-size:.75rem;padding:4px 8px}main{padding:0 16px 24px}.intro{padding:18px 0 22px}h1 br{display:block}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.actions button:first-child{width:100%}.actions{gap:8px}.result-row{grid-template-columns:1fr 1fr}.status{grid-column:1/-1;text-align:left}select{width:130px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover{filter:brightness(.95)}}
details{border-top:1px solid #d6e0ef;padding:14px 0}summary{cursor:pointer;font-weight:650}summary:focus-visible{outline:3px solid #94b7ff;outline-offset:3px}.information{max-width:800px}.information h1{font-size:2rem;margin:20px 0 28px}.information section{margin:28px 0}.information p{overflow-wrap:anywhere}.guide details p{font-size:1rem}a{color:#1e40af}
.affiliate-area{margin-top:18px;padding:16px;border:1px solid #c9d8ef;border-radius:10px;background:#f7faff}.affiliate-kicker{margin:0 0 8px;font-weight:750;color:#174098;font-size:.875rem}.affiliate-area a{display:block;overflow-wrap:anywhere}.affiliate-disclosure{margin:10px 0 0;font-size:.8125rem;color:#52617a}.affiliate-area[hidden]{display:none}