:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sky-top:#cfe2f1;--sky-bottom:#eef3f7;--card:#ffffffeb;--card-solid:#fff;--card-border:#141e2814;--shadow:0 1px 2px #1018280f, 0 6px 20px #1018281a;--shadow-lg:0 2px 4px #1018280f, 0 12px 32px #10182829;--radius:12px;--radius-sm:8px;--text:#1b2127;--muted:#5d6873;--hover:#1b21270f;--active-bg:#1d232a;--active-text:#fff;--focus:#1f6feb;--brand:#f2b705;--brand-text:#1d1a10;--competitor:#5b6168;--gutter:12px;--btn:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:14px;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{position:fixed;inset:0;overflow:hidden}.viewer{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.viewer canvas{outline:none;display:block}.overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.overlay>*{pointer-events:auto}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px)}.swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.swatch--competitor{background:var(--competitor)}.swatch--ours{background:var(--brand)}.swatch--comparison{background:linear-gradient(90deg, var(--competitor) 0 50%, var(--brand) 50% 100%)}.switcher{top:calc(var(--gutter) + var(--safe-top));max-width:calc(100% - 2 * var(--gutter));gap:4px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.switcher__btn{min-height:var(--btn);min-width:var(--btn);border-radius:var(--radius-sm);letter-spacing:.005em;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.switcher__btn:hover{background:var(--hover)}.switcher__btn[aria-pressed=true]{background:var(--active-bg);color:var(--active-text);box-shadow:0 1px 2px #0003}.switcher__btn[aria-pressed=true] .swatch{box-shadow:0 0 0 2px #ffffffd9}.switcher__label--short{display:none}.hint{top:calc(var(--gutter) + var(--safe-top) + 64px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1d232ac7;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;left:50%;transform:translate(-50%,-4px)}.hint[data-visible=true]{opacity:1;transform:translate(-50%)}.controls{right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--gutter) + var(--safe-bottom));flex-direction:column;gap:8px;display:flex;position:absolute}.controls__group{flex-direction:column;padding:3px;display:flex}.controls__sep{background:var(--card-border);height:1px;margin:1px 8px}.ctrl-btn{width:var(--btn);height:var(--btn);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;transition:background-color .14s,color .14s;display:grid}.ctrl-btn:hover{background:var(--hover)}.ctrl-btn:active{background:#1b21271f}.ctrl-btn[aria-pressed=true],.ctrl-btn[aria-expanded=true]{background:var(--active-bg);color:var(--active-text)}.views-menu{position:relative}.popover{background:var(--card-solid);min-width:184px;box-shadow:var(--shadow-lg);padding:6px;animation:.14s ease-out pop-in;position:absolute;bottom:-3px;right:calc(100% + 10px)}.popover__title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 10px;font-size:11px;font-weight:700}.popover__item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.popover__item:hover,.popover__item:focus-visible{background:var(--hover)}.popover__item[aria-checked=true]{font-weight:650}@keyframes pop-in{0%{opacity:0;transform:translate(4px)scale(.98)}to{opacity:1;transform:none}}.info{left:calc(var(--gutter) + var(--safe-left));bottom:calc(var(--gutter) + var(--safe-bottom));width:340px;max-width:calc(100% - 3 * var(--gutter) - var(--btn) - 8px - var(--safe-left) - var(--safe-right));max-height:calc(100% - 2 * var(--gutter) - 80px);position:absolute;overflow:auto}.info__header{width:100%;min-height:var(--btn);text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:10px;padding:0 12px 0 14px;display:flex}.info__title{flex:1;font-size:15px;font-weight:700}.info__chevron{color:var(--muted);transition:transform .18s}.info[data-collapsed=true] .info__chevron{transform:rotate(180deg)}.info__body{padding:0 14px 14px}.info__tagline{color:var(--text);margin:0 0 12px}.info__compare{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.info__compare li{align-items:flex-start;gap:10px;display:flex}.info__compare strong{font-weight:650;display:block}.info__muted{color:var(--muted);font-size:13px;display:block}.side-tag{letter-spacing:.04em;text-transform:uppercase;text-align:center;border-radius:999px;flex:none;min-width:44px;margin-top:1px;padding:2px 8px;font-size:11px;font-weight:700}.side-tag--competitor{background:var(--competitor);color:#fff}.side-tag--ours{background:var(--brand);color:var(--brand-text)}.info__note{border-top:1px solid var(--card-border);color:var(--muted);align-items:flex-start;gap:8px;margin:0;padding-top:10px;font-size:12px;line-height:1.45;display:flex}.info__note svg{flex:none;margin-top:1px}.scene-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.scene-label-anchor{will-change:transform;position:absolute;top:0;left:0}.scene-label-anchor[data-onscreen=false]{visibility:hidden}.scene-label{font-family:var(--font);white-space:nowrap;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:15px;font-weight:700;transition:opacity .35s,transform .35s;display:inline-flex;transform:translateY(4px);box-shadow:0 2px 10px #0000002e}.scene-label[data-visible=true]{opacity:1;transform:none}.scene-label-anchor[data-inview=false] .scene-label{opacity:0;transform:translateY(4px)}.scene-label__dot{opacity:.7;background:currentColor;border-radius:50%;width:8px;height:8px}.scene-label--competitor{background:var(--competitor);color:#fff}.scene-label--ours{background:var(--brand);color:var(--brand-text)}.loader{pointer-events:none;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.loader[data-done=true]{opacity:0}.loader__card{width:min(280px, calc(100% - 2 * var(--gutter)));text-align:center;padding:16px 18px 14px}.loader__title{margin-bottom:12px;font-weight:650}.loader__bar{background:#1b21271a;border-radius:999px;height:6px;overflow:hidden}.loader__fill{background:var(--active-bg);transform-origin:0;height:100%;transition:transform .25s}.loader__pct{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.fallback{padding:var(--gutter);place-items:center;display:grid;position:fixed;inset:0}.fallback__card{max-width:440px;padding:24px}.fallback__card h1{margin:0 0 8px;font-size:20px}.fallback__card p{margin:0 0 8px}.debug{top:calc(var(--gutter) + var(--safe-top));left:calc(var(--gutter) + var(--safe-left));pointer-events:none;font-family:var(--mono);flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;display:flex;position:absolute}.debug__stats{color:#d7f5d0;font-variant-numeric:tabular-nums;background:#0f1419bf;border-radius:6px;gap:10px;padding:5px 9px;display:flex}.debug__stub{color:#fff;letter-spacing:.02em;background:#b42318;border-radius:999px;padding:4px 9px;font-weight:700}@media (width<=1100px){.debug{top:calc(var(--gutter) + var(--safe-top) + 64px)}.hint{top:calc(var(--gutter) + var(--safe-top) + 100px)}}@media (width<=640px){:root{--gutter:10px}.switcher{left:calc(var(--gutter) + var(--safe-left));right:calc(var(--gutter) + var(--safe-right));max-width:none;transform:none}.switcher__btn{flex:1 1 0;gap:6px;min-width:0;padding:0 8px;font-size:13px}.switcher__label--long{display:none}.switcher__label--short{display:inline}.hint{font-size:12px}.info{width:auto}.scene-label{font-size:13px}}@media (width<=640px) and (height>=521px){.controls{z-index:1;flex-direction:row;align-items:flex-end;gap:8px}.controls__group{flex-direction:row}.controls__sep{width:1px;height:auto;margin:8px 1px}.popover{bottom:calc(100% + 10px);right:0}.info{bottom:calc(var(--gutter) + var(--safe-bottom) + var(--btn) + 6px + 8px);max-width:calc(100% - 2 * var(--gutter) - var(--safe-left) - var(--safe-right));max-height:calc(100% - 2 * var(--gutter) - 80px - var(--btn) - 14px)}}@media (width<=1100px){.overlay[data-debug=true] .hint{top:calc(var(--gutter) + var(--safe-top) + 140px)}}@media (height<=520px){:root{--btn:40px}.controls{gap:6px}.hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}