.elev-root{--elev-accent: #57b477;--elev-accent-light: rgba(87, 180, 119, .15);--elev-sky-top: #e3f2fd;--elev-sky-bottom: #bbdefb;--elev-water-top: #1976d2;--elev-water-bottom: #0d47a1;--elev-sea-level: #29b6f6;--elev-mountain-base: #8bc34a;--elev-mountain-dark: #689f38;--elev-snow: rgba(255, 255, 255, .85);--elev-scale-label: #666;--elev-scale-zero: #1a1a2e;position:relative;width:260px;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,sans-serif;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000001a,0 1px 3px #0000000f}.elev-sky{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,var(--elev-sky-top),var(--elev-sky-bottom))}.elev-water{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,var(--elev-water-top),var(--elev-water-bottom))}.elev-sea-level-line{position:absolute;left:0;right:0;height:2px;background:var(--elev-sea-level);z-index:5}.elev-sea-level-label{position:absolute;right:8px;transform:translateY(-50%);font-size:10px;font-weight:700;color:var(--elev-sea-level);text-transform:uppercase;letter-spacing:.05em;z-index:6;background:#ffffffb3;padding:1px 5px;border-radius:3px;white-space:nowrap}.elev-mountain{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;pointer-events:none}.elev-waves{position:absolute;left:0;width:100%;z-index:4;pointer-events:none;transform:translateY(-50%)}.elev-wave-path{fill:none;stroke:var(--elev-sea-level);stroke-width:2;stroke-linecap:round;opacity:.6}@keyframes elev-wave-drift{0%{transform:translate(0)}to{transform:translate(-40px)}}.elev-wave-animated{animation:elev-wave-drift 4s linear infinite}.elev-scale{position:absolute;top:0;left:0;bottom:0;width:52px;z-index:8;pointer-events:none}.elev-scale-bg{position:absolute;top:0;left:0;bottom:0;width:100%;background:linear-gradient(to right,#ffffffd9,#fff0)}.elev-tick{position:absolute;left:0;width:100%;display:flex;align-items:center;transform:translateY(-50%)}.elev-tick-mark{width:8px;height:1px;background:#0003;margin-left:42px;flex-shrink:0}.elev-tick-mark--zero{width:12px;height:2px;background:var(--elev-scale-zero);margin-left:38px}.elev-tick-label{position:absolute;right:14px;font-size:10px;font-weight:500;color:var(--elev-scale-label);text-align:right;white-space:nowrap}.elev-tick-label--zero{font-size:12px;font-weight:700;color:var(--elev-scale-zero)}.elev-interactive-area{position:absolute;inset:0;z-index:10;cursor:pointer;touch-action:none}.elev-interactive-area:hover{background:#57b47708}.elev-pointer{position:absolute;left:52px;right:0;height:2px;z-index:12;transform:translateY(-50%);pointer-events:none;transition:top .15s ease-out}.elev-pointer-line{position:absolute;left:0;right:0;height:2px;background:var(--elev-accent);opacity:.6}.elev-pointer-dot{position:absolute;left:-4px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--elev-accent);border:2px solid white;transform:translateY(-50%);box-shadow:0 1px 4px #0003;transition:transform .15s ease}.elev-pointer-dot--active{transform:translateY(-50%) scale(1.2)}.elev-pointer-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--elev-accent);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 1px 4px #00000026}.elev-pointer--correct .elev-pointer-line{background:#22c55e}.elev-pointer--correct .elev-pointer-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.elev-pointer--correct .elev-pointer-badge{background:#22c55e}.elev-pointer--wrong .elev-pointer-line{background:#ef4444}.elev-pointer--wrong .elev-pointer-dot{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.elev-pointer--wrong .elev-pointer-badge{background:#ef4444}.elev-static-point{position:absolute;z-index:11;display:flex;align-items:center;transform:translateY(-50%);pointer-events:none}.elev-static-dot{width:10px;height:10px;border-radius:50%;background:#ff7043;border:2px solid white;box-shadow:0 1px 3px #0003;flex-shrink:0}.elev-static-label{font-size:11px;font-weight:700;color:#333;margin-left:6px;background:#ffffffd9;padding:1px 5px;border-radius:3px;white-space:nowrap}.elev-ghost{position:absolute;left:52px;right:0;height:1px;z-index:9;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .15s ease}.elev-root:hover .elev-ghost{opacity:1}.elev-ghost-line{position:absolute;left:0;right:0;height:1px;background:var(--elev-accent);opacity:.3;border-style:dashed}.elev-ghost-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--elev-accent);opacity:.6;white-space:nowrap}.elev-water-overlay{position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.15))}@media(pointer:coarse){.elev-pointer-dot{width:18px;height:18px;left:-6px}.elev-pointer-badge{font-size:14px;padding:4px 10px}.elev-static-dot{width:14px;height:14px}.elev-tick-label{font-size:11px}.elev-tick-label--zero{font-size:13px}}