@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#1f2933;font-synthesis:none;--color-ink:#153d3b;--color-muted:#52736f;--color-link:#0e7490;--color-link-hover:#155e75;--color-primary:#16817a;--color-primary-dark:#123b3a;--color-primary-soft:#e0f2f1;--color-panel-border:#dce7e5;--color-panel:#fffffff0;background:#eff3f4;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 100% 0,#dcecea 0,#0000 34rem),#eff3f4;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,p{margin-top:0}.page-shell{width:min(1180px,100% - 40px);min-width:0;margin:24px auto 48px}.tool-header{color:#eff8f7;background:var(--color-primary-dark);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex;box-shadow:0 12px 28px #123b3a24}.tool-title .eyebrow,.eyebrow{color:#568b87;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font:500 .72rem/1.2 DM Mono,monospace}.tool-title .eyebrow{color:#9cc6bf}h1{letter-spacing:-.025em;margin-bottom:5px;font-size:clamp(1.35rem,2.4vw,1.7rem)}.tool-title>p:last-child{color:#c9e4df;margin-bottom:0;font-size:.86rem}.tool-meta{color:#c9e4df;flex:none;gap:8px;font:.72rem DM Mono,monospace;display:flex}.tool-meta span{border:1px solid #c9e4df38;border-radius:999px;padding:7px 9px}.main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;margin-top:20px;display:grid}.panel,.calculator-form{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:16px;padding:28px;box-shadow:0 10px 24px #203b380f}h2{color:var(--color-ink);margin-bottom:0;font-size:1.2rem}.form-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:23px;display:flex}.heading-actions{align-items:center;gap:12px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field-label{color:var(--color-ink);font-size:.9rem;font-weight:600}.field-label small{color:#6c8e8a;font-weight:400}.input-wrap{background:#fff;border:1px solid #bdd4d0;border-radius:9px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #16817a24}input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;padding:11px 12px}.input-wrap>span{color:#6c8e8a;padding-right:12px;font:.77rem DM Mono,monospace}.field-help{color:#789995;font-size:.72rem}.primary-button{color:#eff8f7;background:var(--color-primary);border:0;border-radius:9px;width:100%;margin-top:24px;padding:13px 16px;font-weight:700;transition:background .15s,transform .15s}.primary-button:hover{background:#0f6f69}.primary-button:active{transform:translateY(1px)}.primary-button span{float:right;font-size:1.2rem;line-height:1}.text-button{color:var(--color-link);background:0 0;border:0;padding:4px 0;font-size:.83rem}.text-button:hover{color:var(--color-link-hover);text-decoration:underline}.error-message{color:#b42318;margin:15px 0 0;font-size:.8rem}.summary{flex-direction:column;min-height:100%;display:flex}.summary-values{gap:12px;margin:auto 0;display:grid}.summary-values div{background:#f1f7f6;border-radius:10px;padding:17px}.summary-values span{color:var(--color-muted);margin-bottom:5px;font-size:.78rem;display:block}.summary-values strong{color:var(--color-ink);font:500 2.3rem/1 DM Mono,monospace}.summary-values div:first-child{background:var(--color-primary-dark)}.summary-values div:first-child span,.summary-values div:first-child strong{color:#eff8f7}.summary-note,.summary-placeholder{color:var(--color-muted);margin:22px 0 0;font-size:.78rem;line-height:1.6}.history-panel{min-width:0;margin-top:20px;overflow:hidden}.result-count{color:#155e75;background:var(--color-primary-soft);border-radius:99px;padding:5px 9px;font:.7rem DM Mono,monospace}.table-scroll{contain:paint;overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:.82rem}th{color:var(--color-muted);text-align:left;font-size:.72rem;font-weight:500}th,td{white-space:nowrap;border-bottom:1px solid #e3ecea;padding:13px 10px}tbody tr:last-child td{border-bottom:0}.total-cell{color:#0e7490;font-weight:700}.icon-button{width:26px;height:26px;color:var(--color-muted);background:0 0;border:0;border-radius:50%;padding:0;font-size:1.2rem}.icon-button:hover{color:#b42318;background:#fce8e6}.example-label{color:var(--color-muted);font-size:.72rem}.empty-state{color:var(--color-muted);text-align:center;padding:42px 12px 35px}.empty-state span{color:#9bc7bf;margin-bottom:8px;font-size:2rem;display:block}.empty-state p{color:var(--color-ink);margin-bottom:4px;font-weight:600}.empty-state small{font-size:.76rem}footer{color:var(--color-muted);justify-content:space-between;gap:16px;margin-top:18px;font-size:.75rem;display:flex}footer a{color:var(--color-link);text-decoration:none}footer a:hover{color:var(--color-link-hover);text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px),(hover:none) and (pointer:coarse){.page-shell{width:min(100% - 24px,560px);margin:12px auto 36px}.tool-header{border-radius:14px;flex-direction:column;align-items:flex-start;gap:15px;padding:21px}.tool-meta{flex-wrap:wrap}.main-grid{grid-template-columns:1fr}.panel,.calculator-form{padding:22px 18px}.summary{min-height:0}.field-grid{grid-template-columns:1fr;gap:14px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}