.tool-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:var(--space-2xl);padding:0 var(--content-padding);padding-bottom:var(--space-4xl)}.tool-header{width:100%;max-width:var(--max-width);padding-top:var(--space-3xl)}.tool-back{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);text-decoration:none}.tool-back:hover{color:var(--color-text-primary)}.tool-intro{width:100%;max-width:var(--max-width);text-align:center}.breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-bottom:var(--space-sm)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--color-accent-green)}.breadcrumb-sep{color:var(--color-text-secondary)}.tool-title{font-size:24px;font-weight:700;color:var(--color-text-primary)}.tool-description{font-size:14px;color:var(--color-text-secondary);margin-top:4px}.story-section{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;gap:var(--space-lg)}.story-text{font-size:15px;line-height:2.4;color:var(--color-text-secondary)}.inline-select{padding:3px 8px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent-green);cursor:pointer}.inline-select:focus{border-color:var(--color-accent-green);outline:none}.inline-input-wrap{display:inline;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent-green)}.inline-input{width:50px;padding:3px 5px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent-green);text-align:center}.inline-input--sm{width:32px}.inline-input:focus{border-color:var(--color-accent-green);outline:none}.story-insight{padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent-green);font-size:13px;line-height:1.7;color:var(--color-text-secondary)}.story-insight strong{color:var(--color-text-primary)}.mode-toggle{display:flex;flex-direction:column;gap:var(--space-sm)}.mode-label{font-size:13px;color:var(--color-text-secondary)}.mode-options{display:flex;gap:4px;padding:3px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:fit-content}.mode-btn{padding:6px 14px;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all .2s}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.mode-desc{font-size:11px;color:var(--color-text-secondary);font-style:italic}.results-section{width:100%;max-width:var(--max-width);display:flex;flex-direction:column;gap:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle)}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center}.comparison-card{padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative}.comparison-card--prop{background:#eab3080a;border-color:#eab30826}.comparison-card--personal{background:#22c55e0a;border-color:#22c55e26}.comparison-card.winner:after{content:"✓ WINNER";position:absolute;top:-10px;right:var(--space-md);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-sm)}.comparison-card--prop.winner:after{background:#eab308;color:#000}.comparison-card--personal.winner:after{background:#22c55e;color:#000}.comparison-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--color-text-secondary)}.comparison-value{font-family:var(--font-mono);font-size:24px;font-weight:700}.comparison-card--prop .comparison-value{color:#eab308}.comparison-card--personal .comparison-value{color:#22c55e}.comparison-sub{font-size:11px;color:var(--color-text-secondary)}.comparison-vs{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-text-secondary);text-align:center}.result-verdict{font-size:14px;font-weight:500;color:var(--color-text-primary);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;line-height:1.6}.compare-table-wrap{width:100%;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th{padding:8px 12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.compare-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:13px}.compare-table td:first-child{color:var(--color-text-secondary);font-size:12px}.progression-section{display:flex;flex-direction:column;gap:var(--space-sm)}.progression-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--color-text-secondary)}.progression-table-wrap{overflow-x:auto}.progression-table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--font-mono)}.progression-table th{padding:6px 12px;text-align:right;font-size:10px;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.progression-table th:first-child{text-align:left}.progression-table td{padding:6px 12px;text-align:right;color:var(--color-text-primary);font-size:12px}.progression-table td:first-child{text-align:left;color:var(--color-text-secondary)}.progression-table tr:nth-child(2n){background:var(--color-bg-secondary)}.tool-about{width:100%;max-width:var(--max-width)}.tool-about-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.tool-about-text{display:flex;flex-direction:column;gap:var(--space-md)}.tool-about-text p{font-size:14px;line-height:22px;color:var(--color-text-secondary)}.tool-about-text a{color:var(--color-accent-green);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.tool-about-text a:hover{opacity:.7}.tool-about-text strong{color:var(--color-text-primary)}@media(max-width:809px){.comparison-grid{grid-template-columns:1fr}.comparison-vs{padding:var(--space-xs) 0}}