*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#16243b;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}main{max-width:1140px;margin:auto;padding:28px 36px 48px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:36px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.07em}.brand-icon{background:#254ede;color:white;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:24px}.private{color:#68778b;font-size:13px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:12px;color:#3156d4;letter-spacing:.13em;font-weight:700;margin:0 0 8px}h1{font-size:32px;letter-spacing:-.03em;margin:0;line-height:1.4}h1 span{display:block;font-size:15px;font-weight:400;color:#68778b;margin-top:8px;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:background .15s}button:disabled{cursor:wait;opacity:.65}.refresh{color:#234cce;background:#e5eafc;border:1px solid #d1dbfa;border-radius:9px;padding:10px 17px;font-size:14px;font-weight:600}.rates{display:grid;grid-template-columns:1fr 1fr 1fr;background:white;border:1px solid #e1e6ee;border-radius:14px;padding:20px 0}.rates>div{padding:0 24px;display:flex;flex-direction:column;gap:3px}.rates>div+div{border-left:1px solid #e1e6ee}.rates span{color:#68778b;font-size:14px}.rates strong{font-size:24px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.rates small{color:#788397;font-size:12px}.status{font-size:13px;min-height:21px;margin:10px 2px 24px;color:#68778b}.workspace{display:grid;grid-template-columns:1.06fr 1fr;gap:24px;align-items:start}.panel{background:white;border:1px solid #e1e6ee;border-radius:18px;padding:28px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.step{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.65}h2{font-size:17px;margin:0}.direction{display:flex;gap:4px;padding:4px;border-radius:10px;background:#eff2f7;margin-bottom:25px}.direction button{flex:1;padding:10px 8px;border-radius:7px;color:#67778e;background:transparent;font-size:14px;font-weight:600}.direction button[aria-pressed=true]{background:white;color:#2149cf;box-shadow:0 2px 5px #18223d10}label{font-size:14px;display:block;color:#52617a}.amount-field{display:flex;align-items:center;gap:8px;border-bottom:2px solid #dce3ef;padding:10px 0}.amount-field:focus-within{border-color:#3156dc}.amount-field input{width:100%;min-width:0;font-size:37px;line-height:1.5;font-weight:650;letter-spacing:-.04em;border:0;outline:none;background:transparent;color:#14243f;padding:0}.amount-field input::placeholder{font-size:25px;color:#bdc6d3;font-weight:400}.amount-field>span{color:#76839a;font-weight:600;font-size:14px}.hint{font-size:13px;color:#7a8597;line-height:1.65;margin:10px 0 20px}.service{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ebf2;margin-top:25px;padding:22px 0}.service label{color:#233249;font-weight:600}.service label span{display:block;font-size:12px;font-weight:400;color:#7a8597;margin-top:3px}.suffix{display:flex;align-items:center;background:#f4f6fa;border:1px solid #e1e6ee;border-radius:8px;padding:7px 12px;width:100px}.suffix input{width:100%;border:0;background:transparent;outline:none}.suffix span{color:#7a8597}details{border-top:1px solid #e7ebf2}summary{padding:18px 0;cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}summary span{font-size:12px;color:#78859a;font-weight:400}summary span:after{content:' ＋'}details[open] summary span:after{content:' −'}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings label{font-size:13px}.settings input,.settings select{display:block;width:100%;margin-top:7px;border:1px solid #dce3ed;border-radius:7px;padding:9px;color:#233249;background:#fbfcfe;font-size:14px}.settings .full{grid-column:1/-1;margin:0 0 18px}.result{background:#172e58;color:white;border-radius:18px;padding:28px 30px;position:sticky;top:24px;box-shadow:0 12px 28px #15336312}.result-top{display:flex;gap:12px;align-items:center;font-size:14px;color:#d5e0f4}.tag{margin-left:auto;border:1px solid #607497;font-size:12px;border-radius:5px;padding:1px 8px}.result-number{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:22px}.result-number strong{font-size:clamp(30px,4.3vw,54px);line-height:1.3;font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result-number>span{color:#adbedc;font-size:18px}#result-note{font-size:13px;color:#a9bfdf;margin:8px 0 24px;min-height:21px}.effective{background:#25416d;border:1px solid #36527a;border-radius:9px;display:flex;justify-content:space-between;gap:12px;padding:14px;font-size:13px}.effective strong{color:#a6d8ff;font-weight:500;text-align:right}.breakdown{margin-top:27px}.breakdown h3{font-size:14px;font-weight:500;color:#d5e0f4;margin:0 0 14px}.breakdown>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin:12px 0;color:#b9c9e1}.breakdown b{font-weight:500;color:#edf4ff;text-align:right;font-variant-numeric:tabular-nums}.breakdown small{font-size:12px}.breakdown .total{border-top:1px solid #405374;padding-top:18px;margin-top:18px;color:white}.error{color:#ffcca6;font-size:14px;margin-bottom:0}footer{margin-top:32px;color:#768197;font-size:13px;max-width:900px}footer h3{font-size:13px;font-weight:600;color:#56657b;margin:0 0 5px}footer p{margin:0}footer>div{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px}a{color:#5e739e;text-decoration:none}a:hover{text-decoration:underline}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #4c7aff;outline-offset:3px}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}@media(max-width:760px){main{padding:22px 18px}.private{display:none}header{padding-bottom:26px}.heading{align-items:flex-end}h1{font-size:27px}.refresh{padding:9px 12px;white-space:nowrap}.rates{padding:15px 0}.rates>div{padding:0 12px}.rates strong{font-size:18px}.rates span{font-size:12px}.rates small{font-size:12px}.workspace{grid-template-columns:1fr;gap:18px}.panel,.result{padding:24px}.result{position:static}.result-number strong{font-size:44px}}@media(max-width:400px){.rates{grid-template-columns:1fr;gap:12px}.rates>div+div{border-left:0;border-top:1px solid #e1e6ee;padding-top:12px}.settings{grid-template-columns:1fr}.heading{align-items:start}.refresh{font-size:12px}.effective{flex-direction:column}.effective strong{text-align:left}}