:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182231;background:#f4f7fa}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.site-header{height:72px;background:#172435;color:#fff;display:flex;align-items:center;padding:0 28px;gap:12px}.brand-mark{width:34px;height:34px;background:#d6e97d;color:#172435;display:grid;place-items:center;font-weight:900;border-radius:9px}.site-header strong{display:block;font-size:15px}.site-header span{display:block;color:#99a7b6;font-size:11px}.site-header a{margin-left:auto;color:#c4d1de;font-size:12px}.page-shell{max-width:1240px;margin:0 auto;padding:58px 28px 44px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:38px;border-bottom:1px solid #d8e0e7}.eyebrow{margin:0 0 10px;color:#6c7d8f;letter-spacing:.14em;font-size:10px;font-weight:800}.intro h1{font-size:clamp(34px,4.5vw,62px);line-height:1.05;margin:0;max-width:720px}.intro h1 em{font-style:normal;color:#6380a1}.intro p:not(.eyebrow){color:#6a7887;margin:18px 0 0;max-width:560px;font-size:15px;line-height:1.8}.intro-rule{display:flex;align-items:center;gap:12px;color:#728193}.workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px;align-items:start;margin-top:28px}.input-panel,.result-panel{background:#fff;border:1px solid #dbe3ea;border-radius:12px;padding:28px;box-shadow:0 12px 36px #20334c0a}.form-section{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e6ebef}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2{font-size:18px;margin:0}.section-note{color:#8593a1;font-size:11px;margin-top:21px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:1fr 1fr}.field{display:block;margin-bottom:14px}.field span{display:block;color:#516274;font-size:12px;font-weight:650;margin-bottom:7px}.field input,.field select{width:100%;height:42px;border:1px solid #d7e0e8;border-radius:7px;background:#fbfcfd;padding:0 12px;color:#1e2b3b;outline:none}.status-chip,.valid-chip{border-radius:100px;padding:6px 10px;font-size:10px;white-space:nowrap;font-weight:700}.status-chip.loading{background:#eef2f5;color:#7a8794}.status-chip.ready,.valid-chip{background:#eaf4d8;color:#58722f}.status-chip.error{background:#fde9e8;color:#ac4945}.button{border:0;border-radius:7px;height:42px;padding:0 17px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:#172435;color:#fff}.button.secondary{background:#d6e97d;color:#26351a}.button.ghost{background:#eef2f5;color:#4d5d6c}.form-actions,.export-actions{display:flex;gap:10px}.form-actions{align-items:center;justify-content:space-between}.realtime-note{color:#7d8c9a;font-size:11px}.alert{margin-top:14px;font-size:12px}.alert:empty{display:none}.alert.error{color:#b04e4a}.alert.success{color:#55732b}.result-container{min-width:0}.empty-result{border:1px dashed #c6d2dd;border-radius:12px;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:#7a8b9b}.empty-result strong{font-size:21px;color:#263445;margin-top:12px}.empty-result p{font-size:13px;max-width:280px;line-height:1.7}.result-top{display:flex;justify-content:space-between;gap:20px}.result-top h2{font-size:22px;margin:0}.result-subtitle{font-size:12px;color:#82909d;margin:7px 0 0}.hero-total{margin:26px 0 20px;padding:22px;background:#172435;color:#fff;border-radius:9px}.hero-total span,.hero-total small{display:block;color:#aab8c5;font-size:11px}.hero-total strong{display:block;font-size:40px;line-height:1.1;margin:8px 0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee}.metric-grid>div{padding:16px 4px;border-bottom:1px solid #e4e9ee}.metric-grid>div:nth-child(odd){padding-right:15px;border-right:1px solid #e4e9ee}.metric-grid>div:nth-child(2n){padding-left:15px}.metric-grid>div:nth-last-child(-n+2){border-bottom:0}.metric-grid span,.metric-grid small{display:block;color:#80909f;font-size:11px}.metric-grid strong{display:inline-block;font-size:19px;margin-top:6px}.positive{color:#597f29}.negative{color:#b04e4a}.detail-block,.config-block{margin-top:24px}.detail-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e4e9ee;font-size:12px;font-weight:800}.formula{font-size:10px;font-weight:500;color:#8a98a5}.detail-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eef1f4;font-size:12px}.detail-list span{color:#738394}.detail-list b{font-weight:700;color:#283748;text-align:right}.config-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.config-list span{background:#f0f4f7;border-radius:5px;padding:7px 9px;font-size:11px;color:#324455}.config-list i{font-style:normal;color:#8795a1;margin-right:5px}.result-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#8b98a5;font-size:10px;margin:22px 0}.export-actions{flex-wrap:wrap}.export-actions .primary{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}footer{max-width:1240px;margin:0 auto;padding:0 28px 30px;color:#8c99a6;font-size:11px;display:flex;justify-content:space-between}footer a{color:#6f8295;text-decoration:none}@media(max-width:860px){.page-shell{padding-top:38px}.intro{display:block}.intro-rule{margin-top:22px}.workspace{grid-template-columns:1fr}.result-container{order:2}.empty-result{min-height:260px}}@media(max-width:540px){.site-header{padding:0 18px}.page-shell{padding:32px 16px}.input-panel,.result-panel{padding:20px}.field-grid.two{grid-template-columns:1fr;gap:0}.section-heading{display:block}.section-note,.status-chip{display:inline-block;margin-top:10px}.hero-total strong{font-size:32px}.form-actions,.export-actions{flex-direction:column}.form-actions .button,.export-actions .button{width:100%;min-height:42px}.form-actions{align-items:stretch}.realtime-note{text-align:center}footer{padding:0 16px 24px;display:block}footer a{display:block;margin-top:8px}}.readonly-banner{margin-top:18px;padding:10px 14px;border:1px solid #d8e6b5;border-radius:7px;background:#f3f8e8;color:#58722f;font-size:12px;font-weight:700}.field input:disabled,.field select:disabled{cursor:not-allowed;opacity:.72;background:#f0f3f5}.share-page{max-width:760px;margin:0 auto;padding:24px 16px 40px}.share-view-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.share-view-heading h1{margin:0;font-size:24px}.share-view-heading .eyebrow{margin:0}.share-view-heading .readonly-banner{margin:0 0 0 auto}.share-page .result-panel{padding:22px}.share-page .result-top{align-items:flex-start}.share-page .hero-total{margin:18px 0 14px}.share-page .metric-grid>div{padding-top:12px;padding-bottom:12px}.share-page .detail-block,.share-page .config-block{margin-top:16px}.share-page .result-meta{margin:14px 0}.share-page .export-actions{margin-top:4px}@media(max-width:540px){.share-page{padding:14px 10px 24px}.share-view-heading{gap:8px;flex-wrap:wrap;margin-bottom:10px}.share-view-heading h1{font-size:20px}.share-view-heading .readonly-banner{margin-left:auto;margin-top:0;padding:6px 9px;font-size:10px}.share-page .result-panel{padding:16px}.share-page .result-top h2{font-size:18px}.share-page .hero-total{padding:16px}.share-page .hero-total strong{font-size:30px}.share-page .detail-list>div{padding:8px 0}.share-page .result-meta{gap:7px 10px}}