.calc{background:var(--color-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-calculator);overflow:hidden;max-width:800px;margin-inline:auto}.calc-input-section{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.calc-input-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.calc-input-label{font-size:.875rem;font-weight:500;color:var(--color-gum-bark)}.calc-input-field{position:relative;display:flex;align-items:center}.calc-input-prefix{position:absolute;left:var(--space-4);font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--color-gum-bark);pointer-events:none;z-index:1}.calc-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 1.5rem);font-family:var(--font-mono);font-size:1.75rem;font-weight:500;color:var(--color-midnight);background:var(--color-sandstone);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none}.calc-input::placeholder{color:var(--color-border)}.calc-input:focus{border-color:var(--color-eucalyptus);box-shadow:0 0 0 3px var(--color-focus-ring)}.calc-rate{display:flex;align-items:center}.calc-rate-default{display:flex;align-items:center;gap:var(--space-3)}.calc-rate-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#2d8c6f14;color:var(--color-eucalyptus);font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);font-family:var(--font-mono)}.calc-rate-change{background:none;border:none;color:var(--color-eucalyptus);font-size:.8125rem;font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast);font-family:var(--font-body)}.calc-rate-change:hover{background:#2d8c6f0f}.calc-rate-custom{display:flex;align-items:center;gap:var(--space-2)}.calc-rate-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-eucalyptus);color:#fff;border:none;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-body)}.calc-rate-minus{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.calc-rate-plus{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.calc-rate-btn:hover{background:var(--color-eucalyptus-hover)}.calc-rate-input-wrap{position:relative;display:flex;align-items:center}.calc-rate-input{width:56px;height:36px;padding:0 var(--space-5) 0 var(--space-2);text-align:center;font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--color-midnight);background:var(--color-sandstone);border:1.5px solid var(--color-border);border-radius:0;outline:none;-webkit-appearance:none}.calc-rate-input:focus{border-color:var(--color-eucalyptus)}.calc-rate-percent{position:absolute;right:var(--space-2);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-gum-bark);pointer-events:none}.calc-rate-cancel{background:none;border:1px solid var(--color-border);color:var(--color-gum-bark);font-size:.75rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;margin-left:var(--space-2);transition:all var(--transition-fast);font-family:var(--font-body)}.calc-rate-cancel:hover{border-color:var(--color-midnight);color:var(--color-midnight)}.calc-tabs{display:flex;padding:0 var(--space-6);gap:var(--space-1)}.calc-tab{flex:1;padding:var(--space-3);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-gum-bark);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.calc-tab:hover{color:var(--color-midnight)}.calc-tab-active{color:var(--color-eucalyptus);border-bottom-color:var(--color-eucalyptus)}.calc-results{display:flex;flex-direction:column}.calc-panel{display:none}.calc-panel-active{display:block}.calc-panel-header{padding:var(--space-4) var(--space-6);display:flex;align-items:baseline;gap:var(--space-3)}.calc-panel-header h2{font-size:1rem;font-weight:700;margin:0}.calc-panel-header-add{background:var(--color-calc-green-light)}.calc-panel-header-add h2{color:#16a34a}.calc-panel-header-subtract{background:var(--color-calc-amber-light)}.calc-panel-header-subtract h2{color:#d97706}.calc-panel-sub{font-size:.8125rem;color:var(--color-gum-bark);font-weight:400}.calc-panel-body{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.calc-result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.calc-result-label{font-size:.8125rem;font-weight:500;color:var(--color-gum-bark);white-space:nowrap}.calc-result-value-wrap{display:flex;align-items:center;gap:var(--space-1)}.calc-result-currency{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--color-gum-bark)}.calc-result-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--color-midnight);min-width:100px;text-align:right}.copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--color-gum-bark);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.copy-btn:hover{color:var(--color-eucalyptus);background:#2d8c6f0f}@media(min-width:768px){.calc-input-section{padding:var(--space-8) var(--space-8) var(--space-6);flex-direction:row;align-items:flex-end;gap:var(--space-6)}.calc-input-wrap{flex:1}.calc-tabs{display:none}.calc-results{display:grid;grid-template-columns:1fr 1fr}.calc-panel{display:block!important}.calc-panel-add{border-right:1px solid var(--color-border-light)}.calc-panel-body{padding:var(--space-6) var(--space-8) var(--space-8)}.calc-panel-header{padding:var(--space-4) var(--space-8)}.calc-result-value{font-size:1.75rem}.calc-input{font-size:2rem}.calc-input-prefix{font-size:1.75rem}}