.shrinkage-calculator .container{max-width:640px;margin:0 auto}.shrinkage-calculator .controls-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.shrinkage-calculator .field-group{flex-direction:column;gap:6px;display:flex}.shrinkage-calculator .option-toggle{color:var(--color-text);cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;padding-left:12px;font-size:14px;display:flex}.shrinkage-calculator .option-toggle.collapsed{margin-bottom:0}.shrinkage-calculator .stage-inputs{flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-top:10px;display:flex}.shrinkage-calculator .stage-field{flex-direction:column;flex:140px;gap:4px;min-width:120px;display:flex}.shrinkage-calculator .derived-value{border:1px solid var(--color-border);background:var(--color-border);color:var(--color-text);border-radius:8px;align-items:center;width:100%;padding:10px 12px;font-size:16px;display:flex}.shrinkage-calculator .stage-warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-radius:8px;flex-basis:100%;margin-top:2px;padding:8px 12px;font-size:13px}.shrinkage-calculator .section{margin-bottom:20px}.shrinkage-calculator .mode-row{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.shrinkage-calculator .section-label{align-items:center;min-height:24px;margin-bottom:8px;display:flex}.shrinkage-calculator .section-title{align-items:center;margin-top:20px;display:flex}.shrinkage-calculator .dimensions-row{flex-wrap:wrap;gap:12px;display:flex}.shrinkage-calculator .dimension-field{flex-direction:column;flex:120px;gap:6px;min-width:0;display:flex}.shrinkage-calculator .dimension-label{color:var(--color-muted);font-size:13px}.shrinkage-calculator .dimension-input-wrap{align-items:center;display:flex;position:relative}.shrinkage-calculator .dimension-input{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:8px;width:100%;padding:10px 36px 10px 12px;font-size:16px}.shrinkage-calculator .dimension-input.pulsing{animation:.4s ease-out shrinkage-calc-pulse}.shrinkage-calculator .dimension-unit{color:var(--color-muted);pointer-events:none;font-size:13px;position:absolute;right:12px}.shrinkage-calculator .results-header{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:10px;font-size:11px;font-weight:600}.shrinkage-calculator .results-header.inline{margin-bottom:0}.shrinkage-calculator .results-grid{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.shrinkage-calculator .results-grid.no-volume{margin-bottom:0}.shrinkage-calculator .result-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;flex:120px;gap:4px;min-width:0;padding:14px 16px;display:flex}.shrinkage-calculator .result-label{color:var(--color-muted);font-size:12px}.shrinkage-calculator .result-value-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.shrinkage-calculator .result-value{color:var(--color-accent);font-size:18px;font-weight:600;line-height:1.3}.shrinkage-calculator .result-value.empty{color:var(--color-muted);font-weight:400}.shrinkage-calculator .result-unit{color:var(--color-muted);font-size:14px}.shrinkage-calculator .result-delta{color:var(--color-accent);font-size:13px}.shrinkage-calculator .volume-section{border-top:1px solid var(--color-border);grid-template-columns:1fr auto;align-items:center;padding:14px 0 0;display:grid}.shrinkage-calculator .volume-value{color:var(--color-accent);font-size:18px;font-weight:600}.shrinkage-calculator .volume-body{color:var(--color-muted);grid-column:1/-1;margin-top:8px;font-size:13px;line-height:1.6}.shrinkage-calculator .timeline-stage{flex-direction:column;display:flex}.shrinkage-calculator .timeline-arrow{align-items:center;gap:8px;padding:4px 0 4px 18px;display:flex}.shrinkage-calculator .timeline-arrow:before{content:"";background:var(--color-border);border-radius:1px;width:2px;height:18px}.shrinkage-calculator .arrow-percent{color:var(--color-accent);font-size:11px;font-weight:600}.shrinkage-calculator .timeline-card{background:var(--color-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 16px;display:flex}.shrinkage-calculator .timeline-card.endpoint{background:var(--color-accent);color:var(--color-accent-text)}.shrinkage-calculator .timeline-label{width:100%;font-size:12px;font-weight:600}.shrinkage-calculator .timeline-dimension{align-items:baseline;gap:4px;display:flex}.shrinkage-calculator .timeline-dimension-label{color:var(--color-muted);font-size:11px}.shrinkage-calculator .timeline-dimension-label.endpoint{color:var(--color-accent-text-muted)}.shrinkage-calculator .timeline-dimension-value{font-size:13px}.shrinkage-calculator :is(.input,.dimension-input,.derived-value,.result-value,.result-unit,.result-delta,.volume-value,.arrow-percent,.timeline-label,.timeline-dimension-value){font-family:var(--font-mono)}.shrinkage-calculator :is(.derived-value,.dimension-input){min-height:44px}@media (width<=580px){.shrinkage-calculator .controls-row,.shrinkage-calculator .mode-row{grid-template-columns:1fr}}@keyframes shrinkage-calc-pulse{0%{background-color:var(--color-accent-soft)}to{background-color:var(--color-card)}}.tooltip{align-items:center;display:inline-flex;position:relative}.tooltip .tooltip-button{border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex}@media (hover:hover){.tooltip .tooltip-button:hover:not(.open){border-color:var(--color-accent);background:color-mix(in srgb, var(--color-card) 85%, var(--color-accent));color:var(--color-text)}}.tooltip .tooltip-button:active:not(.open){border-color:var(--color-accent);background:color-mix(in srgb, var(--color-card) 70%, var(--color-accent));color:var(--color-text)}.tooltip .tooltip-button.open{background:var(--color-accent);color:var(--color-accent-text)}@media (hover:hover){.tooltip .tooltip-button.open:hover{background:color-mix(in srgb, var(--color-accent) 85%, white)}}.tooltip .tooltip-button.open:active{background:color-mix(in srgb, var(--color-accent) 85%, black)}.tooltip-portal{display:contents}.tooltip-bubble{background:var(--color-tooltip-bg);width:260px;color:var(--color-accent-text);z-index:10000;text-transform:none;letter-spacing:normal;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6;box-shadow:0 6px 24px #0003}