:root{--bg: #181c20;--surface: #1f2428;--surface-2: #262c32;--border: #2e3640;--border-2: #3a4450;--text: #f0f2f4;--text-dim: #828c95;--text-ghost: #243040;--green: #2cd660;--green-bg: #091509;--blue: #4f8fe0;--amber: #e09030;--red: #e05050;--red-bg: #180a0a;--ui-accent: #3a7fd4;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-data: "Fira Code", "Courier New", monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s var(--ease);--t-base: .2s var(--ease)}[data-theme=light]{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #edf0f2;--border: #dde1e5;--border-2: #bec5cc;--text: #1a1e22;--text-dim: #6a7880;--text-ghost: #c0cad2;--green: #1a9e40;--green-bg: #e8f8ee;--blue: #2c6dbf;--amber: #b86e10;--red: #c83030;--red-bg: #fdeaea;--ui-accent: #2c6dbf}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:21px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:800px;margin:0 auto;padding:56px 28px 80px}.data{font-family:var(--font-data)}.label{font-family:var(--font-data);font-size:15px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.section{border-top:1px solid var(--border);padding-top:32px;margin-top:32px}.chip-remove{background:none;border:none;cursor:pointer;color:var(--border-2);font-size:24px;line-height:1;padding:0;display:flex;align-items:center;transition:color var(--t-fast)}.chip-remove:hover{color:var(--red)}.btn-add{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius);border:1px dashed var(--border-2);background:none;color:var(--text-dim);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.btn-add:hover{color:var(--text);border-color:var(--border-2)}.dropdown{position:absolute;top:calc(100% + 6px);left:0;width:300px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff08;z-index:50}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--t-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-2)}.dropdown-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-2);color:var(--text);padding:10px 14px;font-size:16px;font-family:var(--font-ui);outline:none}.dropdown-input::placeholder{color:var(--text-dim)}.cards-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.result-card{flex:1 1 148px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;container-type:inline-size;transition:border-color var(--t-base),box-shadow var(--t-base)}.result-value{font-size:clamp(28px,10cqw,42px)}.result-card:hover{box-shadow:0 0 0 1px var(--border-2)}@media (max-width: 639px){.cards-row{flex-direction:column}.result-card{flex:none;width:100%}}.pill{display:inline-block;width:100px;text-align:center;padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-data);font-size:15px;font-weight:500;border:1px solid;transition:opacity var(--t-fast)}.pill:hover{opacity:.75}.pill-pos{background:var(--green-bg);color:var(--green);border-color:var(--green)}.pill-neg{background:var(--red-bg);color:var(--red);border-color:var(--red)}.headline{font-family:var(--font-ui);font-size:clamp(56px,12vw,96px);font-weight:700;color:var(--text);letter-spacing:-.04em;line-height:1;margin-bottom:32px;text-align:center}.sentence{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sentence-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:clamp(24px,4vw,36px);font-weight:600;color:var(--text-dim);line-height:1.5}.fill-wrap{display:inline-flex;align-items:center;gap:4px}.fill-input{background:none;border:none;border-bottom:2px solid var(--border-2);color:var(--text);font-family:var(--font-data);font-weight:800;font-size:inherit;line-height:1;outline:none;padding:0 2px 4px;text-align:center;min-width:2ch;transition:border-color var(--t-fast)}.fill-input:focus{border-bottom-color:var(--ui-accent)}.fill-affix{font-family:var(--font-data);font-weight:800;font-size:inherit;color:var(--text-dim);line-height:1}.fill-steppers{display:inline-flex;flex-direction:column;margin-left:2px}.stepper{background:none;border:none;color:var(--text-ghost);cursor:pointer;font-size:13.5px;line-height:1.1;padding:1px 3px;transition:color var(--t-fast);display:block;-webkit-user-select:none;user-select:none}.stepper:hover{color:var(--text-dim)}.contrib-toggle{background:none;border:1px dashed var(--border-2);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:500;padding:5px 10px;transition:color var(--t-fast),border-color var(--t-fast);line-height:1.4}.contrib-toggle:hover{color:var(--text);border-color:var(--border-2)}.contrib-remove{background:none;border:none;color:var(--border-2);cursor:pointer;font-size:24px;padding:2px 6px;line-height:1;transition:color var(--t-fast);align-self:center}.contrib-remove:hover{color:var(--red)}.drip-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-dim)}.drip-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-2);background:var(--surface-2);cursor:pointer;flex-shrink:0;transition:border-color var(--t-fast),background var(--t-fast);position:relative}.drip-label input[type=checkbox]:checked{background:var(--border-2);border-color:var(--border-2)}.drip-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.returns-table{width:100%;border-collapse:collapse;font-family:var(--font-data)}.returns-th{font-family:var(--font-data);font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:right;padding:0 16px 12px 0;border-bottom:1px solid var(--border-2)}.returns-th-year{font-size:13px;text-align:left;padding-left:0}.returns-row{transition:background var(--t-fast)}.returns-row:hover{background:var(--surface-2)}.returns-td{padding:8px 16px 8px 0;text-align:right;border-bottom:1px solid var(--border);vertical-align:middle}.returns-td-year{font-size:13px;font-weight:500;color:var(--text-dim);text-align:left;padding-left:0}.returns-row:last-child .returns-td{border-bottom:none}.freq-btn{background:none;border:none;border-bottom:2px solid var(--border-2);color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:inherit;cursor:pointer;padding:0 4px 4px 2px;display:inline-flex;align-items:center;gap:4px;transition:border-color var(--t-fast);outline:none}.freq-btn:focus,.freq-btn.open{border-bottom-color:var(--ui-accent)}.freq-arrow{font-size:.65em;color:var(--text-dim);line-height:1}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-2);color:var(--border-2);font-size:11px;font-family:var(--font-ui);font-weight:700;font-style:normal;line-height:1;cursor:pointer;flex-shrink:0;transition:border-color var(--t-fast),color var(--t-fast);vertical-align:middle;margin-left:4px;-webkit-user-select:none;user-select:none}.info-icon:hover{border-color:var(--text-dim);color:var(--text-dim)}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--radius);border:1px solid var(--border-2);background:none;color:var(--text-dim);font-family:var(--font-ui);font-size:15px;font-weight:500;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.share-btn:hover{color:var(--text);border-color:var(--text-dim)}.share-btn--copied,.share-btn--copied:hover{color:var(--green);border-color:var(--green)}.reset-btn{background:none;border:none;color:var(--text-dim);font-family:var(--font-ui);font-size:14px;cursor:pointer;padding:0;transition:color var(--t-fast)}.reset-btn:hover{color:var(--text)}.theme-toggle{position:fixed;top:16px;right:16px;z-index:100;background:var(--surface);border:1px solid var(--border-2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);box-shadow:0 2px 8px #00000026;transition:color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.theme-toggle:hover{color:var(--text);border-color:var(--border-2);box-shadow:0 4px 16px #0003}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;border:1px dashed var(--border-2);border-radius:var(--radius-lg);margin-bottom:40px}.empty-state-text{color:var(--text-dim);font-size:18px;font-weight:500}.chart-tooltip{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:10px 12px;box-shadow:0 8px 24px #00000080}