.calculator{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-rule)}.calculator-header{text-align:center;margin-bottom:var(--space-8);flex-direction:column;align-items:center;display:flex}.calculator-icon-badge{border-radius:var(--radius-full);background-color:var(--color-linen);border:1px solid var(--color-rule);width:48px;height:48px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.calculator-icon{color:var(--color-spruce);font-size:1.5rem;display:inline-flex}.calculator-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em}.calculator-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:42ch;margin:0}.calculator-form{gap:var(--space-5);flex-direction:column;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.input-group{flex-direction:column;display:flex}.input-group.full-width{grid-column:span 2}.input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.input-group input{padding:var(--space-3) var(--space-4);background-color:var(--color-linen);border:1px solid var(--color-rule);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input-group input:focus{border-color:var(--color-spruce);box-shadow:var(--focus-ring);outline:none}.input-group input.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(var(--color-error-rgb), .15)}.input-help{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.85;margin-top:var(--space-1)}.calculate-btn{width:100%;margin-top:var(--space-2);border-radius:var(--radius-sm)}.restored-note{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.restored-note[hidden]{display:none}.restored-reset{padding:var(--space-2);min-height:44px;color:var(--color-link);font-family:inherit;font-size:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;text-decoration:underline}.result-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);display:flex}.result-actions{margin-top:var(--space-5);justify-content:flex-start;gap:var(--space-3);display:flex}.error{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.error[hidden]{display:none!important}.converter-tabs{gap:var(--space-2);margin-bottom:var(--space-6);background-color:var(--color-linen);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-rule);display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;flex:1;display:flex}.tab:hover{color:var(--color-text-primary)}.tab.active{background-color:var(--color-surface);color:var(--color-spruce);border-color:var(--color-rule);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.tab-content{display:none}.tab-content.active{display:block}.calculator-footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-rule)}.calculator-footer .related-title{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.12em}.related-links{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.related-links a{color:var(--color-link);text-underline-offset:3px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:underline}.related-links a:hover{color:var(--color-link-hover)}.unit-switcher{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.unit-switcher-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.unit-toggle-group{background-color:var(--color-linen);border-radius:var(--radius-full);border:1px solid var(--color-rule);padding:2px;display:inline-flex}.unit-toggle-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:1px solid #0000}.unit-toggle-btn:hover{color:var(--color-text-primary)}.unit-toggle-btn.active{background-color:var(--color-surface);color:var(--color-spruce);border-color:var(--color-rule);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}@media (width<=768px){.form-grid{grid-template-columns:1fr}.input-group.full-width{grid-column:span 1}.calculator-title{font-size:var(--font-size-xl)}}@media (width<=480px){.unit-switcher{justify-content:center}}