:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#18202a;background:#f5f7fa;--accent:#e86f19;--border:#dfe3e8;--muted:#687483}*{box-sizing:border-box}body{margin:0}.wrap{max-width:980px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{margin:0;font-size:clamp(25px,5vw,38px)}header p{margin:6px 0;color:var(--muted)}.headActions{display:flex;gap:8px;flex-wrap:wrap}button,select,input{font:inherit}button{min-height:44px;border-radius:11px;border:1px solid #d6d9de;background:white;padding:10px 14px;cursor:pointer}.reset,.miniReset{color:#555}.miniReset{min-height:38px;padding:6px 10px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.tab.active,.primary{background:linear-gradient(90deg,#f08a3c,#d95516);color:#fff;border-color:transparent}.panel{display:none;background:white;border:1px solid var(--border);border-radius:18px;padding:20px}.panel.active{display:block}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionHead h2{margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}label{display:grid;gap:7px;font-weight:650}input,select{width:100%;min-height:48px;border:1px solid #ccd3db;border-radius:10px;padding:10px 12px;background:white}input:focus,select:focus{outline:2px solid #f4b487;outline-offset:1px}.primary{width:100%;font-weight:750}.secondary{margin:8px 0}.result{margin-top:18px;border-radius:15px;background:#f6f8fa;padding:16px;line-height:1.65;min-height:20px}.resultGrid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:20px;align-items:center}.big{font-size:clamp(1.45rem,4vw,2rem);font-weight:850}.stat{margin:5px 0}.muted,.tip{color:var(--muted);font-size:.92rem}.donutWrap{display:grid;place-items:center;gap:10px}.donut{--a:50;--c1:#e86f19;--c2:#386fd4;width:min(210px,70vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--c1) calc(var(--a)*1%),var(--c2) 0);position:relative}.donut:after{content:"";position:absolute;inset:25%;background:#f6f8fa;border-radius:50%}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:.9rem}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.dot.a{background:#e86f19}.dot.b{background:#386fd4}.rangeField{min-width:0}.range{appearance:none;height:6px;min-height:6px;padding:0;border:0;border-radius:99px;background:#dce3eb;margin-top:12px}.range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid white;box-shadow:0 0 0 1px #c9cfd6}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid white}.rangeEnds{display:flex;justify-content:space-between;color:#7a8592;font-size:.78rem;margin-top:4px}details{margin-top:18px;border-top:1px solid #e4e6e9;padding-top:14px}summary{cursor:pointer;font-weight:750}footer{padding:24px 4px;color:var(--muted);font-size:.85rem}@media(max-width:680px){.tabs{grid-template-columns:repeat(2,1fr)}.grid,.resultGrid{grid-template-columns:1fr}.wrap{padding:12px}.panel{padding:14px}header{align-items:flex-start;flex-direction:column}.headActions{width:100%}.headActions button{flex:1}.donut{width:min(190px,62vw)}}

.realReturnBox{margin-top:16px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:#fff}.realReturn{font-size:1.55rem;font-weight:800;margin:5px 0}.realReturn.positive{color:#137333}.realReturn.negative{color:#b3261e}.realReturnBox small{display:block;line-height:1.5}

.infoChips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.infoBtn{min-height:38px;padding:7px 10px;border-radius:999px;background:#fff7f1;border:1px solid #f0c7aa;color:#713b17;font-size:.88rem}.inlineInfo{display:inline-grid;place-items:center;min-height:26px;width:26px;height:26px;padding:0;border-radius:50%;font-weight:800;color:#8b4818;background:#fff7f1;border:1px solid #f0c7aa;vertical-align:middle}.infoModal[hidden]{display:none}.infoModal{position:fixed;inset:0;z-index:9999;background:rgba(18,25,33,.48);display:grid;place-items:center;padding:18px}.infoCard{position:relative;width:min(460px,100%);background:#fff;border-radius:16px;padding:20px 48px 20px 20px;box-shadow:0 16px 48px rgba(0,0,0,.18)}.infoCard h3{margin:0 0 8px;font-size:1.2rem}.infoCard p{margin:0;line-height:1.65;color:#44505e}.infoClose{position:absolute;right:10px;top:10px;width:38px;min-height:38px;padding:0;border-radius:50%;font-size:1.4rem}@media(max-width:680px){.infoBtn{font-size:.82rem}.infoCard{padding:18px 46px 18px 18px}}