:root{--bg:#f5f7f4;--surface:#fff;--surface-soft:#edf4f0;--text:#17211d;--muted:#66756f;--line:#d9e3de;--green:#13775d;--green-dark:#0f4f42;--blue:#285f9e;--amber:#b7791f;--red:#b43f36;--shadow:0 20px 55px #17211d14}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffeb,#edf6f1eb),radial-gradient(circle at 85% 15%,#b7791f24,#0000 34%);border-radius:8px;grid-template-columns:1.45fr 1fr;align-items:stretch;gap:24px;padding:30px;display:grid}.brandLogo{color:var(--green-dark);align-items:center;gap:9px;margin:0 0 12px;display:inline-flex}.logoMark{width:30px;height:30px;display:block;box-shadow:0 8px 18px #13775d2e}.brandText{letter-spacing:0;font-size:15px;font-weight:900}.heroTitle{letter-spacing:0;margin:0;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.08}.lead{color:var(--muted);max-width:680px;margin:14px 0 0;font-size:17px;line-height:1.8}.heroStats,.metricGrid,.shareStats{gap:12px;display:grid}.heroStats{grid-template-columns:1fr}.metric{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;padding:18px}.metric span,.chartInspector span,.shareCard span{color:var(--muted);font-size:13px;font-weight:700;display:block}.metric strong,.chartInspector strong{margin-top:7px;font-size:24px;line-height:1.25;display:block}.tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);z-index:5;background:#f5f7f4f0;border-radius:8px;gap:8px;margin:18px 0;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto}.tab{color:var(--muted);background:0 0;border:0;border-radius:6px;min-width:112px;min-height:42px;padding:9px 14px;font-weight:800}.tab.active{background:var(--text);color:#fff}.panel{animation:.18s ease-out lift}@keyframes lift{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sectionHeading{margin:28px 0 16px}.sectionHeading h2,.chartHeading h3{letter-spacing:0;margin:0;font-size:24px}.sectionHeading p,.chartHeading span,.notice p{color:var(--muted);margin:8px 0 0;line-height:1.7}.headingRow,.inputHeader{justify-content:space-between;align-items:end;gap:18px;display:flex}.inputActions{align-items:center;gap:10px;margin-bottom:16px;display:flex}.saveButtonGroup{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.saveMessage{color:var(--green);white-space:nowrap;font-size:13px;font-weight:800}.formGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.rangeGrid{grid-template-columns:repeat(2,minmax(180px,240px));gap:12px;margin-bottom:14px;display:grid}.detailToggle{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:13px 16px;display:inline-flex}.detailToggle input{width:20px;min-height:20px}.detailToggle span{font-weight:800}.embeddedDetail{border-top:1px solid var(--line);margin-top:22px;padding-top:2px}.emptyState{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:8px;margin:0 0 14px;padding:14px 16px;font-weight:700}.field{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:8px;padding:14px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:800}.fieldLabel{align-items:center;gap:6px;display:inline-flex;position:relative}.helpButton{background:var(--surface-soft);border:1px solid var(--line);color:var(--green);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:11px;font-weight:900;line-height:1;display:inline-flex;position:relative}.helpButton .helpPopover{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);pointer-events:none;text-align:left;white-space:normal;z-index:20;border-radius:8px;width:min(320px,100vw - 24px);padding:10px 12px;font-size:12px;font-weight:700;line-height:1.6;position:fixed}input:not([type=checkbox]){appearance:none;color:var(--text);background:#fff;border:1px solid #c9d8d2;border-radius:6px;width:100%;min-width:0;height:42px;padding:8px 10px;line-height:1.2;display:block}input:not([type=checkbox]):focus{border-color:var(--green);outline:3px solid #13775d29}.dateInput{min-height:42px}.dateInput::-webkit-date-and-time-value{text-align:left;min-height:20px}.dateInput::-webkit-calendar-picker-indicator{margin:0}.inputWithSuffix{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.inputWithSuffix em{color:var(--muted);font-style:normal;font-weight:800}.chartCard,.notice{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.primaryButton,.secondaryButton,.iconButton{border-radius:6px;min-height:42px;font-weight:800}.primaryButton{background:var(--green);border:1px solid var(--green);color:#fff;padding:9px 16px}.secondaryButton{border:1px solid var(--line);color:var(--green-dark);background:#fff;padding:9px 14px}.iconButton{border:1px solid var(--line);color:var(--red);background:#fff;width:42px}.detailTableWrap,.tableWrap{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--line);text-align:right;padding:12px;font-size:14px}th{background:var(--surface-soft);color:var(--muted);z-index:1;font-size:12px;position:sticky;top:0}.tableHeaderHelp{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}th:first-child,td:first-child,th:last-child,td:last-child{text-align:left}.detailTable input{text-align:right;min-width:132px}.detailTable th:last-child,.detailTable td:last-child{text-align:right}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.chartGrid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;display:grid}.chartCard{padding:18px}.chartHeading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.chart{width:100%;height:auto;min-height:260px;display:block;overflow:visible}.touchChart{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.chart line{stroke:var(--line)}.chart text{fill:var(--muted);font-size:12px}.mainLine,.compareLine,.principalArea,.cashArea{fill:none;pointer-events:none}.mainLine,.compareLine{stroke-linecap:round;stroke-linejoin:round}.principalArea{fill:#2e7d602e}.cashArea{fill:#3f77ac2e}.mainLine{stroke:var(--green);stroke-width:4px}.compareLine{stroke:#525d596b;stroke-dasharray:7 7;stroke-width:2.5px}.hoverBand,.chartTouchLayer{fill:#0000;pointer-events:all}.activeGuide{pointer-events:none;stroke:#21302a52;stroke-dasharray:5 5;stroke-width:1.5px}.chartLegend{pointer-events:none}.legendCompareLine{stroke:#525d598f;stroke-dasharray:6 6;stroke-linecap:round;stroke-width:2.5px}.legendTotal{fill:var(--green)}.legendCash{fill:#3f77acd1}.legendPrincipal{fill:#2e7d60d1}.chartPoint{fill:#fff;stroke:var(--green);stroke-width:2px;transition:r .12s,fill .12s}.activePoint{fill:var(--green)}.gainBar{fill:var(--blue)}.lossBar{fill:var(--red)}.activeBar{filter:brightness(.82);outline:2px solid var(--text)}.chartInspector{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.compactInspector{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chartInspector strong{font-size:17px}.positive{color:var(--green);font-weight:800}.negative{color:var(--red);font-weight:800}.tableWrap{margin-top:18px}.shareLayout{grid-template-columns:1fr 360px;align-items:start;gap:18px;display:grid}.shareActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:-4px 0 14px;display:flex}.shareCard{box-shadow:var(--shadow);color:#fff;background:linear-gradient(145deg,#16382f 0%,#1d5d59 58%,#e9b75f 100%);border-radius:8px;min-height:440px;padding:34px}.shareCard p{opacity:.86;margin:0;font-weight:800}.shareCard h2{letter-spacing:0;margin:38px 0;font-size:clamp(30px,5vw,56px);line-height:1.14}.shareStats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.shareStats .metric{background:#ffffff24;border-color:#ffffff47}.shareStats .metric span,.shareCard span{color:#ffffffc7}.notice,.urlShareSection{padding:18px}.notice h3,.urlShareSection h3{margin:0}.urlShareSection{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.urlShareSection p{color:var(--muted);margin:8px 0 0;line-height:1.7}.urlShareActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.shareQrCode{border:1px solid var(--line);background:#fff;border-radius:8px;width:128px;height:128px;padding:8px}.seoContent{border-top:1px solid var(--line);margin-top:44px;padding-top:36px}.seoIntro{max-width:820px}.seoKicker{color:var(--green);letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:900}.seoIntro h2,.faqBlock h2{letter-spacing:0;margin:0;font-size:28px;line-height:1.35}.seoIntro p,.seoGrid p,.faqList p{color:var(--muted);line-height:1.8}.seoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.seoGrid article,.faqList details{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:18px}.seoGrid h3{letter-spacing:0;margin:0 0 8px;font-size:18px}.seoGrid p,.faqList p{margin:0}.faqBlock{margin-top:30px}.faqList{gap:10px;margin-top:14px;display:grid}.faqList summary{cursor:pointer;font-weight:850;line-height:1.5}.faqList details[open] summary{margin-bottom:10px}.siteFooter{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1.5fr auto;align-items:center;gap:16px;margin-top:34px;padding:24px 0 0;display:grid}.siteFooter strong{color:var(--text);margin-bottom:6px;font-size:16px;display:block}.siteFooter p,.siteFooter small{margin:0;line-height:1.7}.siteFooter nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.siteFooter a{color:var(--green-dark);align-items:center;min-height:28px;font-size:13px;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.siteFooter small{grid-column:1/-1}@media (max-width:920px){.hero,.chartGrid,.shareLayout,.seoGrid{grid-template-columns:1fr}.formGrid,.rangeGrid,.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.headingRow{flex-direction:column;align-items:stretch}.inputHeader{flex-direction:column;align-items:stretch;gap:0}.inputActions{justify-content:flex-end;margin:0 0 16px}.siteFooter{grid-template-columns:1fr;align-items:start}.siteFooter nav{justify-content:flex-start}}@media (max-width:560px){.shell{width:min(100% - 20px,1180px);padding-top:12px}.hero{padding:20px}.formGrid,.rangeGrid,.metricGrid,.chartInspector,.compactInspector,.shareStats{grid-template-columns:1fr}.tabs{margin:10px 0}.tab{min-width:96px}.shareCard{min-height:500px;padding:24px}.shareActions,.urlShareSection,.urlShareActions{flex-direction:column;align-items:stretch}.shareQrCode{align-self:center}.inputActions{flex-direction:column-reverse;align-items:stretch}.saveButtonGroup{justify-content:flex-end}}