:root{color-scheme:light;--bg: #817878;--shell: #f0eee4;--surface: #fbfaf4;--surface-subtle: #f3f1e8;--surface-muted: #dfdbce;--display: #151414;--display-text: #fffaf0;--display-muted: #bcb6aa;--border: #bbb4a5;--border-strong: #8d8577;--text: #191917;--muted: #625f59;--muted-strong: #3d3a35;--accent: #93c6e8;--accent-strong: #3b82b6;--accent-ink: #17324a;--danger: #b42318;--focus: rgba(147, 198, 232, .46);--radius: 18px;--control-radius: 10px;--shadow-shell: 0 36px 70px rgba(34, 30, 28, .28), 0 16px 30px rgba(34, 30, 28, .18), inset 0 1px 0 rgba(255, 255, 255, .82), inset 0 -2px 4px rgba(97, 87, 76, .12);--shadow-raised: 0 7px 14px rgba(43, 39, 35, .14), 0 2px 4px rgba(43, 39, 35, .16), inset 0 1px 0 rgba(255, 255, 255, .88);--shadow-inset: inset 0 2px 5px rgba(48, 43, 36, .24), inset 0 -1px 0 rgba(255, 255, 255, .72);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(236,231,220,.38),transparent 36rem),radial-gradient(circle at 18% 12%,rgba(160,145,148,.38),transparent 32rem),linear-gradient(135deg,#8a8080,#6f6665 48%,#5d5655)}button,input,select{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.appShell{width:min(1460px,100%);margin:0 auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid rgba(255,253,242,.42);border-bottom-color:#5d554b6b;border-radius:var(--radius);background:linear-gradient(180deg,#fffdf4e6,#e8e4d8eb),var(--shell);box-shadow:var(--shadow-shell)}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:.72rem;font-weight:720;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:1.55rem;line-height:1.16;font-weight:720}h2{font-size:.98rem;line-height:1.3;font-weight:720}h3{font-size:.79rem;font-weight:720;color:var(--muted-strong);text-transform:uppercase}.topActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;flex-wrap:wrap}.currencySelect{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:var(--control-radius);background:linear-gradient(180deg,#fffdf4,#e8e4d8);color:var(--muted);font-size:.82rem;box-shadow:var(--shadow-raised)}.currencySelect select{border:0;background:transparent;color:var(--text);font-weight:680}.primaryButton,.secondaryButton{width:auto;min-width:0;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 14px;border-radius:var(--control-radius);font-size:.84rem;font-weight:720;line-height:1;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-raised);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.primaryButton{color:var(--display-text);background:linear-gradient(180deg,#497795fa,#2b5674fa),var(--accent-strong);border:1px solid #2d6388;text-shadow:0 1px 0 rgba(0,0,0,.28)}.primaryButton:hover{background:linear-gradient(180deg,#5285a6fa,#2f5f81fa),var(--accent-strong)}.secondaryButton{color:var(--text);background:linear-gradient(180deg,#fffdf4,#e6e2d5);border:1px solid var(--border);border-bottom-color:var(--border-strong)}.secondaryButton:hover{border-color:var(--border-strong);background:linear-gradient(180deg,#fff,#ebe7da)}.primaryButton:active,.secondaryButton:active,.infoButton:active,.popoverClose:active,.textButton:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #302b2438,0 1px 1px #2b272329}.validationBar{margin-top:14px;padding:11px 13px;border:1px solid rgba(180,35,24,.28);border-radius:12px;color:var(--danger);background:linear-gradient(180deg,#fff7f3,#f6e1dc);font-size:.88rem;box-shadow:var(--shadow-raised)}.workspace{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:18px;align-items:start;padding-top:18px}.inputPanel,.resultsPanel,.sectionBlock,.chartBlock{border:1px solid rgba(255,253,242,.44);border-bottom-color:#5d554b85;border-radius:var(--radius);background:linear-gradient(180deg,#fffdf4e6,#e5e1d3eb),var(--shell);box-shadow:var(--shadow-shell)}.inputPanel{position:sticky;top:18px;overflow:visible}.resultsPanel{position:relative;min-width:0;overflow:hidden}.resultsPanel:after{content:"";position:absolute;right:18px;bottom:12px;left:18px;height:18px;border-radius:50%;background:#2a25212e;filter:blur(16px);pointer-events:none}.panelHeader,.inputSection,.resultHero,.chartBlock,.sectionBlock{padding:16px}.panelHeader{border-bottom:1px solid rgba(141,133,119,.35)}.guideCard{display:block;margin:12px 16px 0;padding:13px;border:1px solid rgba(141,133,119,.42);border-radius:13px;background:linear-gradient(180deg,#fffdf4c7,#dfdbcecc),var(--surface-subtle);box-shadow:var(--shadow-inset)}.guideHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.guideHeader>div{min-width:0}.guideHeader p{color:var(--muted);font-size:.84rem}.textButton{height:28px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(141,133,119,.45);border-radius:999px;background:linear-gradient(180deg,#fffdf4,#e8e4d8);color:var(--text);font-size:.78rem;font-weight:720;cursor:pointer;box-shadow:var(--shadow-raised)}.textButton:hover{color:var(--accent-ink)}.guideSteps{display:grid;gap:7px;margin:12px 0 0;padding-left:18px;color:var(--muted-strong);font-size:.84rem}.panelHeader p,.sectionHeader p,.resultHero p{color:var(--muted);font-size:.86rem}.inputSection+.inputSection{border-top:1px solid rgba(141,133,119,.35)}.inputSection h3{margin-bottom:12px}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:7px;min-width:0;position:relative}.fieldTop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;min-height:22px}.fieldLabelGroup{min-width:0;max-width:100%;display:inline-flex;align-items:baseline;gap:7px;row-gap:0;flex-wrap:wrap;overflow:hidden}.fieldLabel{flex:0 1 auto;min-width:0;color:var(--muted-strong);font-size:.82rem;font-weight:670;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fieldHelp{flex:0 0 auto;min-width:0;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infoButton{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:50%;background:linear-gradient(180deg,#fffdf4,#e1ddcf);color:var(--muted);font-size:.72rem;font-weight:780;line-height:1;cursor:pointer;box-shadow:var(--shadow-raised)}.infoButton:hover,.infoButton.isActive{border-color:#3b82b6a6;color:var(--accent-ink);background:linear-gradient(180deg,#f8fbfd,#d9ecf8)}.fieldPopover{position:absolute;z-index:20;top:30px;right:0;width:min(330px,calc(100vw - 56px));display:grid;gap:9px;padding:12px;border:1px solid #4d4942;border-radius:12px;color:var(--display-text);background:linear-gradient(180deg,#2b2825fa,#141312fa),var(--display);box-shadow:0 18px 34px #19151252,0 4px 10px #19151238,inset 0 1px #ffffff1a}.popoverArrow{position:absolute;top:-6px;right:10px;width:11px;height:11px;border-left:1px solid #4d4942;border-top:1px solid #4d4942;background:#2b2825;transform:rotate(45deg)}.popoverHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.popoverHeader strong{color:var(--display-text);font-size:.88rem}.popoverClose{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,253,242,.14);border-radius:50%;background:#fffdf20f;color:var(--display-muted);cursor:pointer;font-size:1rem;line-height:1}.popoverClose:hover{background:#fffdf21f;color:var(--display-text)}.fieldPopover p{color:#ebe6db;font-size:.84rem}.fieldPopover small{color:var(--display-muted);font-size:.79rem}.inputShell{width:100%;min-width:0;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--border);border-top-color:var(--border-strong);border-radius:12px;background:linear-gradient(180deg,#e2ded2d1,#fffdf4fa),var(--surface);box-shadow:var(--shadow-inset)}.field.isInvalid .inputShell{border-color:#b423189e}.inputShell input{width:100%;min-width:0;border:0;padding:9px 0 9px 12px;background:transparent;color:var(--text);font-variant-numeric:tabular-nums}.inputShell input::selection{color:var(--display-text);background:var(--accent-strong)}.inputSuffix{min-width:34px;padding:0 11px 0 8px;color:var(--muted);font-size:.78rem;text-align:right;white-space:nowrap}.resultHero{position:relative;display:flex;justify-content:space-between;gap:16px;margin:16px;border:1px solid #26231f;border-radius:16px;color:var(--display-text);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(255,253,242,.08),transparent 65%),linear-gradient(180deg,#252220,#141313);background-size:100% 18px,18px 100%,auto,auto;box-shadow:inset 0 3px 7px #0000008f,inset 0 -1px #fffdf214,0 1px #fffdf285}.resultHero .eyebrow,.resultHero p{color:var(--display-muted)}.resultHero .secondaryButton{align-self:flex-start;color:#f8f4ea;background:linear-gradient(180deg,#3a3632,#191817);border-color:#4b4640;border-bottom-color:#0e0d0c;box-shadow:0 6px 12px #00000047,inset 0 1px #ffffff24}.heroValue{margin:4px 0 6px;color:var(--display-text);font-family:SFMono-Regular,Roboto Mono,Cascadia Mono,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(2.05rem,5vw,4.9rem);line-height:1.02;font-weight:760;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,253,242,.18),0 10px 22px rgba(147,198,232,.12)}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 16px 16px;padding:11px;border:1px solid #25221f;border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(255,253,242,.07),transparent 62%),linear-gradient(180deg,#1f1d1b,#121110);box-shadow:inset 0 3px 8px #0000008a,0 1px #fffdf285}.metricTile{min-height:96px;display:grid;gap:8px;align-content:center;padding:14px;border:1px solid rgba(255,253,242,.1);border-radius:11px;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(180deg,#fffdf20b,#fffdf204);background-size:100% 16px,auto;box-shadow:inset 0 1px #fffdf214,inset 0 -2px 6px #00000042}.metricTile span,.scenarioTile span{color:var(--display-muted);font-size:.75rem;font-weight:680}.metricTile strong,.scenarioTile strong{color:var(--display-text);font-family:SFMono-Regular,Roboto Mono,Cascadia Mono,ui-monospace,Menlo,Consolas,monospace;font-size:1.17rem;line-height:1.2;font-weight:740;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionHeader span{color:var(--muted);font-size:.82rem;font-weight:700;white-space:nowrap}.chartBlock{margin:0 16px 16px}.cashChart{display:block;width:100%;height:auto;border:1px solid #272420;border-radius:14px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(180deg,#211f1d,#11100f);background-size:32px 32px,32px 32px,auto;box-shadow:inset 0 3px 8px #00000080,0 1px #fffdf285}.axisLine{stroke:#fffdf23d;stroke-width:1}.cashPath{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(147,198,232,.22))}.cashDot{fill:var(--accent);stroke:var(--display);stroke-width:2}.chartLegend{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:.78rem}.splitGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:0 16px 16px;position:relative;z-index:1}.scenarioGrid{display:grid;gap:10px}.scenarioTile{display:grid;gap:7px;padding:12px;border:1px solid #282521;border-radius:12px;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(180deg,#23211f,#151413);background-size:100% 16px,auto;box-shadow:inset 0 2px 5px #0000006b,0 1px #fffdf26b}.scenarioTile div{display:flex;justify-content:space-between;gap:10px}.scenarioTile p{color:var(--display-muted);font-size:.82rem}.roleBars{display:grid;gap:12px}.roleRow{display:grid;gap:8px}.roleText{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.roleText strong{color:var(--text)}.roleTrack{height:12px;overflow:hidden;border:1px solid rgba(141,133,119,.48);border-radius:999px;background:linear-gradient(180deg,#655e5357,#fffdf2b8),var(--surface-muted);box-shadow:var(--shadow-inset)}.roleTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#ffffff73,#ffffff05),linear-gradient(90deg,var(--accent-strong),var(--accent))}@media(max-width:1100px){.workspace,.splitGrid{grid-template-columns:1fr}.inputPanel{position:static}}@media(max-width:760px){.appShell{padding:16px}.topbar,.resultHero{align-items:stretch;flex-direction:column}.topActions{width:100%;justify-content:flex-start}.fieldGrid,.metricGrid{grid-template-columns:1fr}.guideSteps{padding-left:20px}.resultHero .secondaryButton{align-self:flex-start}.heroValue{font-size:2.1rem}}@media(max-width:460px){.appShell{padding:12px}.workspace{padding-top:12px}.topActions>*,.primaryButton,.secondaryButton,.currencySelect{width:100%}.resultHero,.metricGrid,.chartBlock{margin-right:12px;margin-left:12px}.splitGrid{padding-right:12px;padding-left:12px}.roleText,.scenarioTile div{flex-direction:column}.fieldPopover{width:min(320px,calc(100vw - 48px))}}
