:root{--bg: #0d1117;--bg-panel: #161b22;--bg-hover: #1f2630;--border: #2d333b;--text: #e6edf3;--muted: #8b949e;--accent: #3fb950;--accent-dim: #238636;--warn: #d29922;--fault: #f85149;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}code,kbd{font-family:var(--mono);font-size:.85em;background:var(--bg-hover);border-radius:4px;padding:1px 6px}kbd{border:1px solid var(--border);padding:3px 8px}.site{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:min(960px,94vw);margin:0 auto;padding:24px 0 48px}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 3vw;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0d1117eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.logo{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:1.15rem}.logo:hover{text-decoration:none}.logo-mark{display:inline-flex}.logo-mark svg{display:block}.logo-word em{color:var(--accent);font-style:normal}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav-link{color:var(--muted);padding:6px 12px;border-radius:6px;font-size:.92rem}.nav-link:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav-link.active{color:var(--text);background:var(--bg-hover)}.footer{border-top:1px solid var(--border);padding:20px 3vw;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-links{display:flex;gap:16px}.hero h1{font-size:2rem;margin:8px 0 12px}.lede{color:var(--muted);font-size:1.05rem;max-width:720px}.muted{color:var(--muted)}.page h1{font-size:1.7rem;margin:8px 0 12px}.prose h2{font-size:1.15rem;margin-top:28px}.prose p{max-width:760px}.threshold-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.92rem}.threshold-table th{text-align:left;padding:8px 12px;color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.threshold-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}.threshold-table tbody tr:last-child td{border-bottom:none}.threshold-table caption{caption-side:top;text-align:left;color:var(--muted);font-size:.85rem;padding-bottom:8px}.threshold-table code{color:var(--accent)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:24px 0}.tool-card{display:block;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:18px;color:var(--text);transition:transform .12s ease,border-color .12s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent-dim);text-decoration:none}.tool-icon{font-size:1.6rem}.tool-card h2{font-size:1.02rem;margin:10px 0 6px}.tool-card p{color:var(--muted);font-size:.9rem;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0 8px}.guide-card{display:block;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px;color:var(--text);transition:transform .12s ease,border-color .12s ease}.guide-card:hover{transform:translateY(-2px);border-color:var(--accent-dim);text-decoration:none}.guide-card h3{font-size:.98rem;margin:0 0 6px}.guide-card p{color:var(--muted);font-size:.88rem;margin:0}.roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:20px 0}.roadmap-item{color:var(--muted);font-size:.9rem;background:var(--bg-panel);border:1px dashed var(--border);border-radius:8px;padding:10px 14px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.btn{background:var(--accent-dim);color:#fff;border:1px solid transparent;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:.95rem}.btn:hover{background:var(--accent)}.btn.small{padding:5px 12px;font-size:.85rem}.btn.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn.ghost:hover{color:var(--text);border-color:var(--muted);background:transparent}.btn.active{outline:2px solid var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.notice{background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:8px;padding:12px 16px;margin:14px 0;font-size:.95rem}.notice.ok{border-left-color:var(--accent)}.result-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}.result-card .result-head{display:flex;gap:12px;align-items:center}.result-card .result-copy{margin-left:auto}.result-card .result-title{font-weight:600}.result-card .result-verdict{color:var(--muted);font-size:.9rem}.result-card .result-body{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.result-card .result-body p{margin:0;color:var(--muted)}.result-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.result-ok .result-dot{background:var(--accent)}.result-warn .result-dot{background:var(--warn)}.result-bad .result-dot{background:var(--fault)}.result-idle .result-dot{background:var(--border)}.result-ok{border-color:#3fb95066}.result-warn{border-color:#d2992266}.result-bad{border-color:#f8514980}.stick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.stick-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px}.stick-panel h3{margin:0 0 12px;font-size:1rem}.stick-viz{position:relative;width:100%;aspect-ratio:1;max-width:220px;margin:0 auto;background:var(--bg);border:1px solid var(--border);border-radius:50%}.stick-ring{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px dashed var(--border);border-radius:50%}.stick-deadzone{position:absolute;top:42%;right:42%;bottom:42%;left:42%;border:1px solid rgba(139,148,158,.5);border-radius:50%}.stick-dot{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);transition:left .03s linear,top .03s linear}.stick-dot.idle{background:var(--muted)}.stick-dot.good{background:var(--accent);box-shadow:0 0 10px #3fb95099}.stick-dot.fault{background:var(--fault);box-shadow:0 0 10px #f8514999}.stick-nums{display:flex;justify-content:center;gap:18px;font-family:var(--mono);font-size:.85rem;margin-top:10px;color:var(--muted)}.stick-meta{text-align:center;font-size:.78rem;color:var(--muted);margin-top:4px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:14px 0}@media (max-width: 720px){.two-col{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.panel h3{margin:0 0 10px;font-size:.98rem}.big-num{font-size:2.4rem;font-weight:700;margin:6px 0;font-family:var(--mono)}.event-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.event-list li{display:flex;align-items:center;gap:12px;padding:5px 8px;border-bottom:1px solid var(--border);font-size:.88rem}.event-list li span{color:var(--muted)}.event-list li.fault{background:#f851491f;border-radius:6px}.event-list li.fault em{color:var(--fault);font-style:normal;font-weight:700;font-size:.78rem;margin-left:auto}.click-pad{background:var(--bg-panel);border:2px dashed var(--border);border-radius:12px;min-height:130px;display:grid;place-items:center;color:var(--muted);margin:14px 0;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;padding:16px}.click-pad:hover{border-color:var(--accent-dim);color:var(--text)}.click-pad:focus{outline:2px solid var(--accent-dim)}.held-keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:32px}.faq{margin:28px 0}.faq h2{font-size:1.15rem}.faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:10px 16px;margin:8px 0}.faq-item summary{cursor:pointer;font-weight:600;font-size:.95rem}.faq-item p{color:var(--muted);font-size:.92rem;margin:10px 0 4px}.ad-slot{border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.8rem;text-align:center;padding:26px 12px;margin:22px 0}.breadcrumb{color:var(--muted);font-size:.85rem;margin-bottom:6px}.route-loading{text-align:center;color:var(--muted);padding:64px 0}.consent-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(680px,94vw);z-index:50;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 8px 32px #00000073}.consent-banner p{margin:0;font-size:.85rem;color:var(--muted);flex:1 1 320px}.consent-banner a{color:#58a6ff}.consent-actions{display:flex;gap:8px}.stick-trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.stick-trail polyline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.key-summary{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.key-summary li{font-family:var(--mono);font-size:.8rem;padding:3px 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted)}.key-summary li.fault{border-color:#f8514999;background:#f851491f;color:var(--fault);font-weight:700}.device-note{background:#d2992214;border-left:4px solid var(--warn);border-radius:8px;padding:12px 16px;font-size:.9rem;color:var(--muted);margin:14px 0}