:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f4fa;--surface-3:#e8eef7;--text:#17243a;--muted:#718096;--muted-2:#8b98aa;--line:#e2e8f0;--blue:#2463d3;--blue-dark:#174eae;--blue-soft:#eaf1ff;--green:#16845d;--green-soft:#e8f6ef;--shadow:0 8px 28px rgba(23,48,88,.07);--nav-bg:rgba(255,255,255,.94)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0e1726;--surface:#152237;--surface-2:#1a2a42;--surface-3:#223550;--text:#edf3fc;--muted:#9aabc2;--muted-2:#788ba5;--line:#2a3b54;--blue:#76aaff;--blue-dark:#3f83ef;--blue-soft:#1d3456;--green:#65d4a3;--green-soft:#193b34;--shadow:0 10px 32px rgba(0,0,0,.2);--nav-bg:rgba(17,29,46,.96)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:0 22px 104px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--blue);display:grid;place-items:center}.brand-mark svg{width:22px;fill:none;stroke:white;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:14px;font-weight:750;letter-spacing:-.3px}.brand-copy small{font-size:10px;color:var(--muted);margin-top:1px}.header-actions{display:flex;align-items:center;gap:13px}.status-dot{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:650}.status-dot i,.detected-badge i{width:7px;height:7px;border-radius:50%;background:#d6a34b}.status-dot.ready i,.detected-badge i{background:#28a875}.status-dot.error i{background:#d65b65}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);cursor:pointer}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.page{display:none;animation:page-in .18s ease}.page.active{display:block}@keyframes page-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{padding:36px 0 22px}.page-heading.compact{padding-top:32px}.eyebrow,.overline{font-size:9px;line-height:1.4;letter-spacing:1.45px;font-weight:750;color:var(--blue);margin:0}.page-heading h1{font-size:clamp(30px,7vw,43px);line-height:1.13;letter-spacing:-1.8px;margin:11px 0 10px;font-weight:760}.page-heading h1 span{color:var(--blue)}.lead{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:540px}.device-panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.detected-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.device-main{display:flex;align-items:center;gap:12px;margin-top:15px}.device-icon{width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}.device-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.device-copy{min-width:0;flex:1}.device-copy strong,.device-copy span{display:block;overflow-wrap:anywhere}.device-copy strong{font-size:14px;font-weight:700}.device-copy span{font-size:11px;color:var(--muted);margin-top:3px}.quiet-button,.text-action{border:0;background:transparent;color:var(--blue);font:650 11px Inter;cursor:pointer;padding:8px 4px}.search-line{display:flex;gap:8px;margin-top:15px}.search-line input,.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search-line input{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:11px 12px}.primary-button,.secondary-button{min-height:42px;border:0;border-radius:10px;padding:0 15px;font:650 12px Inter;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--blue);color:#fff}.primary-button:hover{background:var(--blue-dark)}.secondary-button{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.device-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.device-facts span{display:block;color:var(--muted-2);font-size:8px;letter-spacing:1px;font-weight:700}.device-facts b{display:block;font-size:11px;margin-top:5px;font-weight:650}.fact-muted{color:var(--muted)}.content-section{padding:29px 0 4px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.section-heading h2{font-size:20px;letter-spacing:-.65px;margin:5px 0 0;font-weight:740}.helper-text{font-size:11px;color:var(--muted);margin:0 0 13px}.recommendation-list{display:grid;gap:10px}.gcam-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:15px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(20,40,70,.025)}.gcam-card:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.developer-tag{font-size:10px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:5px 8px;border-radius:6px}.tested-tag{font-size:9px;color:var(--green);background:var(--green-soft);padding:5px 8px;border-radius:6px;font-weight:650}.gcam-card h3{font-size:14px;line-height:1.4;font-weight:700;margin:11px 0 3px}.card-version{font-size:10px;color:var(--muted)}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.meta-chip{font-size:9px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:4px 7px;border-radius:5px}.card-open{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--blue);font-weight:650;margin-top:12px}.card-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.footnote{display:flex;gap:9px;align-items:flex-start;padding:13px;margin:22px 0 8px;background:var(--surface-2);border-radius:10px}.footnote p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.info-symbol{width:16px;height:16px;flex:0 0 16px;border:1px solid var(--muted-2);border-radius:50%;display:grid;place-items:center;color:var(--muted);font-size:10px;font-weight:700}.search-box{height:48px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:0 13px;box-shadow:var(--shadow)}.search-box:focus-within{border-color:var(--blue)}.search-box svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round}.search-box input{font-size:12px}.filter-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 1px;font-size:10px;color:var(--muted)}.device-catalog{display:grid;gap:7px}.device-row{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:11px 12px;cursor:pointer}.device-row:hover{border-color:var(--blue)}.device-letter{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:750}.device-row-copy{flex:1;min-width:0}.device-row b,.device-row small{display:block;overflow-wrap:anywhere}.device-row b{font-size:11px;font-weight:680}.device-row small{font-size:9px;color:var(--muted);margin-top:3px}.device-row .chevron{color:var(--muted-2);font-size:20px}.callout{display:flex;gap:11px;align-items:center;padding:13px 14px;background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue) 15%,transparent);border-radius:11px;margin:0 0 16px}.callout-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--surface);border-radius:8px;color:var(--blue)}.callout-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.callout p{margin:0;font-size:10px;line-height:1.6;color:var(--muted)}.guide-list{border-top:1px solid var(--line)}.guide-item{display:flex;gap:14px;padding:17px 2px;border-bottom:1px solid var(--line)}.guide-number{font-size:11px;color:var(--blue);font-weight:750;padding-top:2px}.guide-item h3{font-size:13px;font-weight:700;margin:0 0 5px}.guide-item p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}.empty-state{padding:22px 16px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--nav-bg);border-top:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-item{min-height:53px;border:0;background:transparent;color:var(--muted-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 9px Inter;cursor:pointer}.nav-item svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{color:var(--blue)}.nav-item.active span{font-weight:750}.modal{position:fixed;inset:0;z-index:30;display:none;align-items:flex-end;justify-content:center}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(5,14,28,.55);backdrop-filter:blur(3px)}.modal-sheet{position:relative;width:min(100%,560px);max-height:min(86vh,720px);overflow:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -14px 50px rgba(0,0,0,.2);animation:sheet-in .2s ease}@keyframes sheet-in{from{transform:translateY(20px);opacity:.7}to{transform:none;opacity:1}}.modal-handle{width:36px;height:4px;border-radius:10px;background:var(--muted-2);opacity:.35;margin:2px auto 18px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-header h2{font-size:20px;letter-spacing:-.6px;margin:5px 0 0}.close-button{width:34px;height:34px}.close-button svg{width:17px}.modal-body{padding:17px 0}.detail-subtitle{font-size:11px;color:var(--muted);margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-cell{background:var(--surface-2);border-radius:9px;padding:10px}.detail-cell span{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.detail-cell b{font-size:11px;font-weight:650;overflow-wrap:anywhere}.modal-actions{display:grid;grid-template-columns:1fr;gap:8px}.modal-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.copy-feedback{min-height:15px;text-align:center;color:var(--green);font-size:10px;margin:8px 0 0}.hidden{display:none!important}@media(min-width:600px){.app-shell{padding-left:30px;padding-right:30px}.page-heading{padding-top:46px}.modal{align-items:center}.modal-sheet{border-radius:20px;padding-bottom:22px}.bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0}}