.spot-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper-bg:#111318;--color-paper-card:#20242c;--color-ink:#f3f5fa;--color-ink-60:#bdc7d8;--color-ink-40:#cbd5e1;--color-ink-20:#475569;--color-hairline:#475569;--color-cobalt-tint:#21345b;--color-cobalt-text:#a8c2ff}.spot-camera{background:var(--color-paper-bg);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header""scene""controls";height:100dvh;display:grid;overflow:hidden}.spot-header{grid-area:header;align-items:center;gap:.5rem;min-width:0;padding:.5rem 1rem;display:flex}.spot-stage{isolation:isolate;background:#000;grid-area:scene;min-width:0;min-height:0;position:relative;overflow:hidden}.spot-camera video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.spot-camera video::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}.spot-camera video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.spot-camera video::-webkit-media-controls-play-button{-webkit-appearance:none;display:none!important}.spot-controls{z-index:1;isolation:isolate;overscroll-behavior:contain;background:var(--color-paper-bg);flex-direction:column;grid-area:controls;gap:.5rem;min-width:0;height:154px;padding:0 1rem 1rem;display:flex;position:relative;overflow:visible}.spot-controls>*{flex-shrink:0}.spot-primary-controls{background:var(--color-paper-bg);flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.spot-primary-controls button{overflow-wrap:anywhere;max-width:100%;padding-inline:1rem}.spot-filters{padding:0 .25rem}@media (min-aspect-ratio:4/3){.spot-camera{grid-template:"header controls""scene controls"minmax(0,1fr)/minmax(0,1fr) 140px}.spot-controls{height:100dvh;padding-top:.5rem}}.spot-page{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.spot-page>.spot-camera{height:100%;min-height:0}@media (min-aspect-ratio:4/3){.spot-page .spot-controls{height:100%}}.spot-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.spot-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.spot-main>.spot-page{flex:1;height:100%;min-height:0}.spot-shell>nav{flex-shrink:0}.spot-page{padding-bottom:0}.spot-shell [data-testid=mobile-tab-bar]>ul{max-width:40rem;margin-inline:auto}.spot-stage{position:fixed;inset:0}.spot-header{z-index:2;background:color-mix(in srgb, var(--color-paper-bg) 76%, transparent);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;position:relative}.spot-type-filters{flex-basis:100%;gap:.5rem;display:flex}.spot-type-filters>button{flex:1}.spot-controls{background:color-mix(in srgb, var(--color-paper-bg) 76%, transparent);-webkit-backdrop-filter:blur(12px)}.spot-primary-controls{background:0 0}.spot-shell>[data-testid=mobile-tab-bar]{background:color-mix(in srgb, var(--color-paper-bg) 82%, transparent)}.spot-page>p{z-index:2;background:color-mix(in srgb, var(--color-paper-bg) 82%, transparent);color:var(--color-ink);text-align:left;border-top-right-radius:.5rem;justify-self:start;max-width:calc(50% - 2.5rem);padding-bottom:0;position:relative}.spot-header{flex-wrap:nowrap;min-height:60px;padding-bottom:.5rem}.spot-type-filters{flex-basis:auto;justify-content:center;gap:.4rem;width:100%}.spot-type-filters>button{flex:0 auto;min-width:76px;min-height:44px;padding-inline:14px;font-size:12px}.spot-scan-button{color:#fff;background:#2d67f5;border:4px solid #9dbaff;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;min-height:72px;display:grid;box-shadow:0 0 0 3px #ffffff20;padding:0!important}.spot-controls{height:154px;padding:10px 16px 8px;overflow:visible}.spot-primary-controls{gap:9px;padding:0;position:relative}.spot-torch-button{position:absolute;top:14px;right:0;padding:0!important}.spot-lens-button{position:absolute;top:14px;left:0;padding:0!important}.spot-status-details{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:64px;left:12px;right:12px}.spot-status-details button{pointer-events:auto}.spot-status-details p{color:#f3f5fa;background:#111318b8;border-radius:12px;padding:3px 10px;font-size:11px}.spot-status-details [data-testid=spot-vision-status]>p+p{display:none}.spot-status-details [data-testid=spot-live-vision-status]{background:#111318d9}.spot-extra-details{z-index:4;flex-shrink:0;max-width:min(330px,100vw - 90px);margin-left:auto;font-size:11px;position:relative}.spot-extra-details>summary{cursor:pointer;background:#20242ce6;border-radius:22px;align-items:center;min-height:44px;padding:0 12px;display:flex}.spot-extra-details[open]{background:#111318f5;border-radius:16px;max-height:60dvh;padding:8px;position:absolute;top:8px;right:12px;overflow:auto}.spot-extra-details[open]>:not(summary){margin-top:8px}@media (min-aspect-ratio:4/3){.spot-torch-button,.spot-lens-button{position:static}.spot-controls{justify-self:end;width:140px;height:100%;padding-top:12px}.spot-type-filters{flex-wrap:wrap;gap:2px}.spot-type-filters>button{min-width:100px}.spot-status-details{right:12px}}.spot-page>.spot-lens{height:100%;min-height:0;position:relative}.spot-lens-stage{-webkit-tap-highlight-color:transparent;background:#000;position:fixed;inset:0;overflow:hidden}.spot-lens-stage:focus-visible{outline-offset:-4px;outline:2px solid #fff}.spot-lens-video,.spot-lens-live,.spot-lens-photo,.spot-lens-outline{width:100%;height:100%;position:absolute;inset:0}.spot-lens-live{pointer-events:none;background:#000}.spot-lens-video{object-fit:cover;pointer-events:none}.spot-lens video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.spot-lens video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.spot-lens-photo{pointer-events:none;opacity:0}.spot-lens-photo[data-frozen]{opacity:1}.spot-lens-outline{pointer-events:none;filter:drop-shadow(0 0 3px #ffffffe6)drop-shadow(0 0 10px #ffffff80)}.spot-lens[data-phase=identifying] .spot-lens-outline{opacity:.55;transition:opacity .6s}.spot-lens[data-phase=result] .spot-lens-outline{opacity:0;transition:opacity .6s}.spot-lens[data-phase=aiming] .spot-lens-outline{opacity:0}.spot-lens[data-phase=result] .spot-lens-photo{filter:brightness(.8);transition:filter .5s}.spot-lens-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.spot-lens[data-phase=scanning] .spot-lens-flash{animation:.45s ease-out spot-lens-flash}@keyframes spot-lens-flash{0%{opacity:0}15%{opacity:.5}to{opacity:0}}.spot-lens{--spot-shutter-clear:42px}.spot-lens-hint{left:50%;bottom:calc(var(--spot-shutter-clear) + 88px);z-index:2;-webkit-backdrop-filter:blur(16px)saturate(1.4);color:#fff;text-align:center;pointer-events:none;background:#14161c73;border-radius:999px;max-width:calc(100% - 2rem);padding:.45rem .9rem;font-size:13px;animation:.4s ease-out spot-lens-fade;position:absolute;transform:translate(-50%)}@keyframes spot-lens-fade{0%{opacity:0}to{opacity:1}}.spot-lens-shutter{left:50%;bottom:var(--spot-shutter-clear);z-index:2;-webkit-tap-highlight-color:transparent;background:#2f6bff;border:4px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;transition:transform .12s;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #2f6bff57,0 8px 28px #0b1b3a59}.spot-lens-shutter>span{display:none}.spot-lens-shutter:active:not(:disabled){transform:translate(-50%)scale(.92)}.spot-lens-shutter:focus-visible{outline-offset:4px;outline:2px solid #fff}.spot-lens-shutter:disabled{cursor:default}.spot-lens-loading{z-index:2;pointer-events:none;place-content:center;justify-items:center;gap:.9rem;display:grid;position:absolute;inset:0}.spot-lens-loader{place-items:center;width:92px;height:92px;animation:.4s cubic-bezier(.2,.9,.25,1.25) both spot-lens-loader-in;display:grid;position:relative}.spot-lens-loader:before{content:"";background:radial-gradient(circle,#2f6bff8c,#2f6bff00 70%);border-radius:50%;animation:1.6s ease-in-out infinite spot-lens-pulse;position:absolute;inset:-14px}.spot-lens-loader-beam{background:conic-gradient(#2f6bff00 0deg 200deg,#1d4fd6 290deg,#2f6bff 340deg,#fff 360deg);border-radius:50%;animation:1.1s linear infinite spot-lens-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 41px,#000 42px);mask:radial-gradient(circle,#0000 41px,#000 42px)}.spot-lens-loader-disc{background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 8px 28px #0b1b3a59,inset 0 0 0 1px #2f6bff1f}.spot-lens-loader-disc>img{width:auto;height:40px;animation:1.6s ease-in-out infinite spot-lens-breathe}.spot-lens-loader-label{-webkit-backdrop-filter:blur(14px);color:#fff;background:#0b1b3a8c;border-radius:999px;padding:.35rem .8rem;font-size:13px;font-weight:500;animation:.4s ease-out .15s both spot-lens-fade}@keyframes spot-lens-loader-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spot-lens-spin{to{transform:rotate(360deg)}}@keyframes spot-lens-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes spot-lens-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.spot-lens-box{left:.75rem;right:.75rem;bottom:var(--spot-shutter-clear);z-index:2;-webkit-backdrop-filter:blur(28px)saturate(1.6);color:#fff;background:#1c1e249e;border:1px solid #ffffff29;border-radius:1.75rem;max-width:28rem;margin-inline:auto;padding:1rem 1.1rem 1.1rem;animation:.5s cubic-bezier(.2,.9,.25,1.15) both spot-lens-rise;position:absolute;box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff1f}.spot-lens-box-kicker{letter-spacing:.06em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:600}.spot-lens-box-title{margin-top:.1rem;font-size:19px;font-weight:600;line-height:1.25}.spot-lens-box-body{color:#fffc;margin-top:.3rem;font-size:14px}.spot-lens-box-actions{gap:.5rem;margin-top:.9rem;display:flex}.spot-lens-box-primary,.spot-lens-box-secondary{text-align:center;border-radius:999px;flex:1;place-items:center;min-height:44px;font-size:14px;font-weight:600;display:grid}.spot-lens-box-primary{color:#111318;background:#fff}.spot-lens-box-secondary{color:#fff;background:#ffffff24}@keyframes spot-lens-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spot-lens-box,.spot-lens-hint{animation:none}.spot-lens-shutter{transition:none}.spot-lens[data-phase=scanning] .spot-lens-flash,.spot-lens-loader,.spot-lens-loader:before,.spot-lens-loader-disc>img,.spot-lens-loader-label{animation:none}}html[data-spot-landing] .spot-lens-shutter{visibility:hidden}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}