.compatibility-wrap{max-width:1380px}.compat-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px}.compat-heading p{font-size:13px;color:var(--fg-999999,var(--tone-999999,#999));margin:0;line-height:1.9}.compat-reviewed{font-size:9px;color:var(--fg-666666,var(--tone-666666,#666));white-space:nowrap;padding-bottom:5px}.compat-checker{border:1px solid var(--tone-ffffff1d,#ffffff1d);border-radius:12px;background:var(--tone-151515,#151515);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:410px}.compat-setup{padding:34px;border-right:1px solid var(--tone-ffffff14,#ffffff14)}.setup-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:29px}.compat-step{font-size:8px;color:var(--fg-adadad,var(--tone-adadad,#adadad));letter-spacing:1.5px;font-weight:600}.lookup-tag{font-size:8px;color:var(--fg-777777,var(--tone-777777,#777));border:1px solid var(--tone-333333,#333);border-radius:20px;padding:6px 9px}.compat-setup>label{display:block;color:var(--fg-b0b0b0,var(--tone-b0b0b0,#b0b0b0));font-size:11px;margin-bottom:11px}#compat-model{width:100%;font:12px 'DM Sans',Arial,sans-serif;color:var(--fg-eeeeee,var(--tone-eeeeee,#eee));background:var(--tone-202020,#202020);border:1px solid var(--tone-3c3c3c,#3c3c3c);border-radius:6px;padding:15px;color-scheme:dark;cursor:pointer}#compat-model:disabled{opacity:.5}.optional-checks{margin:17px 0 22px}.optional-checks summary{border:0;padding:10px 0;font-size:10px;justify-content:start;gap:12px;color:var(--fg-999999,var(--tone-999999,#999))}.optional-checks summary span{font-size:8px;border:1px solid var(--tone-333333,#333);border-radius:3px;padding:3px 5px;line-height:1;color:var(--fg-777777,var(--tone-777777,#777))}.optional-checks[open] summary span{transform:none}.optional-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.optional-fields label{font-size:9px;color:var(--fg-888888,var(--tone-888888,#888))}.optional-fields input{display:block;width:100%;margin-top:9px;border:1px solid var(--tone-333333,#333);border-radius:5px;background:var(--tone-202020,#202020);color:var(--fg-ffffff,var(--tone-ffffff,#fff));padding:12px;font-size:11px;min-width:0;color-scheme:dark}.optional-fields input::placeholder{color:var(--fg-666666,var(--tone-666666,#666))}.optional-checks>p{font-size:9px;color:var(--fg-666666,var(--tone-666666,#666));margin-top:11px}.compat-setup>.button{padding:13px 23px;gap:32px;font-size:11px;min-width:135px}.compat-setup>.button:disabled{opacity:.35;cursor:not-allowed}.compat-caption{font-size:9px;color:var(--fg-737373,var(--tone-737373,#737373));margin:19px 0 0;line-height:1.8}.compat-error{font-size:11px;color:var(--fg-d8a466,#d8a466);margin:17px 0 0}.compat-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;position:relative;background:radial-gradient(ellipse at 50% 40%,#8d6e3320,transparent 65%);min-height:360px;overflow:hidden}.chip-orbit{position:relative;width:185px;height:185px;display:grid;place-items:center;margin-bottom:24px}.orbit-ring{position:absolute;inset:0;border:1px solid var(--tone-ffffff10,#ffffff10);border-radius:50%}.orbit-ring::after{content:'';position:absolute;inset:20px;border:1px dashed var(--tone-ffffff14,#ffffff14);border-radius:50%}.chip-core{height:97px;width:97px;background:linear-gradient(145deg,var(--tone-292721,#292721),var(--tone-151515,#151515));border:1px solid #8a755143;border-radius:17px;box-shadow:0 12px 30px var(--tone-00000044,#0004);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:1}.chip-core .icon{width:34px;height:34px;color:var(--fg-a18b65,#a18b65);stroke-width:1.2}.chip-core>span{font-size:6px;letter-spacing:1px;color:var(--fg-99896f,#99896f);text-transform:uppercase}.chip-lines{position:absolute;width:140px;height:140px;inset:22px;background:linear-gradient(90deg,transparent 49.5%,#93826333 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#93826333 50%,transparent 50.5%);transform:rotate(45deg)}.orbit-dot{position:absolute;inset:0;border:1px solid transparent;border-radius:50%}.orbit-dot::before{content:'';position:absolute;top:0;left:50%;width:4px;height:4px;background:#bb9a5f;border-radius:50%;opacity:.4}.reviewing .orbit-dot{animation:compat-orbit 1.2s linear infinite}.reviewing .chip-core{animation:compat-glow .8s ease-in-out infinite alternate}.visual-copy{text-align:center}.visual-copy h2{font-size:18px;letter-spacing:-.5px;font-weight:500;margin:0 0 9px}.visual-copy p{font-size:10px;color:var(--fg-777777,var(--tone-777777,#777));margin:0;min-height:18px}.compat-progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--tone-222222,#222)}.compat-progress-track>span{display:block;width:0;height:100%;background:#c7a167}.reviewing .compat-progress-track>span{animation:compat-progress 1.2s linear both}.compat-results{margin-top:45px;scroll-margin-top:25px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.result-heading h2{font-size:29px;letter-spacing:-.9px;margin:0;font-weight:600;outline:0}.result-heading .eyebrow{font-size:8px;margin-bottom:11px}.result-heading button{background:none;border:0;padding:8px 0;display:flex;gap:9px;align-items:center;font-size:10px;color:var(--fg-888888,var(--tone-888888,#888))}.result-heading button:hover{color:var(--fg-ffffff,var(--tone-ffffff,#fff))}.result-heading button .icon{width:14px;height:14px}.compat-verdict{display:flex;gap:16px;padding:23px 25px;border:1px solid var(--tone-ffffff1a,#ffffff1a);background:var(--tone-191919,#191919);border-radius:9px;margin-bottom:22px}.verdict-icon{padding-top:2px;color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa))}.verdict-icon .icon{width:20px;height:20px}.compat-verdict h3{font-size:14px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.compat-verdict p{font-size:11px;line-height:1.8;color:var(--fg-929292,var(--tone-929292,#929292));margin:0;max-width:830px}.compat-verdict.critical{background:#b97c3010;border-color:#b88b4638}.compat-verdict.critical .verdict-icon{color:var(--fg-d9a259,#d9a259)}.compat-verdict.minimum{border-color:#b1a27633}.compat-verdict.minimum .verdict-icon{color:var(--fg-c1b174,#c1b174)}.compat-verdict.headroom{background:#71a47a08;border-color:#7da97830}.compat-verdict.headroom .verdict-icon{color:var(--fg-9cb994,#9cb994)}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hardware-card{padding:23px;border:1px solid var(--tone-ffffff17,#ffffff17);border-radius:8px;background:var(--tone-151515,#151515);animation:compat-card .4s var(--card-delay,0ms) ease both}.hardware-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:24px;min-height:20px}.hardware-card-top>.icon{width:16px;height:16px;color:var(--fg-777777,var(--tone-777777,#777))}.hardware-label{font-size:10px;color:var(--fg-8d8d8d,var(--tone-8d8d8d,#8d8d8d))}.hardware-card h3{font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:0 0 13px;font-weight:500}.hardware-card p{font-size:10px;line-height:1.85;color:var(--fg-737373,var(--tone-737373,#737373));margin:0}.hardware-card.critical{border-color:#cf9d4d5c;background:#a4722a08}.hardware-card.critical h3{color:var(--fg-e3b46c,#e3b46c)}.hardware-card.minimum{border-color:#b2a3753b}.hardware-card.headroom{border-color:#88ab7529}.hardware-badge{font-size:7px;font-weight:600;display:inline-flex;align-items:center;gap:5px;color:var(--fg-999999,var(--tone-999999,#999));border:1px solid var(--tone-ffffff16,#ffffff16);border-radius:4px;padding:4px 5px;margin-left:auto;white-space:nowrap}.hardware-badge .icon{width:11px;height:11px}.hardware-badge.critical{color:var(--fg-e4b66c,#e4b66c);border-color:#b58c4c44;background:#b97c3012}.hardware-badge.minimum{color:var(--fg-bfb17b,#bfb17b);border-color:#bfb17b33}.hardware-badge.headroom{color:var(--fg-8fae81,#8fae81);border-color:#8fae8133}.runtime-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 17px}.runtime-heading h3{font-size:16px;font-weight:500;margin:0}.runtime-heading>span{font-size:9px;color:var(--fg-666666,var(--tone-666666,#666))}.runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compat-footnote{display:flex;align-items:start;gap:12px;padding:22px 0}.compat-footnote>.icon{width:15px;height:15px;flex-shrink:0;color:var(--fg-777777,var(--tone-777777,#777));margin-top:3px}.compat-footnote p{font-size:10px;color:var(--fg-777777,var(--tone-777777,#777));line-height:1.9;margin:0;max-width:970px}.compat-sources{border:1px solid var(--tone-ffffff13,#ffffff13);border-radius:7px;padding:0 22px}.compat-sources summary{font-size:11px;border:0;padding:18px 0;color:var(--fg-9b9b9b,var(--tone-9b9b9b,#9b9b9b))}.compat-sources summary .icon{width:15px;height:15px}.compat-sources[open] summary>.icon{transform:rotate(180deg)}.compat-sources>p,.source-unknown,.source-review{font-size:10px;color:var(--fg-777777,var(--tone-777777,#777));line-height:1.9}.compat-sources>p{margin-bottom:18px}.compat-sources a{display:flex;align-items:center;gap:8px;color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa));font-size:10px;margin:13px 0;width:fit-content}.compat-sources a:hover{color:var(--fg-f3bc4c,#f3bc4c)}.compat-sources a>.icon{width:12px;height:12px}.source-review{border-top:1px solid var(--tone-ffffff12,#ffffff12);padding:15px 0;margin-top:20px}.compat-reference{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;border-top:1px solid var(--tone-ffffff16,#ffffff16);padding-top:29px}.compat-reference h3{font-size:12px;font-weight:500;margin:0 0 7px}.compat-reference p{font-size:9px;color:var(--fg-6e6e6e,var(--tone-6e6e6e,#6e6e6e));margin:0}.compat-reference>div:nth-child(2){display:flex;gap:25px}.compat-reference span{display:block;font-size:8px;color:var(--fg-777777,var(--tone-777777,#777))}.compat-reference span b{display:block;color:var(--fg-b4b4b4,var(--tone-b4b4b4,#b4b4b4));font-size:12px;font-weight:500;margin-bottom:6px}.compat-reference>a{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa));white-space:nowrap}.compat-reference>a .icon{width:13px;height:13px}.compat-reference>a:hover{color:var(--fg-f3bc4c,#f3bc4c)}@keyframes compat-orbit{to{transform:rotate(360deg)}}@keyframes compat-glow{to{box-shadow:0 0 40px #b7985d2b;border-color:#b7985d88}}@keyframes compat-progress{to{width:100%}}@keyframes compat-card{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.compat-setup{padding:28px}.lookup-tag{display:none}.hardware-grid{grid-template-columns:repeat(2,1fr)}.compat-reference{flex-wrap:wrap}.compat-reference>div:nth-child(2){gap:30px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.drawer-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.compat-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:26px}.compat-heading h1{font-size:36px}.compat-heading p{font-size:11px}.compat-reviewed{font-size:8px}.compat-checker{grid-template-columns:1fr}.compat-setup{border-right:0;border-bottom:1px solid var(--tone-ffffff14,#ffffff14);padding:25px}.compat-visual{min-height:290px;padding:25px}.chip-orbit{width:150px;height:150px;margin-bottom:20px}.chip-core{width:84px;height:84px;border-radius:15px}.chip-core .icon{width:28px;height:28px}.chip-core>span{font-size:5px}.chip-lines{width:120px;height:120px;inset:15px}.lookup-tag{display:inline;font-size:7px}.compat-results{margin-top:35px}.result-heading h2{font-size:26px}.compat-verdict{padding:21px;gap:13px}.compat-verdict h3{font-size:12px}.compat-verdict p{font-size:10px}.hardware-card{padding:20px}.hardware-card h3{font-size:22px}.hardware-card p{font-size:9px}.hardware-card-top{gap:7px;margin-bottom:19px}.hardware-label{font-size:9px}.hardware-badge{font-size:6px;margin-left:0}.compat-reference{gap:24px}.compat-reference>div:first-child{width:100%}.compat-reference>div:nth-child(2){gap:25px}.compat-reference>a{font-size:9px}.compat-sources{padding:0 18px}.compat-footnote p{font-size:9px}.runtime-heading>span{font-size:8px}.compat-sources a{font-size:9px}.compat-sources>p,.source-review{font-size:9px}.drawer-nav{display:block}}@media(max-width:430px){.compat-heading h1{font-size:33px}.compat-setup{padding:22px}.setup-top{gap:12px;margin-bottom:24px}.compat-step{font-size:7px}.lookup-tag{font-size:6px;padding:5px 7px}.hardware-grid{gap:12px}.hardware-card{padding:17px}.hardware-card-top{row-gap:8px}.hardware-card-top>.icon{width:13px;height:13px}.hardware-card h3{font-size:19px;letter-spacing:-.4px}.hardware-label{font-size:8px}.hardware-badge{font-size:6px}.hardware-badge .icon{width:10px;height:10px}.hardware-card p{font-size:8px}.runtime-grid{grid-template-columns:1fr}.runtime-grid .hardware-card-top{gap:9px}.runtime-grid .hardware-badge{margin-left:auto}.compat-reference>div:nth-child(2){gap:22px}.compat-reference span{font-size:7px}.compat-reference span b{font-size:11px}.compat-reference p{font-size:8px}.result-heading h2{font-size:23px}.result-heading button{font-size:8px;gap:5px}.compat-verdict{padding:18px}.compat-verdict h3{font-size:11px}.compat-verdict p{font-size:9px}.optional-fields{gap:10px}.optional-fields label{font-size:8px}.optional-fields input{font-size:10px;padding:11px 9px}.optional-checks summary{font-size:9px}.compat-caption{font-size:8px}.compat-footnote p{font-size:8px}}@media(prefers-reduced-motion:reduce){.compatibility-wrap *{animation:none!important;transition:none!important}}
.memory-support{display:flex;align-items:start;gap:17px;border:1px solid #a88a473d;background:#c39c5109;border-radius:9px;padding:24px;margin-bottom:23px}.memory-support-icon{display:grid;place-items:center;padding-top:4px;color:var(--fg-c5a76b,#c5a76b);flex-shrink:0}.memory-support-icon .icon{width:23px;height:23px}.memory-support-label{font-size:7px;letter-spacing:1.5px;color:var(--fg-9d8c70,#9d8c70);display:block;margin-bottom:10px}.memory-support h3{font-size:17px;letter-spacing:-.3px;font-weight:500;margin:0 0 10px}.memory-support p{font-size:11px;color:var(--fg-9b9385,#9b9385);line-height:1.9;margin:0;max-width:850px}.memory-support-links{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:17px}.memory-support-links a{display:inline-flex;align-items:center;gap:8px;color:var(--fg-c9ad77,#c9ad77);font-size:10px;font-weight:500}.memory-support-links a:hover{color:var(--fg-f3bc4c,#f3bc4c)}.memory-support-links .icon{width:13px;height:13px}@media(max-width:480px){.memory-support{padding:19px;gap:13px}.memory-support h3{font-size:15px}.memory-support p{font-size:10px}.memory-support-label{font-size:6px}.memory-support-links{gap:15px}.memory-support-links a{font-size:9px}.memory-support-icon .icon{width:19px;height:19px}}
/* The Welcome profile is a read-only source of device identity. */
.saved-device-card{display:flex;align-items:center;gap:19px;padding:20px 0 23px;border-bottom:1px solid #e5d1a61a;margin-bottom:21px;min-width:0}.saved-device-card>div:last-child{min-width:0}.saved-device-label{display:block;font-size:7px;letter-spacing:1.4px;color:var(--fg-a69578,#a69578);margin-bottom:11px}.saved-device-card h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.6px;color:var(--fg-e2d7c2,#e2d7c2);margin:0 0 10px;overflow-wrap:anywhere}.saved-device-card p{font-size:10px;line-height:1.8;color:var(--fg-8c8272,#8c8272);margin:0;max-width:320px}.saved-phone{position:relative;flex-shrink:0;display:grid;place-items:center;width:54px;height:77px;border-radius:14px;background:linear-gradient(140deg,#c4a4710b,transparent)}.saved-phone svg{width:39px;height:61px;stroke:#bca16c;fill:none;stroke-width:1.3;stroke-linecap:round}.saved-phone>span{position:absolute;right:4px;bottom:10px;height:7px;width:7px;background:#a6b791;border-radius:50%;box-shadow:0 0 0 4px var(--tone-151411,#151411),0 0 12px #a6b79122}.saved-device-card[data-state=loading] .saved-phone>span{background:#968567;animation:saved-pulse 1s ease-in-out infinite}.saved-device-card[data-state=android] .saved-phone>span,.saved-device-card[data-state=unknown] .saved-phone>span,.saved-device-card[data-state=missing] .saved-phone>span{background:#bd8b55}.profile-notice{border:1px solid #b58b4540;background:#b58b4508;padding:16px 18px;border-radius:7px;margin:0 0 18px}.profile-notice p{font-size:11px;line-height:1.9;color:var(--fg-b8a68a,#b8a68a);margin:0 0 14px}.profile-notice a{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:var(--fg-dab875,#dab875)}.profile-notice a:hover{color:var(--fg-f5dcae,#f5dcae)}.profile-notice a>.icon{height:13px;width:13px}.review-steps{list-style:none;display:grid;gap:12px;padding:0;margin:24px 0 26px}.review-steps li{display:flex;align-items:center;gap:11px;color:var(--fg-6e6658,#6e6658);font-size:9px;transition:color .25s}.review-steps li>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid #c7ac7e20;font-size:7px;font-variant-numeric:tabular-nums;transition:background .25s,border-color .25s}.review-steps li.active{color:var(--fg-d2b782,#d2b782)}.review-steps li.active>span{border-color:#c9a76a88;background:#b08e4910;box-shadow:0 0 13px #b08e4909}.review-steps li.done{color:var(--fg-a4b08b,#a4b08b)}.review-steps li.done>span{border-color:#a4b08b44;background:#a4b08b0a}.review-state{display:block;color:var(--fg-8e7e60,#8e7e60);font-size:7px;letter-spacing:1.4px;margin-bottom:16px}.profile-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 75%,#c6a26614 95%,#c6a26633 100%);opacity:0;pointer-events:none}.reviewing .profile-sweep{opacity:1;animation:compat-orbit 1.8s linear infinite}.reviewing .compat-progress-track>span{animation-duration:1.44s}.profile-ready .compat-progress-track>span{width:100%;background:#a5b18b;transition:background .4s}.profile-ready .chip-core{border-color:#b6ac8155;box-shadow:0 0 35px #b6ac8110;transition:border-color .3s,box-shadow .3s}.profile-ready .review-state{color:var(--fg-a5b18b,#a5b18b)}.compat-visual{background:radial-gradient(ellipse at 50% 40%,#9b763c0b,transparent 70%)}.compat-setup{background:linear-gradient(130deg,#d5b47403,transparent 70%)}.hardware-card{position:relative;overflow:hidden;transition:border-color .25s,background .25s,box-shadow .25s}.hardware-card:before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#d8bb8029,transparent);pointer-events:none}.hardware-card.critical:before{background:linear-gradient(90deg,transparent,#c99b5266,transparent)}@media(hover:hover) and (pointer:fine){.hardware-card:hover{border-color:#d1b57f55;box-shadow:0 8px 30px var(--tone-00000022,#0002);background:var(--tone-1b1914,#1b1914)}.hardware-card.critical:hover{background:#b386370e;border-color:#c99b5288}.saved-device-card[data-state=ready]:hover .saved-phone{background:#c6a2660d}.saved-phone svg{transition:transform .3s}.saved-device-card[data-state=ready]:hover .saved-phone svg{transform:translateY(-2px)}}
@keyframes saved-pulse{50%{opacity:.35}}
@media(max-width:750px){.saved-device-card{gap:16px;padding-top:8px}.saved-device-card h2{font-size:23px}.saved-device-card p{font-size:10px}.review-steps{margin:23px 0;gap:10px}.review-state{font-size:6px;margin-bottom:13px}.compat-visual{min-height:330px}.profile-notice p{font-size:10px}.profile-notice a{font-size:9px}}
@media(max-width:430px){.saved-device-card{gap:13px}.saved-device-card h2{font-size:21px}.saved-phone{width:44px;height:68px}.saved-phone svg{width:34px;height:55px}.saved-device-label{font-size:6px;letter-spacing:1.1px}.saved-device-card p{font-size:9px}.review-steps li{font-size:8px}.review-steps li>span{width:20px;height:20px}.compat-visual{min-height:315px}.profile-notice{padding:14px}.hardware-card h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.compatibility-wrap .profile-sweep{display:none}.saved-phone svg,.hardware-card,.review-steps li,.review-steps li>span{transition:none}.saved-device-card[data-state=loading] .saved-phone>span{animation:none}}
/* Focused review: setup → scanning → results. */
body[data-compat-phase="scanning"] .site-header,body[data-compat-phase="scanning"] .site-footer,body[data-compat-phase="scanning"] .compat-heading,body[data-compat-phase="scanning"] .compat-setup,body[data-compat-phase="scanning"] .compat-reference,body[data-compat-phase="scanning"] .cookie-banner{display:none!important}
body[data-compat-phase="scanning"] .compatibility-wrap{padding-top:0;padding-bottom:0}
body[data-compat-phase="scanning"] .compat-checker{display:block;border:0;background:transparent;margin:0}
body[data-compat-phase="scanning"] .compat-visual{min-height:100svh;border:0;outline:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px}
body[data-compat-phase="scanning"] .compat-visual h2{font-size:clamp(28px,5vw,44px)}
body[data-compat-phase="scanning"] .compat-progress-track{width:min(320px,80%)}
body[data-compat-phase="results"] .compat-heading,body[data-compat-phase="results"] .compat-checker,body[data-compat-phase="results"] .compat-reference{display:none}
body[data-compat-phase="results"] .compat-results{margin-top:0}
.result-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px;padding-bottom:20px;border-bottom:1px solid var(--tone-303030,#303030)}
.result-nav a{font-size:13px;padding:10px 16px;border-radius:30px;background:var(--tone-202020,#202020);color:var(--fg-d9d9d9,var(--tone-d9d9d9,#d9d9d9));transition:background .2s,color .2s}
.result-nav a:hover,.result-nav a:focus-visible{background:#f6b923;color:var(--fg-151515,var(--tone-151515,#151515))}
#hardware-grid,#performance-check,#compat-verdict{scroll-margin-top:110px}
.performance-studio{margin:36px 0;border:1px solid var(--tone-38352b,#38352b);border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,var(--tone-242018,#242018),transparent 60%),var(--tone-151515,#151515)}.performance-intro{padding:clamp(24px,4vw,44px) clamp(24px,4vw,44px) 20px}.performance-intro h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;line-height:1.15;margin:16px 0}.performance-intro p{color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa));line-height:1.7;max-width:650px}.performance-intro strong{font-weight:500;color:var(--fg-eeeeee,var(--tone-eeeeee,#eee))}.performance-disclaimer{font-size:12px;color:var(--fg-aa9e83,#aa9e83);margin-top:20px}#performance-form{padding:0 clamp(24px,4vw,44px) 32px}.performance-upload{padding:24px;border:1px dashed #55503e;border-radius:12px;background:var(--tone-ffffff03,#ffffff03);margin:16px 0 24px}.performance-upload label{display:grid;gap:8px;cursor:pointer}.performance-upload .icon{color:var(--fg-dfb75c,#dfb75c);width:24px;height:24px;margin-bottom:8px}.performance-upload label span{font-size:12px;color:var(--fg-999999,var(--tone-999999,#999));line-height:1.6}.performance-upload input{max-width:100%;font:inherit;font-size:13px;margin-top:18px;color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa))}.performance-upload input::file-selector-button{border:1px solid #514936;border-radius:6px;background:var(--tone-28251e,#28251e);color:var(--fg-e2c784,#e2c784);padding:9px 12px;margin-right:12px;cursor:pointer}.performance-text label{display:block;font-size:14px;margin-bottom:12px}.performance-text textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:140px;max-height:500px;border:1px solid var(--tone-383838,#383838);border-radius:10px;background:var(--tone-101010,#101010);color:var(--fg-e1dfd5,var(--tone-e1dfd5,#e1dfd5));padding:16px;font:12px/1.8 monospace}.performance-text textarea:focus{outline:2px solid #a38743;outline-offset:2px}.performance-text p,#performance-file-note{color:var(--fg-969696,var(--tone-969696,#969696));font-size:12px;line-height:1.7}.performance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}.performance-actions>span{width:100%;color:var(--fg-8c8c8c,var(--tone-8c8c8c,#8c8c8c));font-size:12px;line-height:1.6}.performance-clear{background:none;border:0;color:var(--fg-bbbbbb,var(--tone-bbbbbb,#bbb));font:inherit;font-size:13px;cursor:pointer;padding:12px}.performance-clear:hover{color:var(--fg-ffffff,var(--tone-ffffff,#fff))}#performance-error{padding:16px;background:#33271e;color:var(--fg-efc69d,#efc69d);border-left:2px solid #d89352;font-size:14px;line-height:1.6}#performance-result{border-top:1px solid var(--tone-39362d,#39362d);padding:clamp(24px,4vw,44px);scroll-margin-top:100px;--rating:#a9ba93;animation:performance-in .35s ease}#performance-result[data-level="serious"]{--rating:#e1b55f}#performance-result[data-level="critical"]{--rating:#e99081}#performance-result[data-level="unknown"]{--rating:#a6b2c1}.performance-summary{display:flex;align-items:center;justify-content:space-between;gap:28px}.performance-summary h3{font-size:clamp(36px,6vw,56px);font-weight:500;color:var(--rating);letter-spacing:-2px;margin:12px 0}.performance-summary p{color:var(--fg-b7b7b7,var(--tone-b7b7b7,#b7b7b7));line-height:1.7;max-width:600px;font-size:14px}.performance-meter{display:flex;gap:6px;align-items:flex-end;height:64px;min-width:75px}.performance-meter span{display:block;width:18px;background:var(--tone-333333,#333);border-radius:4px}.performance-meter span:nth-child(1){height:24px;background:var(--rating)}.performance-meter span:nth-child(2){height:44px}.performance-meter span:nth-child(3){height:64px}[data-level="serious"] .performance-meter span:nth-child(2),[data-level="critical"] .performance-meter span{background:var(--rating)}[data-level="unknown"] .performance-meter span{background:var(--tone-444444,#444)}#performance-context{color:var(--fg-999999,var(--tone-999999,#999));font-size:12px;line-height:1.8;padding-bottom:22px;border-bottom:1px solid var(--tone-303030,#303030)}#performance-findings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.performance-finding{border:1px solid var(--tone-303030,#303030);background:var(--tone-191919,#191919);border-radius:10px;padding:20px}.performance-finding[data-flag="attention"]{border-color:#4d402c;background:var(--tone-201e18,#201e18)}.finding-heading{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.finding-heading h4{font-size:14px;font-weight:500;margin:0}.finding-value{font-size:13px;color:var(--fg-d6c59f,#d6c59f)}.performance-finding p{font-size:13px;color:var(--fg-aaaaaa,var(--tone-aaaaaa,#aaa));line-height:1.7}.finding-points{font-size:10px;color:var(--fg-8b8b8b,var(--tone-8b8b8b,#8b8b8b));text-transform:uppercase;letter-spacing:1px}.performance-method{border-top:1px solid var(--tone-333333,#333);font-size:13px}.performance-method summary{padding:20px 0;cursor:pointer}.performance-method p{color:var(--fg-999999,var(--tone-999999,#999));line-height:1.8}.performance-studio button:focus-visible,.performance-studio summary:focus-visible{outline:2px solid #e1b55f;outline-offset:4px}@keyframes performance-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){#performance-findings{grid-template-columns:1fr}.performance-actions .button{width:100%;justify-content:center}.performance-summary{gap:14px}.performance-meter{min-width:48px;gap:4px}.performance-meter span{width:12px}.performance-upload{padding:18px}.result-heading{gap:16px;flex-wrap:wrap}.result-nav a{font-size:12px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){#performance-result{animation:none}.result-nav a{transition:none}}
/* Performance lab: compact input workspace and editorial result rows. */
.performance-studio{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);background:var(--tone-141414,#141414);border-color:var(--tone-303030,#303030);border-radius:16px;overflow:hidden}.performance-intro{padding:40px 32px;border-right:1px solid var(--tone-2a2a2a,#2a2a2a);background:linear-gradient(145deg,var(--tone-202019,#202019),var(--tone-141414,#141414) 75%)}.performance-intro .eyebrow{font-size:10px;color:var(--fg-b59c5e,#b59c5e)}.performance-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.08;max-width:260px;margin:24px 0 20px}.performance-intro p{font-size:14px;max-width:290px;color:var(--fg-999999,var(--tone-999999,#999))}.performance-intro strong{display:block;margin-top:12px;color:var(--fg-e4dcc9,#e4dcc9);font-size:17px}.performance-disclaimer{border-top:1px solid var(--tone-343126,#343126);padding-top:20px;margin-top:32px;max-width:270px;line-height:1.8;color:var(--fg-8e8a7f,var(--tone-8e8a7f,#8e8a7f));font-size:11px}#performance-form{padding:32px;min-width:0}.performance-switch{display:inline-flex;background:var(--tone-0d0d0d,#0d0d0d);padding:4px;border:1px solid var(--tone-292929,#292929);border-radius:8px;margin-bottom:22px}.performance-switch button{appearance:none;border:0;border-radius:5px;color:var(--fg-969696,var(--tone-969696,#969696));background:none;padding:10px 20px;font:500 12px/1.3 inherit;cursor:pointer}.performance-switch button[aria-pressed="true"]{background:var(--tone-30302c,#30302c);color:var(--fg-f1ede3,var(--tone-f1ede3,#f1ede3));box-shadow:0 1px 5px var(--tone-00000044,#0004)}.performance-upload{position:relative;min-height:195px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;border-color:var(--tone-454238,#454238);background:var(--tone-1a1a17,#1a1a17);transition:border-color .2s,background .2s;text-align:center;padding:26px 20px}.performance-upload:hover,.performance-upload:focus-within{border-color:#b79a58;background:var(--tone-202018,#202018)}.performance-upload label{justify-items:center;gap:10px}.performance-upload label strong{font-size:15px;font-weight:500}.performance-upload .icon{padding:12px;width:48px;height:48px;border:1px solid #48402d;border-radius:12px;background:var(--tone-2c271c,#2c271c);box-sizing:border-box}.performance-upload .file-types{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--fg-b8a780,#b8a780)}.performance-upload input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}#performance-file-note{margin:12px 0 0;overflow-wrap:anywhere;max-width:100%;color:var(--fg-d2bd85,#d2bd85)}.performance-upload[hidden],.performance-text[hidden]{display:none}.performance-text textarea{min-height:195px;margin:0;border-radius:8px}.performance-text label{font-size:12px;color:var(--fg-bbbbbb,var(--tone-bbbbbb,#bbb))}.performance-text p{font-size:11px;margin:10px 0 0}.performance-actions{gap:12px;margin-top:20px}.performance-actions .button{min-height:44px;padding:12px 20px;border-radius:6px;font-size:13px}.performance-actions>span{font-size:10px;color:var(--fg-888888,var(--tone-888888,#888));margin-top:2px}.performance-clear{font-size:12px}#performance-result{grid-column:1/-1;padding:32px;background:var(--tone-111111,#111);border-color:var(--tone-333333,#333)}.performance-summary{padding:0 0 22px;align-items:center}.performance-summary h3{font-size:40px;letter-spacing:-1px;margin:14px 0}.performance-summary .eyebrow{font-size:9px;color:var(--fg-999999,var(--tone-999999,#999))}.performance-summary p{font-size:13px;max-width:620px;margin-bottom:0}.performance-meter{height:50px}.performance-meter span:nth-child(1){height:18px}.performance-meter span:nth-child(2){height:34px}.performance-meter span:nth-child(3){height:50px}#performance-context{font-size:11px;padding:14px 0;border-top:1px solid var(--tone-292929,#292929);border-bottom:1px solid var(--tone-292929,#292929);margin:0;color:var(--fg-888888,var(--tone-888888,#888))}.findings-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:28px 0 12px}.findings-label h4{font-size:13px;font-weight:500;margin:0}.findings-label>span{font-size:10px;color:var(--fg-777777,var(--tone-777777,#777))}#performance-findings{display:block;margin:0 0 20px}.performance-finding,.performance-finding[data-flag="attention"]{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.5fr) 110px;gap:24px;align-items:start;border:0;border-top:1px solid var(--tone-292929,#292929);border-radius:0;background:transparent;padding:20px 0}.finding-heading{display:block}.finding-heading h4{font-size:12px;color:var(--fg-bbbbbb,var(--tone-bbbbbb,#bbb))}.finding-value{display:block;margin-top:7px;font-size:13px;color:var(--fg-eeeeee,var(--tone-eeeeee,#eee))}.performance-finding p{margin:0;font-size:12px;line-height:1.7;color:var(--fg-8e8e8e,var(--tone-8e8e8e,#8e8e8e))}.finding-points{text-align:right;font-size:9px;letter-spacing:.4px;text-transform:none;color:var(--fg-8d9a83,#8d9a83)}.performance-finding[data-flag="attention"] .finding-points{color:var(--fg-d9b76b,#d9b76b)}.performance-method summary{font-size:12px}.performance-method p{font-size:12px}.performance-studio [hidden]{display:none!important}@media(max-width:750px){.performance-studio{grid-template-columns:1fr}.performance-intro{border-right:0;border-bottom:1px solid var(--tone-2a2a2a,#2a2a2a);padding:28px 24px}.performance-intro h2{max-width:none;font-size:32px;margin:18px 0 12px}.performance-intro p{max-width:none;margin-bottom:0}.performance-intro strong{display:inline;margin:0;font-size:14px}.performance-disclaimer{margin-top:18px;padding-top:14px;max-width:none;font-size:10px}#performance-form,#performance-result{padding:24px}.performance-switch{display:flex}.performance-switch button{flex:1}.performance-finding,.performance-finding[data-flag="attention"]{grid-template-columns:1fr auto;gap:10px 16px}.performance-finding p{grid-column:1/-1;grid-row:2}.finding-heading{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}.finding-value{margin:0}.finding-points{padding-top:2px}.findings-label>span{display:none}.performance-actions .button{width:auto;flex:1}.performance-summary h3{font-size:36px}.performance-upload{min-height:190px}.performance-meter{min-width:42px}}
/* A linear review flow with flat surfaces and explicit navigation. */
.performance-studio{display:block;background:transparent;border:0;border-top:1px solid var(--tone-414141,#414141);border-radius:0;max-width:960px;margin:48px auto;overflow:visible}.performance-top{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--tone-2d2d2d,#2d2d2d);gap:20px}.performance-top>span,.result-toolbar>span{font-size:9px;letter-spacing:1.7px;color:var(--fg-888888,var(--tone-888888,#888))}.performance-top button,.result-toolbar button,#performance-cancel{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--fg-cccccc,var(--tone-cccccc,#ccc));font:inherit;font-size:12px;padding:8px 0;cursor:pointer}.performance-top button svg{transform:rotate(180deg);width:15px}.performance-steps{list-style:none;display:flex;padding:0;margin:28px 0 0;border-bottom:1px solid var(--tone-303030,#303030)}.performance-steps li{flex:1;padding:14px 0;font-size:12px;color:var(--fg-727272,var(--tone-727272,#727272));border-bottom:2px solid transparent}.performance-steps li span{font-size:10px;margin-right:10px;color:var(--fg-666666,var(--tone-666666,#666))}.performance-steps li[aria-current]{color:var(--fg-e8e5dc,var(--tone-e8e5dc,#e8e5dc));border-color:#e2b34e}.performance-intro{background:none;border:0;padding:34px 0 24px}.performance-intro .eyebrow{display:none}.performance-intro h2{max-width:none;margin:0 0 12px;font-size:clamp(30px,4vw,44px)}.performance-intro p{max-width:none;margin:0}.performance-intro strong{display:inline;font-size:inherit}.performance-disclaimer{border:0;padding:0;margin-top:14px;max-width:none}#performance-form{padding:0 0 32px}.performance-switch{border:0;background:none;border-radius:0;border-bottom:1px solid var(--tone-343434,#343434);padding:0;gap:28px;display:flex;width:100%;margin-bottom:24px}.performance-switch button{border-radius:0!important;background:none!important;box-shadow:none!important;padding:14px 0;font:500 13px/1.4 Arial,sans-serif;flex:0 0 auto;border-bottom:2px solid transparent}.performance-switch button[aria-pressed=true]{border-bottom-color:var(--tone-dddddd,#ddd)}.performance-upload{border-radius:0;background:var(--tone-161616,#161616);border:1px dashed var(--tone-454545,#454545);min-height:180px}.performance-upload .icon{border:0;background:none;padding:0;border-radius:0;width:28px;height:28px;color:var(--fg-c0baab,#c0baab)}.performance-text textarea{border-radius:0;background:var(--tone-151515,#151515)}.performance-actions .button{border-radius:0!important;min-width:210px;justify-content:space-between}.performance-top button:hover,.result-toolbar button:hover,#performance-cancel:hover{color:var(--fg-e2b34e,#e2b34e)}.result-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tone-333333,#333);padding-bottom:20px;margin-bottom:28px}.result-toolbar svg{width:15px}#performance-result{background:transparent;border:0;padding:0 0 28px}.performance-meter span{border-radius:0}.performance-finding,.performance-finding[data-flag=attention]{border-radius:0}.performance-method{margin-top:22px}.performance-studio[data-step=checking] .performance-intro,.performance-studio[data-step=checking] #performance-form,.performance-studio[data-step=done] .performance-intro,.performance-studio[data-step=done] #performance-form{display:none}.performance-studio[data-step=checking] .performance-top{visibility:hidden}#performance-loading{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;outline:0;padding:44px 20px}#performance-loading h3{font-size:clamp(22px,4vw,30px);font-weight:500;margin:18px 0 12px;letter-spacing:-.5px}#performance-loading p{font-size:13px;color:var(--fg-909090,var(--tone-909090,#909090));line-height:1.7;max-width:380px}.review-loader{width:58px;height:58px;fill:none;stroke:#b8a479;stroke-width:1.4;margin-bottom:28px}.scan-line{animation:scan-review 1.2s ease-in-out infinite alternate}.review-progress{width:min(320px,100%);height:2px;background:var(--tone-333333,#333);margin:24px 0 5px}.review-progress span{display:block;width:0;height:100%;background:#d4b568;transition:width .6s ease}#performance-stage-note{font-size:10px!important;letter-spacing:1px}body.performance-focus .compat-results>:not(.performance-studio),body.performance-focus .site-footer{display:none}body.performance-focus .performance-studio{margin:0 auto;border-top:0}body.performance-focus:has([data-step=checking]) .site-header{display:none}@keyframes scan-review{from{transform:translateY(0)}to{transform:translateY(24px)}}@media(max-width:600px){.performance-top>span{display:none}.performance-steps li{font-size:10px}.performance-steps li span{margin-right:5px}.performance-intro{padding:26px 0 20px}.performance-upload{min-height:180px}.performance-actions .button{min-width:0}.result-toolbar{gap:12px}.result-toolbar button{font-size:11px}#performance-result{padding:0}.performance-summary h3{font-size:34px}.performance-switch button{flex:1;text-align:center}#performance-loading{min-height:380px;padding:32px 0}}@media(prefers-reduced-motion:reduce){.scan-line{animation:none}.review-progress span{transition:none}}