:root{color:#172033;background:#edf1f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0;touch-action:pan-y}body{background:#edf1f6}button,input,select{font:inherit}button,select{color:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 12px max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#dfe8f2 0,#edf1f6 210px),#edf1f6}.page-frame{display:grid;width:min(100%,540px);margin:0 auto;gap:12px}.app-header{display:grid;gap:5px;padding:3px 2px 2px}.eyebrow{margin:0;color:#53627a;font-size:.95rem;font-weight:700}h1,h2,p{margin:0}h1{color:#0d2b4f;font-size:clamp(2rem,9.5vw,2.55rem);line-height:1.12;letter-spacing:0}.result-card,.control-panel,.details-panel,.rate-panel{border:1px solid #bcc8d7;border-radius:6px;background:#fff;box-shadow:0 10px 24px #13294414}.result-card{display:grid;gap:13px;padding:17px 16px 16px;border-color:#143b68;background:#123963;color:#fff;position:sticky;top:max(8px,env(safe-area-inset-top));z-index:10}.result-card.is-empty{border-color:#4b5563;background:#4b5563}.result-top,.result-bottom,.panel-heading,.factor-row label,.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-top{color:#ffffffd1;font-size:.93rem;font-weight:700}.result-top span:last-child{padding:4px 8px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;font-size:.82rem}.result-card strong{overflow-wrap:anywhere;font-size:clamp(2.15rem,12vw,3.05rem);line-height:1.04;font-weight:800;font-variant-numeric:tabular-nums}.result-bottom{align-items:flex-end;color:#ffffffc7}.result-bottom small{min-width:0;color:inherit;font-size:1.05rem;font-weight:700;line-height:1.45}.result-bottom span{flex:0 0 auto;font-size:.78rem;font-weight:700}.control-panel,.details-panel,.rate-panel{display:grid;gap:14px;padding:14px;border-top:4px solid #173f6f}.panel-heading{padding-bottom:10px;border-bottom:1px solid #d9e1eb}.panel-heading h2{color:#102a4c;font-size:1.08rem;line-height:1.2}.panel-heading span{min-width:0;color:#64748b;font-size:.86rem;font-weight:700;text-align:right}.field-group{display:grid;gap:7px}.field-label{color:#2f3c4f;font-size:1rem;font-weight:800}.select-field,.amount-field{width:100%;min-height:58px;border:1px solid #aebccd;border-radius:4px;background:#fff}.select-field{padding:0 42px 0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#26364b 50%),linear-gradient(135deg,#26364b 50%,transparent 50%);background-position:calc(100% - 22px) 26px,calc(100% - 16px) 26px;background-size:6px 6px;background-repeat:no-repeat;color:#111827;font-size:1.08rem;font-weight:800}.select-field:focus,.amount-field:focus-within{border-color:#173f6f;box-shadow:0 0 0 2px #173f6f29;outline:none}.type-summary{display:grid;gap:9px;padding:12px 0;border-top:1px solid #e0e7f0;border-bottom:1px solid #e0e7f0}.type-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px}.type-summary span{color:#64748b;font-size:.92rem;font-weight:700}.type-summary strong{color:#0f3763;font-size:1rem;font-weight:800;text-align:right}.type-summary p{color:#344154;font-size:.98rem;line-height:1.65}.amount-field{display:grid;grid-template-columns:minmax(0,1fr) auto 62px;align-items:center;overflow:hidden}.amount-field input{width:100%;min-width:0;height:56px;padding:0 0 0 14px;border:0;outline:0;background:transparent;color:#0f172a;font-size:1.62rem;font-weight:800;font-variant-numeric:tabular-nums}.amount-field input::placeholder{color:#8793a3;font-size:1.08rem;font-weight:700}.amount-field span{color:#334155;font-size:1rem;font-weight:800}.amount-field .unit-toggle{display:grid;width:62px;height:56px;place-items:center;border:0;border-left:1px solid #d6dee9;border-radius:0;background:#f2f5f9;color:#173f6f;font-size:.86rem;font-weight:800;line-height:1.2;cursor:pointer}.amount-field .unit-toggle:active{background:#e4ebf4}.amount-field button{display:grid;width:62px;height:56px;place-items:center;border-left:1px solid #d6dee9;background:#f2f5f9;color:#334155;font-size:.86rem;font-weight:800;line-height:1.2}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.quick-grid button{min-width:0;height:40px;padding:0 3px;border:1px solid #b8c4d2;border-radius:3px;background:#f9fbfd;color:#1f2f46;font-size:.84rem;font-weight:800}.quick-grid button:active,.amount-field button:active{background:#e4ebf4}.factor-row{display:grid;gap:11px;padding:12px 0 2px;border-top:1px solid #e0e7f0}.factor-row label span{color:#2f3c4f;font-size:1rem;font-weight:800}.factor-row label strong{color:#0f3763;font-size:1.18rem;font-weight:800;font-variant-numeric:tabular-nums}.factor-row input{width:100%;height:28px;margin:0;accent-color:#173f6f}.empty-state{display:grid;min-height:84px;place-items:center;border:1px dashed #b8c4d2;border-radius:4px;background:#f8fafc;color:#64748b;font-size:1rem;font-weight:700}.breakdown-list{display:grid}.breakdown-row{padding:13px 0;border-bottom:1px solid #e1e8f0}.breakdown-row:last-child{border-bottom:0}.breakdown-row>div{display:grid;gap:4px;min-width:0}.breakdown-row>div:last-child{justify-items:end;text-align:right}.breakdown-row strong{min-width:0;color:#162033;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.breakdown-row span{color:#64748b;font-size:.88rem;font-weight:650;font-variant-numeric:tabular-nums}.breakdown-row.is-muted strong{color:#9a3412}.total-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0}.total-grid div{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid #c8d3df;border-radius:4px;background:#f7f9fc}.total-grid dt{color:#526176;font-size:.88rem;font-weight:800}.total-grid dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#0f3763;font-size:1.12rem;font-weight:800;font-variant-numeric:tabular-nums}.rate-chips{display:flex;flex-wrap:wrap;gap:8px}.rate-chips span{padding:7px 9px;border:1px solid #c8d3df;border-radius:3px;background:#f8fafc;color:#344154;font-size:.84rem;font-weight:800}@media(min-width:760px){.app-shell{padding-top:32px}}.app-footer{padding:18px 4px 4px;text-align:center}.app-footer p{color:#7c8a9f;font-size:.82rem;font-weight:600}@media(max-width:374px){:root{font-size:16px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.total-grid{grid-template-columns:minmax(0,1fr)}}