@layer components{.photo-fallback a{text-decoration:underline}.photo-fallback{padding:8px;font-size:12px;color:var(--label2);text-align:center}.is-loading{opacity:0}.photo{display:block;max-width:100%;border-radius:12px}}@layer components{.gallery.gallery-full{display:grid;gap:8px;padding:6px 0 2px;overflow:visible}.gallery-full .shot,.gallery-full .shot-frame{width:100%}.gallery-full .shot-frame{aspect-ratio:auto}.gallery-full .shot-frame img{width:100%;height:auto}.gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 16px 16px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.shot{flex:none;width:132px;display:grid;gap:6px;padding:0;border:0;background:none;color:var(--label);font:inherit;text-align:left;scroll-snap-align:start;cursor:pointer}.gallery-tall .shot{width:100px}.shot-frame{display:grid;place-items:center;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--fill)}.gallery-tall .shot-frame{aspect-ratio:9 / 16}.shot-frame img{width:100%;height:100%;object-fit:cover}.shot-video{display:grid;place-items:center;width:100%;height:100%;background:#1c1c1e;color:#fff}.shot-video .glyph{width:28px;height:28px}.shot-video{position:relative}.shot-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shot-duration{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:6px;background:#0000008c;color:#fff;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.gallery:not(.gallery-full) .shot-frame{transition:transform .15s ease,filter .15s ease}.gallery:not(.gallery-full) .shot:hover .shot-frame{transform:scale(1.03);filter:brightness(1.08)}.shot:focus-visible{outline:none}.shot:focus-visible .shot-frame{outline:2px solid color-mix(in srgb,var(--label) 72%,transparent);outline-offset:2px}.shot-play{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0000008c}.shot-play .glyph{width:18px;height:18px;fill:currentColor}.shot-caption{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.25;color:var(--label2)}.shot-caption .status{width:14px;height:14px}.shot-frame img,.lightbox-media{transition:opacity .25s ease}.shot-frame:has(>.is-loading){animation:skeleton-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.shot-frame img,.lightbox-media{transition:none}.shot-frame:has(>.is-loading){animation:none}}.lightbox:has(>.is-loading){animation:skeleton-pulse 1.4s ease-in-out infinite}.lightbox .photo-fallback{color:#fffc}.lightbox .photo-fallback a{color:#fff}@media(prefers-reduced-motion:reduce){.gallery:not(.gallery-full) .shot-frame{transition:none}.gallery:not(.gallery-full) .shot:hover .shot-frame{transform:none}}@media(min-width:1024px){.gallery{flex-wrap:wrap;overflow:visible}.gallery:not(.gallery-full) .shot{width:168px}.gallery-tall .shot{width:124px}}}@layer components{.stack{display:grid;gap:16px}.cosmetic-tiles .shot-frame{transition:transform .15s ease,filter .15s ease}.cosmetic-tiles .shot:hover .shot-frame{transform:scale(1.03);filter:brightness(1.08)}.cosmetic{padding:12px 16px 16px}.cosmetic-date{margin:0 0 10px;font-size:13px;color:var(--label2)}.cosmetic-groups{display:flex;flex-wrap:wrap;gap:14px 20px}.cosmetic-group{display:grid;gap:6px;align-content:start;flex:var(--tiles) 1 calc((var(--tiles) - 1) * 8px);min-width:calc(var(--tiles) * 60px + (var(--tiles) - 1) * 8px)}.cosmetic-title{margin:0;min-height:1.25em;font-size:13px;font-weight:600;color:var(--label)}.cosmetic-tiles .shot-caption{justify-content:center;font-size:12px;color:var(--label2)}.cosmetic-tiles{display:grid;grid-template-columns:repeat(var(--tiles),minmax(0,1fr));gap:8px}.cosmetic-tiles .shot{width:auto}@media(max-width:559px){.cosmetic-groups{column-gap:8px}.cosmetic-group[data-group=back]{order:1}.cosmetic-group[data-group=sides]{order:2}.cosmetic-group[data-group=other],.cosmetic-group[data-group=video]{order:3}.cosmetic-group[data-group=video]{flex:0 0 calc((100% - 24px)/4);min-width:0}}.cosmetic-tiles .shot-frame{aspect-ratio:9 / 16}.slider-thumb-frame img,.slider-media{transition:opacity .25s ease}.slider-thumb-frame:has(>.is-loading){animation:skeleton-pulse 1.4s ease-in-out infinite}.slider-open:has(>.is-loading){background:#1c1c1e;animation:skeleton-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.slider-thumb-frame img,.slider-media{transition:none}.slider-thumb-frame:has(>.is-loading),.slider-open:has(>.is-loading){animation:none}.cosmetic-tiles .shot-frame{transition:none}.cosmetic-tiles .shot:hover .shot-frame{transform:none}}.slider{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;border-radius:12px}.slider:focus-visible{outline:2px solid color-mix(in srgb,var(--label) 72%,transparent);outline-offset:4px}.cosmetic-stepper{margin:0 0 12px}.slider-stage{position:relative;display:grid;place-items:center;height:min(62vh,520px);border-radius:14px;overflow:hidden;background:#000}.slider-open{position:absolute;inset:0;padding:0;border:0;background:none;cursor:zoom-in}.slider-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0}.slider-count{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:8px;background:#00000061;-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6);color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.slider-nav{position:absolute;top:50%;display:grid;place-items:center;width:32px;height:32px;margin-top:-16px;border:0;border-radius:50%;background:#00000061;-webkit-backdrop-filter:blur(12px) saturate(1.6);backdrop-filter:blur(12px) saturate(1.6);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease}.slider-stage:hover .slider-nav,.slider-nav:focus-visible{opacity:1}.slider-nav:hover{background:#0000008c}@media(hover:none){.slider-nav{opacity:1}}.slider-prev{left:10px}.slider-next{right:10px}.slider-nav svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.slider-caption{margin:0;font-size:15px;font-weight:600;text-align:center}.slider-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:10px 8px;min-width:0;padding:3px}.slider-thumb{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;min-width:0;padding:0;border:0;background:none;color:var(--label2);font:inherit;cursor:pointer}.slider-thumb-frame{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--fill);opacity:.6}.slider-thumb:hover .slider-thumb-frame{opacity:.85}.slider-thumb[aria-current] .slider-thumb-frame{opacity:1;outline:2px solid color-mix(in srgb,var(--label) 72%,transparent);outline-offset:1px}.dark .slider-thumb[aria-current] .slider-thumb-frame{outline-color:color-mix(in srgb,var(--label) 35%,transparent)}.slider-thumb[aria-current] .slider-thumb-name{color:var(--label);font-weight:600}.slider-thumb:focus-visible{outline:none}.slider-thumb:focus-visible .slider-thumb-frame{outline:2px solid color-mix(in srgb,var(--label) 72%,transparent);outline-offset:1px}.slider-thumb-frame img{display:block;width:100%;height:100%;object-fit:cover}.slider-thumb-name{max-width:100%;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.slider-thumb-video{display:grid;place-items:center;width:100%;height:100%;background:#1c1c1e}.slider-thumb-video svg{width:18px;height:18px;fill:#fff}}@layer components{.hero-device{width:66px;height:90px;flex:none}.device-bump-edge{stroke:#6a6f79;stroke-width:.35}.device-bump-shadow{fill:#121317;opacity:.55}.device-lens-collar{fill:#0b0c10}.device-glint{fill:#fff;opacity:.85}.device-flash-ring{fill:#6a6f79}.device-flash{fill:#f3e7c5}.device-mark{opacity:.16}.device-mark-circle{fill:#fff;fill-opacity:.07;stroke:#fff;stroke-opacity:.12;stroke-width:.4}.device-mic{fill:#0b0c10}.device-lidar{fill:#0b0c10;stroke:#55595f;stroke-width:.3}.device-frame,.device-button{fill:var(--device-frame)}.device-glass{fill:#050505}.device-detail{fill:#3a3a3c}.device-home{fill:#050505;stroke:var(--device-frame);stroke-width:.8}@media(max-width:559px){.hero-device{width:56px;height:76px}}@media(min-width:1024px){.hero-device{width:79px;height:108px}}}@layer components{.hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-top:18px;padding:18px;background:var(--card);border-radius:var(--radius-card)}.hero-text{min-width:0}.hero h1{font-size:28px;font-weight:700;letter-spacing:.01em;margin:0 0 6px;text-wrap:balance}.sub{margin:0;color:var(--label2);font-size:15px;display:flex;flex-wrap:wrap;gap:2px 10px}.sub span+span:before{content:"·";margin-right:10px;color:var(--label3)}.imeis{margin-bottom:4px;color:var(--label);font-variant-numeric:tabular-nums}.identity-bar{position:fixed;top:52px;left:0;right:0;z-index:9;background:var(--card);border-top:.5px solid var(--sep);border-bottom:.5px solid var(--sep);transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility .2s}.identity-bar-shown{transform:none;opacity:1;visibility:visible}.identity-bar-inner{display:flex;align-items:center;gap:12px;max-width:700px;margin:0 auto;padding:6px 16px}.identity-bar .hero-device{width:30px;height:41px}.identity-bar-text{flex:1;min-width:0;display:grid;font-size:13px;color:var(--label2);font-variant-numeric:tabular-nums}.identity-bar-text strong{font-size:15px;color:var(--label)}.identity-bar-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-score{display:flex;align-items:center;gap:6px;flex:none;font-size:13px;color:var(--label2);font-variant-numeric:tabular-nums}.identity-score b{font-size:15px;font-weight:600;color:var(--label)}.identity-score .score-ring{width:22px;height:22px}.identity-score .score-ring circle{stroke-width:10}@media(max-width:559px){.hero .sub{flex-direction:column}.hero .sub span+span:before{display:none}}.summary{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding-top:16px;border-top:.5px solid var(--sep)}.score-ring{width:64px;height:64px;flex:none}.score-ring circle{fill:none;stroke-width:8}.score-ring-track{stroke:var(--fill)}.score-ring-ok,.score-ring-fail{transform:rotate(-90deg);transform-origin:50% 50%}.score-ring-ok{stroke:var(--green)}.score-ring-fail{stroke:var(--red)}.summary-text{min-width:0}.summary-title{font-size:17px;font-weight:600}.spec-item{display:inline-flex;align-items:center;gap:5px}.specs-line{gap:2px 16px}.specs-line .spec-item+.spec-item:before{content:none}.spec-item .glyph{width:15px;height:15px;flex:none}.summary-notes{display:flex;flex-wrap:wrap;gap:2px 6px;margin:4px 0 0;font-size:15px;color:var(--label2)}.summary-notes>*+*:before{content:"·";margin-right:6px;color:var(--label2)}.summary-when{margin:2px 0 0;font-size:13px;color:var(--label2);font-variant-numeric:tabular-nums}.summary-fail{padding:0;border:0;background:none;font:inherit;color:var(--red);cursor:pointer}@media(min-width:1024px){.hero{grid-template-columns:auto minmax(0,1fr) auto;gap:22px;margin-top:24px;padding:22px 26px}.hero h1{font-size:30px}.identity-bar-inner{max-width:1240px;padding:6px 28px}.summary{grid-column:auto;min-width:220px;padding:0;border-top:0}.score-ring{width:56px;height:56px}.score-ring-big{font-size:16px}.score-ring-small{font-size:10px}}@media(prefers-reduced-motion:reduce){.identity-bar{transition:none}}@media(max-width:1023px){.hero{row-gap:0}.hero-text{display:contents}.hero>:first-child{grid-row:span 2}.hero h1{grid-column:2;align-self:end}.hero-text>.sub{grid-column:2;align-self:start}.hero-text>.specs-line{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:16px;padding-top:14px;border-top:.5px solid var(--sep);font-size:14px}.hero .summary{margin-top:14px}}}@layer components{.tones{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;color:var(--label2);font-variant-numeric:tabular-nums}.tones thead th{padding-bottom:8px;font-weight:400;text-align:center}.tones thead .tones-unit{width:22%;font-weight:400;text-align:left;white-space:nowrap}.tones thead td{width:8%}@media(max-width:559px){.tones thead th:not(.tones-unit){font-size:10px;letter-spacing:-.02em}}.tones-count{padding-left:6px;text-align:right}.tones tbody th{padding:7px 8px 7px 0;font-size:13px;font-weight:400;color:var(--label);text-align:left}.tone{padding:7px 0;text-align:center;background:linear-gradient(var(--sep),var(--sep)) center / 100% 1px no-repeat}.tones tbody th+.tone{background-size:50% 1px;background-position:right center}.tone:nth-last-child(2){background-size:50% 1px;background-position:left center}.tone-dot{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);vertical-align:middle}.tone-none .tone-dot{background:none;box-shadow:inset 0 0 0 1.5px var(--label3)}.tone svg{display:inline-block;width:10px;height:10px;vertical-align:middle;fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round}}@layer components{.test{position:relative}.test-title{margin:0;font:inherit}.test+.test:before{content:"";position:absolute;top:0;right:0;left:58px;border-top:.5px solid var(--sep)}.test-head{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}div.test-head{padding-right:36px;cursor:default}.test-head:focus-visible{outline-offset:-2px;border-radius:var(--radius-card)}.test-label{display:flex;flex:1;flex-direction:column;min-width:0;padding-block:9px}.test-name{margin:0;font-size:17px;font-weight:400}.test-state{display:flex;align-items:center;gap:6px}.test-meta{font-size:13px;color:var(--label2);font-variant-numeric:tabular-nums}.chev{width:8px;height:13px;flex:none;fill:none;stroke:var(--label3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.test-open .chev{transform:rotate(90deg)}.test-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 16px 14px 58px}.test-detail dl{display:grid;margin:0;font-size:15px}.fact{display:flex;justify-content:space-between;gap:16px;padding-block:7px}.fact+.fact{border-top:.5px solid var(--sep)}.fact dt{color:var(--label2)}.fact .fact-pass{color:var(--green)}.fact .fact-fail{color:var(--red)}.fact dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stepper{display:flex;align-items:center;gap:4px;padding:3px;border-radius:10px;background:var(--bg)}.stepper-arrow{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:8px;background:var(--card);color:var(--blue);cursor:pointer}.stepper-arrow:disabled{background:none;color:var(--label3);cursor:default}.stepper-arrow svg{width:8px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stepper-current{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-width:0;font-size:14px}.stepper-label{min-width:0;text-align:center;text-wrap:balance;font-variant-numeric:tabular-nums}.stepper-current .status{flex:none}.stepper-place{font-size:12px;color:var(--label2);white-space:nowrap}.test-detail .photos{margin-top:4px}.test-detail .photos .shot-frame{position:relative;display:block;height:var(--attempt-photo, min(64vw, 340px));background:var(--bg)}.test-detail .photos .shot-frame img,.test-detail .photos .shot-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photo-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:10px 0 2px;height:var(--attempt-photo, min(64vw, 340px));border-radius:12px;background:var(--bg);color:var(--label2);font-size:13px}.photo-missing svg{width:26px;height:26px;stroke-width:1.6}.test-inline{padding:2px 16px 16px 58px}.test-inline .speakers{padding:10px 12px 8px;border-radius:12px;background:var(--bg)}.test-thumb img{transition:opacity .25s ease}.test-thumb:has(>.is-loading){animation:skeleton-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.test-thumb img{transition:none}.test-thumb:has(>.is-loading){animation:none}}@media(min-width:1024px){.test-name{font-size:15px}.test-head{min-height:44px}.test-detail dl{font-size:13px}.fact{padding-block:5px}}@media(prefers-reduced-motion:reduce){.chev{transition:none}}.test-thumb{display:block;flex:none;width:30px;height:30px;padding:4px;border-radius:7px;background:var(--fill)}.test-thumb img{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover}.test-thumb .photo-fallback{display:none}}@layer components{.notice{margin:18px 0 0;padding:12px 16px;border-radius:var(--radius-card);background:var(--notice);font-size:15px}.section-header{font-size:13px;font-weight:400;color:var(--label2);text-transform:uppercase;letter-spacing:.02em;margin:28px 16px 7px}.group{background:var(--card);border-radius:var(--radius-card);overflow:hidden}.icon{width:30px;height:30px;border-radius:7px;flex:none;display:grid;place-items:center;color:#fff}.icon-mono{background:var(--fill);color:var(--label2)}.glyph{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.status{width:18px;height:18px;flex:none}.status path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.status-ok circle{fill:var(--green)}.status-fail circle{fill:var(--red)}.status-none circle{fill:var(--blue)}.skeleton .hero{min-height:126px}.skeleton-block{display:block;border-radius:8px;background:var(--fill);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-device{width:66px;height:90px;border-radius:12px}.skeleton-lines{display:grid;gap:10px}.skeleton-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px}.skeleton-row+.skeleton-row{border-top:.5px solid var(--sep)}.skeleton-icon{width:30px;height:30px;border-radius:7px}.skeleton-dot{width:22px;height:22px;margin-left:auto;border-radius:50%}@keyframes skeleton-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}@media(min-width:1024px){body{font-size:14px}.section-header{margin:26px 2px 10px;font-size:12px}.group:not(.tests){border:.5px solid var(--sep)}.test-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:24px}.test-columns{display:grid;grid-template-columns:repeat(var(--columns, 2),minmax(0,1fr));align-items:start;column-gap:24px}.test-column{min-width:0}}@media(min-width:1200px){.test-sections{grid-template-columns:repeat(3,minmax(0,1fr))}}}
