:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#111827;background:#f5f7fa;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#111827}button,input,select,textarea{font:inherit}button{border:1px solid #D1D5DB;background:#fff;color:#111827;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93C5FD;outline-offset:2px}.app{min-height:100vh}.app>header{position:sticky;top:0;z-index:50;height:64px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:28px;padding:0 clamp(14px,4vw,56px)}.logo{font-size:21px;text-decoration:none;color:#111827;cursor:pointer;white-space:nowrap}.app>header nav{display:flex;gap:4px;flex:1}.app>header nav a{padding:9px 12px;border-radius:10px;color:#4b5563;font-size:14px;font-weight:700;cursor:pointer}.app>header nav a:hover{background:#eff6ff;color:#2563eb}.app>header nav i{font-style:normal;background:#fee2e2;color:#b91c1c;border-radius:99px;padding:1px 6px;font-size:10px}.app>header button{margin-left:auto;padding:8px 10px}main{max-width:1240px;margin:auto;padding:0 20px 80px}.hero{padding:clamp(48px,9vw,110px) 0 50px;max-width:900px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#2563eb;font-weight:850;margin-bottom:9px}.hero h1,.head h1{font-size:clamp(34px,6vw,58px);line-height:1.06;letter-spacing:-.045em;margin:0 0 18px}.hero p,.head p{color:#6b7280;font-size:18px;max-width:760px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.primary{background:#2563eb;border-color:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #E5E7EB;border-radius:19px;padding:20px;box-shadow:0 8px 28px #0f172a0a}.card p{color:#6b7280}.big{font-size:28px}.notice,.alert{padding:15px 17px;border-radius:15px;background:#eff6ff;border:1px solid #BFDBFE;margin:18px 0}.alert{background:#fef2f2;border-color:#fecaca;color:#991b1b}.page{padding:38px 0}.form{max-width:900px}.form label,.row{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750;margin-bottom:15px}.form input,.form select,textarea,.row select{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:12px;background:#fff;color:#111827}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wizard{display:grid;grid-template-columns:275px 1fr;gap:24px;padding-top:30px}.steps{position:sticky;top:82px;align-self:start}.steps>b{display:block;margin:8px 0}.steps button{display:flex;align-items:center;gap:7px;width:100%;border-color:transparent;background:transparent;text-align:left;margin:3px 0;padding:9px}.steps button.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.steps button span{display:grid;place-items:center;width:25px;height:25px;background:#e5e7eb;border-radius:50%;font-size:11px}.steps .badge{margin-left:auto}.test{min-width:0}.wizard-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.manual{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.manual label,.checklist label{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid #D1D5DB;border-radius:12px;background:#fff;color:#111827}.checklist label{cursor:pointer}.checklist label:hover{background:#eff6ff;border-color:#93c5fd}.checklist input{accent-color:#2563EB;flex:0 0 auto}.badge{display:inline-block;white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:850}.badge.pass{background:#dcfce7;color:#166534}.badge.fail{background:#fee2e2;color:#991b1b}.badge.warning,.badge.manual_check{background:#fef3c7;color:#92400e}.badge.not_tested,.badge.unsupported{background:#f3f4f6;color:#4b5563}.identity{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.identity>div{padding:14px;border-radius:13px;background:#f8fafc}.identity small{display:block;color:#6b7280}.identity b{display:block;overflow-wrap:anywhere}.display{height:min(52vh,430px);display:grid;place-items:center;background:#fff;border:1px solid #E5E7EB;border-radius:15px;font-weight:900}.colors{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.touch{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:#111827;padding:4px;border-radius:14px;touch-action:none}.touch span{height:38px;background:#374151}.touch .touched{background:#16a34a}.row{flex-direction:row;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #E5E7EB}.row select{max-width:270px}.card video{width:100%;max-height:55vh;background:#111;border-radius:14px;margin-bottom:12px}.card audio{margin:12px 0;max-width:100%}.sensor{padding:18px;border-radius:14px;background:#f8fafc;margin-bottom:12px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.perf{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.perf b{padding:16px;background:#f8fafc;border-radius:14px}.perf span{display:block;font-size:20px;margin-top:4px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.score{background:#eff6ff;color:#1d4ed8;padding:18px;border-radius:18px;text-align:center;min-width:170px}.score strong{display:block;font-size:42px;line-height:1}.score small{font-size:11px}.results{margin-top:18px}.results article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #E5E7EB;padding:15px}.results article>span{font-size:23px}.results p{margin:2px 0;color:#6b7280;font-size:13px}.bottom{display:none}footer{text-align:center;padding:25px;color:#9ca3af;font-size:12px}.dark{color-scheme:dark}.dark body,.dark{background:#0b1220;color:#e5e7eb}.dark .app>header{background:#0b1220f5;border-color:#1f2937}.dark .logo,.dark .app>header nav a{color:#e5e7eb}.dark button,.dark input,.dark select,.dark textarea,.dark .card,.dark .results article{background:#111827;color:#e5e7eb;border-color:#374151}.dark .identity>div,.dark .manual label,.dark .sensor,.dark .perf b{background:#0f172a}.dark .checklist label{background:#111827;color:#f9fafb;border-color:#374151}.dark .checklist label:hover{background:#172554;border-color:#3b82f6}.dark .notice{background:#172554;border-color:#1e40af}.dark .steps button.active{background:#172554}.dark .display{border-color:#374151}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.wizard{grid-template-columns:1fr}.steps{position:static;display:flex;overflow:auto;gap:5px}.steps>b{display:none}.steps button{min-width:170px}.steps .badge{display:none}}@media(max-width:640px){main{padding:0 14px 80px}.app>header{height:58px;padding:0 14px}.app>header nav{display:none}.hero{padding:42px 0 30px}.hero h1,.head h1{font-size:34px}.cards,.two,.identity,.manual,.checklist,.perf{grid-template-columns:1fr}.card{padding:16px;border-radius:16px}.touch span{height:30px}.photos{grid-template-columns:1fr 1fr}.report-head{display:block}.score{margin-top:15px}.results article{grid-template-columns:32px 1fr}.results article .badge{grid-column:2}.bottom{position:fixed;display:flex;z-index:60;left:0;right:0;bottom:0;height:62px;background:#fffffff7;border-top:1px solid #E5E7EB;justify-content:space-around}.bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-decoration:none;font-size:21px;min-width:70px}.bottom small{font-size:10px;font-weight:700}.dark .bottom{background:#0b1220f7;border-color:#1f2937}.wizard-nav{position:sticky;bottom:70px;background:transparent;padding-top:8px}}@media print{.app>header,.bottom,footer,.print-hide{display:none!important}main{max-width:none;padding:0}.page{padding:0}.card,.results article{box-shadow:none;break-inside:avoid}}