:root{--forest-green: #22372b;--amber: #de892e;--sage-green: #bbc3be;--text-primary: #22372b;--text-secondary: #6b7280}html,body{overflow-x:hidden!important;max-width:100vw!important}.section-container.svelte-m9t6e4{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;overflow:hidden;box-sizing:border-box;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;contain:layout style paint}.section-content.svelte-m9t6e4{width:100%;max-width:100%;overflow:hidden}.section-title.svelte-m9t6e4{text-align:center;margin-bottom:40px;max-width:100%}.main-title.svelte-m9t6e4{display:inline-block;position:relative;margin-bottom:20px;font-size:clamp(28px,5vw,50px);line-height:1.2;color:var(--forest-green);will-change:transform}.animated-underline.svelte-m9t6e4{position:absolute;bottom:-5px;left:25%;width:50%;height:3px;background:linear-gradient(to right,#de892e00,#de892e,#de892e00);border-radius:2px;animation:svelte-m9t6e4-underline-glow 3s ease-in-out infinite;will-change:width,opacity}@keyframes svelte-m9t6e4-underline-glow{0%{width:0;left:50%;opacity:0}20%{width:50%;left:25%;opacity:1}80%{width:50%;left:25%;opacity:1}to{width:0;left:50%;opacity:0}}.mini-copy.svelte-m9t6e4{font-size:clamp(14px,2.5vw,22px);line-height:1.6;max-width:80%;margin:0 auto;color:var(--text-secondary)}.comparison-buttons.svelte-m9t6e4{display:flex;justify-content:center;gap:clamp(15px,3vw,30px);margin-top:25px;margin-bottom:30px;flex-wrap:wrap}.quick-compare-btn.svelte-m9t6e4{background-color:#bbc3be1a;border:1px solid rgba(187,195,190,.4);color:var(--forest-green);border-radius:25px;padding:12px 24px;font-size:clamp(14px,2vw,16px);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform,background-color}.quick-compare-btn.svelte-m9t6e4:hover{background-color:#22372b1a;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 8px #22372b26}.quick-compare-btn.svelte-m9t6e4:active{transform:translateY(0) translateZ(0)}.image-compare-container.svelte-m9t6e4{position:relative;width:100%;max-width:100%;height:clamp(300px,50vw,600px);overflow:hidden;border-radius:16px;box-shadow:0 15px 50px #22372b40;--position: 50%;user-select:none;-webkit-user-select:none;margin:0 auto;touch-action:none;background-color:var(--forest-green);opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;contain:layout style paint}.image-compare-container.loaded.svelte-m9t6e4{opacity:1;transform:translateY(0) translateZ(0)}.image-base.svelte-m9t6e4,.image-overlay.svelte-m9t6e4{position:absolute;top:0;left:0;width:100%;height:100%;contain:layout style paint}.image-base.svelte-m9t6e4{z-index:1}.image-overlay.svelte-m9t6e4{z-index:2;will-change:clip-path}.image-base.svelte-m9t6e4 img:where(.svelte-m9t6e4),.image-overlay.svelte-m9t6e4 img:where(.svelte-m9t6e4){display:block;width:100%;height:100%;object-fit:cover;object-position:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-label.svelte-m9t6e4{position:absolute;top:25px;background-color:#22372bd9;color:#fff;padding:12px 20px;border-radius:30px;font-weight:700;font-size:clamp(14px,2vw,16px);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 10px #22372b4d;backdrop-filter:blur(5px);border:1px solid rgba(187,195,190,.2);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.image-label.pulse.svelte-m9t6e4{animation:svelte-m9t6e4-label-pulse 2s ease-in-out infinite}@keyframes svelte-m9t6e4-label-pulse{0%,to{transform:scale(1) translateZ(0);background-color:#22372bd9}50%{transform:scale(1.05) translateZ(0);background-color:#de892ee6}}.label-left.svelte-m9t6e4{left:25px}.label-right.svelte-m9t6e4{right:25px}.show-stats-btn.svelte-m9t6e4{position:absolute;bottom:120px;background-color:#22372bd9;color:#fff;padding:10px 18px;border-radius:8px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid rgba(187,195,190,.2);backdrop-filter:blur(5px);transition:all .3s ease;box-shadow:0 4px 10px #22372b4d;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.show-stats-btn.svelte-m9t6e4:hover{transform:translateY(-3px);background-color:#22372bf2}.left-stats-btn.svelte-m9t6e4{left:25px}.right-stats-btn.svelte-m9t6e4{right:25px}.stats-panel.svelte-m9t6e4{position:absolute;bottom:120px;width:220px;background-color:#22372be6;border-radius:10px;color:#fff;overflow:hidden;box-shadow:0 5px 15px #22372b66;border:1px solid rgba(187,195,190,.2);z-index:5;backdrop-filter:blur(10px)}.stats-left.svelte-m9t6e4{left:25px}.stats-right.svelte-m9t6e4{right:25px}.stats-header.svelte-m9t6e4{background-color:#22372b80;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}.stats-row.svelte-m9t6e4{padding:10px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(187,195,190,.2);font-size:14px}.stats-value-negative.svelte-m9t6e4{color:#e74c3c;font-weight:700}.stats-value-positive.svelte-m9t6e4{color:var(--amber);font-weight:700}.details-btn.svelte-m9t6e4{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background-color:#22372b99;border:none;color:#fff;cursor:pointer;border-top:1px solid rgba(187,195,190,.2);transition:background-color .3s ease;font-size:14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.details-btn.svelte-m9t6e4:hover{background-color:#22372bcc}.details-icon.svelte-m9t6e4{display:inline-block}.slider-handle.svelte-m9t6e4{position:absolute;top:0;bottom:0;transform:translate(-50%) translateZ(0);z-index:3;display:flex;justify-content:center;cursor:ew-resize;transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;contain:layout style}.slider-handle.hover.svelte-m9t6e4{transform:translate(-50%) scale(1.03) translateZ(0)}.slider-handle.active.svelte-m9t6e4{transform:translate(-50%) scale(1.06) translateZ(0)}.slider-line.svelte-m9t6e4{position:relative;width:3px;height:100%;background-color:#bbc3becc;overflow:hidden;contain:layout style}.light-bar.svelte-m9t6e4{position:absolute;width:100%;height:80px;background:linear-gradient(to bottom,#de892e00,#de892e,#de892e00);animation:svelte-m9t6e4-light-bar-move 3s infinite linear;will-change:transform}.light-bar-1.svelte-m9t6e4{top:-80px;animation-delay:0s}.light-bar-2.svelte-m9t6e4{top:-80px;animation-delay:1s}.light-bar-3.svelte-m9t6e4{top:-80px;animation-delay:2s}@keyframes svelte-m9t6e4-light-bar-move{0%{transform:translateY(0) translateZ(0)}to{transform:translateY(calc(100% + 80px)) translateZ(0)}}.slider-button.svelte-m9t6e4{position:absolute;top:50%;transform:translateY(-50%) translateZ(0);width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#bbc3bef2,#bbc3bed9);box-shadow:0 3px 18px #22372b4d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8);will-change:transform,box-shadow}.slider-handle.hover.svelte-m9t6e4 .slider-button:where(.svelte-m9t6e4),.slider-handle.active.svelte-m9t6e4 .slider-button:where(.svelte-m9t6e4){box-shadow:0 5px 25px #22372b66,0 0 18px #de892e4d}.slider-button-inner.svelte-m9t6e4{width:clamp(32px,6vw,46px);height:clamp(32px,6vw,46px);border-radius:50%;background:linear-gradient(135deg,var(--sage-green) 0%,#a5afa9 100%);border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.slider-handle.hover.svelte-m9t6e4 .slider-button-inner:where(.svelte-m9t6e4){background:linear-gradient(135deg,#c8d1cc 0%,var(--sage-green) 100%)}.slider-arrows.svelte-m9t6e4{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(6px,1.5vw,10px);box-sizing:border-box}.arrow-left.svelte-m9t6e4,.arrow-right.svelte-m9t6e4{width:0;height:0;border-style:solid;transition:transform .3s ease;will-change:transform}.arrow-left.svelte-m9t6e4{border-width:clamp(5px,1vw,7px) clamp(7px,1.5vw,9px) clamp(5px,1vw,7px) 0;border-color:transparent var(--forest-green) transparent transparent}.arrow-right.svelte-m9t6e4{border-width:clamp(5px,1vw,7px) 0 clamp(5px,1vw,7px) clamp(7px,1.5vw,9px);border-color:transparent transparent transparent var(--forest-green)}.slider-handle.hover.svelte-m9t6e4 .arrow-left:where(.svelte-m9t6e4){transform:translate(-4px)}.slider-handle.hover.svelte-m9t6e4 .arrow-right:where(.svelte-m9t6e4){transform:translate(4px)}.audio-control.svelte-m9t6e4{position:absolute;bottom:25px;left:50%;transform:translate(-50%) translateZ(0);width:clamp(60px,12vw,80px);height:clamp(45px,9vw,60px);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;z-index:4;backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;will-change:transform,background-color,box-shadow;border:1px solid rgba(255,255,255,.2);contain:layout style}.audio-control.playing.svelte-m9t6e4{background:#de892ee6;box-shadow:0 4px 12px #de892e4d}.audio-control.paused.svelte-m9t6e4{background:#22372be6;box-shadow:0 4px 12px #22372b4d}.audio-control.svelte-m9t6e4:hover{transform:translate(-50%) translateY(-3px) translateZ(0)}.audio-icon.svelte-m9t6e4{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px)}.audio-control.svelte-m9t6e4:hover .audio-icon:where(.svelte-m9t6e4){transform:scale(1.1)}.audio-label.svelte-m9t6e4{font-size:clamp(9px,1.5vw,11px);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1}.slider-position-indicator.svelte-m9t6e4{margin:30px auto 0;width:80%;max-width:500px;contain:layout style}.position-track.svelte-m9t6e4{height:6px;background-color:var(--sage-green);border-radius:3px;position:relative;margin-bottom:12px}.position-marker.svelte-m9t6e4{position:absolute;width:16px;height:16px;background-color:var(--amber);border-radius:50%;top:50%;transform:translate(-50%,-50%) translateZ(0);box-shadow:0 3px 6px #de892e4d;transition:left .3s cubic-bezier(.4,0,.2,1);will-change:left}.position-labels.svelte-m9t6e4{display:flex;justify-content:space-between;font-size:clamp(12px,2vw,14px);color:var(--text-secondary);font-weight:500}.glow-lines-overlay.svelte-m9t6e4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;contain:layout style}.horizontal-line.svelte-m9t6e4,.vertical-line.svelte-m9t6e4{position:absolute;background:linear-gradient(90deg,#de892e00,#de892e99,#de892e00);opacity:0;animation:svelte-m9t6e4-line-appear 1s forwards;will-change:opacity}.horizontal-line.svelte-m9t6e4{height:2px;width:100%;left:0}.vertical-line.svelte-m9t6e4{width:2px;height:100%;top:0;background:linear-gradient(180deg,#de892e00,#de892e99,#de892e00)}.line-top.svelte-m9t6e4{top:20px;animation-delay:.2s}.line-bottom.svelte-m9t6e4{bottom:20px;animation-delay:.4s}.line-left.svelte-m9t6e4{left:20px;animation-delay:.6s}.line-right.svelte-m9t6e4{right:20px;animation-delay:.8s}@keyframes svelte-m9t6e4-line-appear{0%{opacity:0}to{opacity:.7}}.glow-dot.svelte-m9t6e4{position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--amber);box-shadow:0 0 12px #de892ecc,0 0 24px #de892e80;opacity:0;animation:svelte-m9t6e4-dot-pulse 3s ease-in-out infinite,svelte-m9t6e4-dot-appear .5s forwards;will-change:opacity,transform}.dot-tl.svelte-m9t6e4{top:16px;left:16px;animation-delay:1s,1s}.dot-tr.svelte-m9t6e4{top:16px;right:16px;animation-delay:1.5s,1.2s}.dot-bl.svelte-m9t6e4{bottom:16px;left:16px;animation-delay:2s,1.4s}.dot-br.svelte-m9t6e4{bottom:16px;right:16px;animation-delay:2.5s,1.6s}@keyframes svelte-m9t6e4-dot-appear{0%{opacity:0;transform:scale(0) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes svelte-m9t6e4-dot-pulse{0%{box-shadow:0 0 12px #de892ecc,0 0 24px #de892e80}50%{box-shadow:0 0 18px #de892ee6,0 0 36px #de892eb3}to{box-shadow:0 0 12px #de892ecc,0 0 24px #de892e80}}@media (max-width: 768px){.section-container.svelte-m9t6e4{padding:20px 10px}.image-compare-container.svelte-m9t6e4{border-radius:12px}.comparison-buttons.svelte-m9t6e4{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px}.quick-compare-btn.svelte-m9t6e4{padding:10px 16px;font-size:14px;min-width:140px}.slider-handle.svelte-m9t6e4{width:60px;margin-left:-30px}}@media (prefers-reduced-motion: reduce){.svelte-m9t6e4{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (font-display: swap){@font-face{font-family:Tirong;font-display:swap}@font-face{font-family:Avenir Next;font-display:swap}}@media print{.section-container.svelte-m9t6e4{box-shadow:none;background:#fff}.audio-control.svelte-m9t6e4,.glow-lines-overlay.svelte-m9t6e4{display:none}}