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