.height-calculator.svelte-1tep4vc.svelte-1tep4vc{max-width:900px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.calculator-header.svelte-1tep4vc h3.svelte-1tep4vc{font-size:2.25rem;font-weight:300;line-height:1.2}.visual-section.svelte-1tep4vc.svelte-1tep4vc{display:flex;justify-content:center;align-items:center}.position-image-container.svelte-1tep4vc.svelte-1tep4vc{position:relative;display:inline-block;text-align:center}.position-visual.svelte-1tep4vc.svelte-1tep4vc{max-width:500px;height:auto;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transition:transform .3s ease}.position-visual.svelte-1tep4vc.svelte-1tep4vc:hover{transform:scale(1.02)}.height-badge.svelte-1tep4vc.svelte-1tep4vc{position:absolute;z-index:10}.badge-content.svelte-1tep4vc.svelte-1tep4vc{background:linear-gradient(135deg,#78716c,#57534e);color:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);min-width:90px;text-align:center;transition:all .3s ease}.badge-content.svelte-1tep4vc.svelte-1tep4vc:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.badge-label.svelte-1tep4vc.svelte-1tep4vc{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;opacity:.9}.badge-value.svelte-1tep4vc.svelte-1tep4vc{display:block;font-size:1.5rem;font-weight:700;min-width:60px}.monitor-height.svelte-1tep4vc.svelte-1tep4vc{top:20px;right:-120px}.desk-height.svelte-1tep4vc.svelte-1tep4vc{bottom:40px;right:-120px}.chair-height.svelte-1tep4vc.svelte-1tep4vc{bottom:40px;left:-120px}.controls-section.svelte-1tep4vc.svelte-1tep4vc{background:#fffc;backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(0,0,0,.1)}.dark .controls-section.svelte-1tep4vc.svelte-1tep4vc{background:#0000004d;border-color:#ffffff1a}.control-group.svelte-1tep4vc.svelte-1tep4vc{text-align:center}.control-label.svelte-1tep4vc.svelte-1tep4vc{display:block;font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1.5rem;text-transform:none;letter-spacing:normal}.dark .control-label.svelte-1tep4vc.svelte-1tep4vc{color:#d1d5db}.current-height.svelte-1tep4vc.svelte-1tep4vc{color:#78716c;font-weight:700;font-size:1.5rem;margin-left:.5rem}.dark .current-height.svelte-1tep4vc.svelte-1tep4vc{color:#a8a29e}.height-slider-container.svelte-1tep4vc.svelte-1tep4vc{display:flex;align-items:center;gap:1.5rem;justify-content:center;margin-top:1rem}.height-range.svelte-1tep4vc.svelte-1tep4vc{color:#6b7280;font-size:1rem;font-weight:600;min-width:50px}.dark .height-range.svelte-1tep4vc.svelte-1tep4vc{color:#9ca3af}.height-slider.svelte-1tep4vc.svelte-1tep4vc{flex:1;max-width:400px;height:8px;background:#e5e7eb;outline:none;border-radius:4px;-webkit-appearance:none;cursor:pointer}.dark .height-slider.svelte-1tep4vc.svelte-1tep4vc{background:#4b5563}.height-slider.svelte-1tep4vc.svelte-1tep4vc::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#78716c;cursor:pointer;border:3px solid white;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-transition:all .2s ease;transition:all .2s ease}.height-slider.svelte-1tep4vc.svelte-1tep4vc::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.height-slider.svelte-1tep4vc.svelte-1tep4vc::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#78716c;cursor:pointer;border:3px solid white;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-moz-transition:all .2s ease;transition:all .2s ease}.height-slider.svelte-1tep4vc.svelte-1tep4vc::-moz-range-thumb:hover{transform:scale(1.1)}@media (max-width: 768px){.height-calculator.svelte-1tep4vc.svelte-1tep4vc{padding:1rem}.calculator-header.svelte-1tep4vc h3.svelte-1tep4vc{font-size:1.875rem}.position-visual.svelte-1tep4vc.svelte-1tep4vc{max-width:350px}.controls-section.svelte-1tep4vc.svelte-1tep4vc{padding:1.5rem}.height-slider-container.svelte-1tep4vc.svelte-1tep4vc{flex-direction:column;gap:1rem}.height-slider.svelte-1tep4vc.svelte-1tep4vc{max-width:300px;width:100%}.monitor-height.svelte-1tep4vc.svelte-1tep4vc{top:15px;right:-90px}.desk-height.svelte-1tep4vc.svelte-1tep4vc{bottom:30px;right:-90px}.chair-height.svelte-1tep4vc.svelte-1tep4vc{bottom:30px;left:-90px}.badge-content.svelte-1tep4vc.svelte-1tep4vc{min-width:70px;padding:.5rem .75rem}.badge-label.svelte-1tep4vc.svelte-1tep4vc{font-size:.7rem}.badge-value.svelte-1tep4vc.svelte-1tep4vc{font-size:1.25rem}}@media (max-width: 480px){.calculator-header.svelte-1tep4vc h3.svelte-1tep4vc{font-size:1.5rem}.position-visual.svelte-1tep4vc.svelte-1tep4vc{max-width:280px}.controls-section.svelte-1tep4vc.svelte-1tep4vc{padding:1rem}.control-label.svelte-1tep4vc.svelte-1tep4vc{font-size:1.125rem}.current-height.svelte-1tep4vc.svelte-1tep4vc{font-size:1.25rem}.height-slider.svelte-1tep4vc.svelte-1tep4vc{max-width:250px}.monitor-height.svelte-1tep4vc.svelte-1tep4vc{top:10px;right:-70px}.desk-height.svelte-1tep4vc.svelte-1tep4vc{bottom:20px;right:-70px}.chair-height.svelte-1tep4vc.svelte-1tep4vc{bottom:20px;left:-70px}.badge-content.svelte-1tep4vc.svelte-1tep4vc{min-width:60px;padding:.4rem .6rem}.badge-label.svelte-1tep4vc.svelte-1tep4vc{font-size:.65rem}.badge-value.svelte-1tep4vc.svelte-1tep4vc{font-size:1.125rem}}