*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Menlo", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--transition: .18s ease}[data-theme=light]{--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-border: #e2e8f0;--color-border-focus: #3b82f6;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-tag-bg: #dbeafe;--color-tag-text: #1e40af;--color-chart-contributed: #3b82f6;--color-chart-growth: #22c55e;--color-chart-grid: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04)}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #162032;--color-border: #334155;--color-border-focus: #60a5fa;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-text: #0f172a;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-tag-bg: #1e3a5f;--color-tag-text: #93c5fd;--color-chart-contributed: #60a5fa;--color-chart-growth: #4ade80;--color-chart-grid: #334155;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.4)}html{font-family:var(--font-body);font-size:16px}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;display:grid;grid-template-rows:auto auto 1fr;transition:background var(--transition),color var(--transition)}.back-link{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);text-decoration:none;letter-spacing:.04em;white-space:nowrap;transition:color var(--transition)}.back-link:hover{color:var(--color-primary)}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.header-inner{max-width:1280px;margin:0 auto;padding:var(--space-sm) var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.app-title{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);white-space:nowrap}.header-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dropdown-wrapper{position:relative}.btn-control{position:relative;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.375rem .75rem;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background var(--transition),border-color var(--transition);white-space:nowrap}.btn-control:hover{background:var(--color-border)}.btn-control:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.caret{font-size:.65rem;opacity:.7}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:100%;z-index:100;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--color-surface-2)}.dropdown-item--active{color:var(--color-primary);font-weight:600}.tab-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;max-width:1280px;margin:0 auto;width:100%;padding:0 var(--space-xl)}.tab-btn{padding:.75rem var(--space-lg);background:none;border:none;border-bottom:3px solid transparent;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition);margin-bottom:-1px}.tab-btn:hover{color:var(--color-text)}.tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.app-main{max-width:1280px;margin:0 auto;width:100%;padding:var(--space-xl)}.calculator-section{display:grid;grid-template-columns:360px 1fr;gap:var(--space-xl);align-items:start}.inputs-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);position:sticky;top:calc(56px + var(--space-md))}.inputs-panel h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.field-group{margin-bottom:var(--space-md)}.field-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.input-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-xs);align-items:center}.input-row input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--color-primary);cursor:pointer;height:4px;margin-bottom:2px}.input-row input[type=number],.input-row select,.field-group select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .5rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);width:90px;text-align:right;transition:border-color var(--transition)}.input-row input[type=number]:focus,.field-group select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border-focus) 20%,transparent)}.field-group select{width:100%;text-align:left;font-family:var(--font-body)}.unit{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;width:20px;text-align:right}.field-info-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm);padding:0 .2rem;line-height:1;vertical-align:middle;transition:color var(--transition);margin-left:.15rem}.field-info-btn:hover,.field-info-btn:focus-visible{color:var(--color-primary)}.field-info-btn:focus-visible{outline:2px solid var(--color-border-focus);border-radius:2px}.field-tooltip{position:fixed;z-index:300;max-width:260px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:var(--text-xs);line-height:1.5;color:var(--color-text);box-shadow:var(--shadow-md);pointer-events:none}.results-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.result-card--primary{border-color:var(--color-primary);border-width:2px}.result-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:.4rem 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.result-row:last-child{border-bottom:none}.result-row--highlight{font-weight:600;font-size:var(--text-base)}.result-row--total{font-weight:600;border-top:2px solid var(--color-border);margin-top:var(--space-xs)}.result-value{font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap}.result-row--highlight .result-value{font-size:var(--text-lg)}.result-value--muted{color:var(--color-text-muted)}.result-value--positive{color:var(--color-success)}.result-value--negative{color:var(--color-danger)}.result-value--tax{color:var(--color-warning)}.result-note{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.result-card--loss .result-card h3:after{content:" ⚠";color:var(--color-warning)}.chart-container{width:100%;min-height:260px;position:relative}.chart-container svg{width:100%;height:auto;display:block}.chart-tooltip{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:var(--text-xs);font-family:var(--font-body);pointer-events:none;z-index:200;box-shadow:var(--shadow-md);line-height:1.6;color:var(--color-text)}.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted);font-size:var(--text-sm)}.share-row{display:flex;align-items:center;gap:var(--space-sm)}.btn-share{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-share:hover{background:var(--color-surface-2);border-color:var(--color-primary)}.btn-share:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.share-feedback{font-size:var(--text-sm);color:var(--color-success);font-weight:500}@media (max-width: 900px){.calculator-section{grid-template-columns:1fr}.inputs-panel{position:static}}@media (max-width: 600px){.header-inner{padding:var(--space-sm) var(--space-md)}.app-title{font-size:var(--text-lg)}.app-main{padding:var(--space-md)}.tab-nav{padding:0 var(--space-md)}.tab-btn{padding:.75rem var(--space-md)}}@media print{.app-header,.tab-nav,.header-controls,.input-row input[type=range],.btn-share,.share-row{display:none!important}.calculator-section{grid-template-columns:1fr}.inputs-panel{position:static;box-shadow:none;border:1px solid #ccc}.result-card{box-shadow:none;page-break-inside:avoid}body{background:#fff;color:#000}}