:root{color-scheme:light dark;--font-sans:"Segoe UI Variable Text", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-mono:"Cascadia Code", "Consolas", "Menlo", ui-monospace, monospace;--bg:#f5f7f6;--bg-elevated:#fff;--bg-muted:#e8eeeb;--ink:#14201c;--ink-muted:#4d5f57;--line:#d0dbd5;--brand:#0f7668;--brand-deep:#0b5a50;--brand-soft:#d7f0eb;--accent:#0f7668;--ok:#1b6e3f;--warn:#8a6200;--danger:#9b2424;--info:#1a5f84;--focus:#0f7668;--shadow:0 1px 0 #14201c0a, 0 10px 28px #14201c0f;--radius:14px;--radius-sm:10px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--max:1120px;--touch:44px;--tool-keyboard:#0a5c52;--tool-mouse:#134a68;--tool-screen:#453c7a;--tool-microphone:#6e4e00;--tool-speaker:#8a4518;--tool-webcam:#145a32;--tool-gamepad:#553060;--btn-on-brand:#fff;--key-unit:2.35rem;--transition:.15s ease}html[data-theme=dark]{--bg:#0d1311;--bg-elevated:#161e1b;--bg-muted:#1d2723;--ink:#eef5f1;--ink-muted:#a4b7ae;--line:#2a3732;--brand:#3cbcab;--brand-deep:#9ee4d8;--brand-soft:#163530;--accent:#3cbcab;--ok:#5dcc8a;--warn:#e0b34d;--danger:#f07171;--info:#6db7e0;--focus:#3cbcab;--shadow:0 12px 32px #00000059;--btn-on-brand:#062822;--tool-keyboard:#5eead4;--tool-mouse:#7dd3fc;--tool-screen:#c4b5fd;--tool-microphone:#fbbf24;--tool-speaker:#fdba74;--tool-webcam:#86efac;--tool-gamepad:#e9d5ff}@media (prefers-color-scheme:dark){html[data-theme=dark]{color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{max-width:100%;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 420px at 100% -10%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 55%), radial-gradient(700px 360px at -5% 0%, color-mix(in srgb, var(--info) 7%, transparent), transparent 50%), var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-break:keep-all;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:var(--brand-deep);text-underline-offset:.18em}a:hover{color:var(--brand)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{left:var(--space-4);background:var(--bg-elevated);color:var(--ink);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);z-index:1000;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.shell,.site-header__inner,.site-footer__inner{width:min(100% - 2rem, var(--max));min-width:0;max-width:100%;margin-inline:auto}.site-header{z-index:60;background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3.5rem;display:flex}.brand{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(145deg, var(--brand), color-mix(in srgb, var(--brand) 55%, var(--info)));border-radius:.5rem;width:1.85rem;height:1.85rem;position:relative}.brand__mark:after{content:"";background:#ffffffeb;border-radius:999px;position:absolute;inset:30% 24% 30% 44%}.nav-toggle{appearance:none;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);min-height:var(--touch);min-width:var(--touch);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:0 .85rem;font-weight:650;display:none}.nav-panel{align-items:center;gap:var(--space-4);display:flex}.nav{flex-wrap:wrap;align-items:center;gap:.1rem 1rem;display:flex}.nav a{color:var(--ink-muted);padding:.45rem .1rem;font-size:.95rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.header-actions{align-items:center;gap:.45rem;display:flex}@media (width<=860px){.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-panel{align-items:stretch;gap:var(--space-3);padding:var(--space-4) 1rem var(--space-5);background:var(--bg-elevated);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.site-header.is-open .nav-panel{display:flex}.nav{flex-direction:column;align-items:stretch;gap:0}.nav a{border-bottom:1px solid var(--line);min-height:var(--touch);align-items:center;padding:.85rem .25rem;display:flex}.header-actions{padding-top:var(--space-2);justify-content:flex-start}.shell,.site-header__inner,.site-footer__inner{box-sizing:border-box;width:auto;min-width:0;max-width:none;margin-inline:1rem}body{word-break:normal;overflow-wrap:anywhere}}.btn{appearance:none;border-radius:var(--radius-sm);min-height:var(--touch);min-width:var(--touch);font:inherit;cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.btn--primary{background:var(--brand);color:var(--btn-on-brand)}.btn--primary:hover{background:var(--brand-deep);color:var(--btn-on-brand)}.btn--secondary{background:var(--bg-elevated);border-color:var(--line);color:var(--ink)}.btn--secondary:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.btn--danger{background:color-mix(in srgb, var(--danger) 10%, var(--bg-elevated));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, var(--line))}.btn--ghost{color:var(--ink-muted);border-color:var(--line);background:0 0}.btn--ghost.is-selected,.btn--ghost[aria-pressed=true]{color:var(--ink);border-color:var(--brand);background:var(--brand-soft)}.btn--compact{min-height:2.35rem;padding:.35rem .85rem;font-size:.9rem}.btn:disabled{opacity:.55;cursor:not-allowed}.eyebrow{color:var(--brand-deep);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2);font-size:.75rem;font-weight:700;display:inline-block}.page-title{font-family:var(--font-sans);letter-spacing:-.025em;margin:0 0 var(--space-3);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.lead{color:var(--ink-muted);max-width:40rem;margin:0 0 var(--space-5);font-size:1.05rem}.portal-intro{padding:clamp(.85rem, 2vw, 1.35rem) 0 var(--space-3)}.portal-intro__inner{gap:var(--space-3);display:grid}.portal-intro h1{font-family:var(--font-sans);letter-spacing:-.025em;margin:0 0 var(--space-2);word-break:keep-all;overflow-wrap:break-word;width:100%;max-width:none;font-size:clamp(1.75rem,3.8vw,2.5rem);font-weight:700;line-height:1.25}.portal-intro .lead{word-break:keep-all;overflow-wrap:break-word;margin-bottom:0;font-size:1.02rem}.portal-checkup{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--brand-soft) 55%, var(--bg-elevated));flex-wrap:wrap;display:flex}.portal-checkup p{color:var(--ink-muted);flex:1;min-width:min(100%,14rem);margin:0;font-size:.95rem}.section{padding:var(--space-5) 0}.section--tight{padding-top:0}.section h2{font-family:var(--font-sans);margin:0 0 var(--space-3);letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.section>.shell>p{color:var(--ink-muted);max-width:40rem}.section-intro{max-width:40rem;margin-bottom:var(--space-5);min-width:0}.section-intro p,.section>.shell>p,.page-title,.lead{overflow-wrap:break-word}.tool-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;margin-right:0;padding:0;list-style:none;display:grid}@media (width>=720px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.tool-grid,.tool-grid--portal{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;min-height:10rem;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);box-shadow:none;flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.tool-card:hover{transform:none}}.tool-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.tool-card__visual{width:2.75rem;height:2.75rem;color:var(--brand);background:var(--brand-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tool-card__visual[data-tool=keyboard]{color:var(--tool-keyboard);background:color-mix(in srgb, var(--tool-keyboard) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=mouse]{color:var(--tool-mouse);background:color-mix(in srgb, var(--tool-mouse) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=screen]{color:var(--tool-screen);background:color-mix(in srgb, var(--tool-screen) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=microphone]{color:var(--tool-microphone);background:color-mix(in srgb, var(--tool-microphone) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=speaker]{color:var(--tool-speaker);background:color-mix(in srgb, var(--tool-speaker) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=webcam]{color:var(--tool-webcam);background:color-mix(in srgb, var(--tool-webcam) 14%, var(--bg-elevated))}.tool-card__visual[data-tool=gamepad]{color:var(--tool-gamepad);background:color-mix(in srgb, var(--tool-gamepad) 14%, var(--bg-elevated))}.tool-card__cat{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:700}.tool-card h3{font-family:var(--font-sans);letter-spacing:-.015em;margin:0;font-size:1.05rem;font-weight:700}.tool-card p{color:var(--ink-muted);flex:1;margin:0;font-size:.875rem;line-height:1.45}@media (width>=1000px){.tool-grid--portal .tool-card{min-height:10rem}}.page-hero{padding:clamp(1.5rem, 4vw, 2.25rem) 0 var(--space-4);border-bottom:1px solid var(--line)}.page-hero__row{align-items:flex-start;gap:var(--space-4);display:flex}.page-hero__mark{width:3.5rem;height:3.5rem;color:var(--brand);background:var(--brand-soft);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.page-hero__mark[data-tool=keyboard]{color:var(--tool-keyboard);background:color-mix(in srgb, var(--tool-keyboard) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=mouse]{color:var(--tool-mouse);background:color-mix(in srgb, var(--tool-mouse) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=screen]{color:var(--tool-screen);background:color-mix(in srgb, var(--tool-screen) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=microphone]{color:var(--tool-microphone);background:color-mix(in srgb, var(--tool-microphone) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=speaker]{color:var(--tool-speaker);background:color-mix(in srgb, var(--tool-speaker) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=webcam]{color:var(--tool-webcam);background:color-mix(in srgb, var(--tool-webcam) 14%, var(--bg-elevated))}.page-hero__mark[data-tool=gamepad]{color:var(--tool-gamepad);background:color-mix(in srgb, var(--tool-gamepad) 14%, var(--bg-elevated))}.page-hero .lead{margin-bottom:0;font-size:1rem}.toolbar{gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;align-items:end;display:flex}.field{flex-direction:column;flex:1;gap:.35rem;min-width:min(100%,14rem);display:flex}.field label,.directory-filters label span{font-size:.9rem;font-weight:650}.field input,.field select,.field textarea,.directory-filters input,.directory-filters select{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--bg-elevated);color:var(--ink);box-sizing:border-box;width:100%;max-width:100%;padding:.65rem .85rem}.field textarea{resize:vertical;min-height:6rem}.directory-filters{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.directory-filters{grid-template-columns:1.6fr .8fr}}.status-pill{border:1px solid var(--line);background:var(--bg-muted);border-radius:999px;align-items:center;gap:.4rem;min-height:2rem;padding:.2rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.status-pill[data-status=OBSERVED],.status-pill[data-status=USER_CONFIRMED]{color:var(--ok)}.status-pill[data-status=RUNNING]{color:var(--info)}.status-pill[data-status=NEEDS_RECHECK],.status-pill[data-status=SKIPPED]{color:var(--warn)}.status-pill[data-status=ERROR],.status-pill[data-status=PERMISSION_DENIED]{color:var(--danger)}.status-pill[data-status=UNSUPPORTED],.status-pill[data-status=NOT_STARTED]{color:var(--ink-muted)}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5)}.tool-shell{gap:var(--space-5);box-sizing:border-box;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;display:grid}.tool-shell:not(.shell){width:100%}.tool-shell>*,.shell>astro-island,.stack-md>astro-island,.checkup-run,.checkup-run>*{min-width:0;max-width:100%}.shell>astro-island,.stack-md>astro-island{width:100%;display:block}.tool-related{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.tool-related h2{font-family:var(--font-sans);margin:0 0 var(--space-3);font-size:1.1rem}.tool-prompt{color:var(--ink);margin:0;font-size:1.02rem;font-weight:600}.tool-details{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);padding:0}.tool-details summary{cursor:pointer;min-height:var(--touch);align-items:center;padding:.85rem 1.1rem;font-weight:700;list-style:none;display:flex}.tool-details summary::-webkit-details-marker{display:none}.tool-details__body{border-top:1px solid var(--line);padding:0 1.1rem 1.1rem}.tool-details__body>:first-child{margin-top:var(--space-4)}.prose{max-width:48rem}.prose h2,.prose h3{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700}.prose p,.prose li{color:var(--ink-muted)}.callout{border-left:3px solid var(--brand);background:var(--bg-muted);padding:var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.callout--warn{border-left-color:var(--warn)}.callout--danger{border-left-color:var(--danger)}.callout--quiet{border-left-color:var(--line);background:color-mix(in srgb, var(--bg-muted) 70%, transparent);color:var(--ink-muted);font-size:.95rem}.notice-local{border:1px solid var(--line);background:var(--bg-muted);color:var(--ink-muted);border-radius:var(--radius-sm);margin:0 0 var(--space-5);padding:.85rem 1rem;font-size:.92rem}.ad-slot{display:none}.ad-slot[data-visible=true]{border:1px dashed color-mix(in srgb, var(--line) 80%, var(--ink-muted));background:repeating-linear-gradient(45deg, transparent, transparent 8px, color-mix(in srgb, var(--bg-muted) 70%, transparent) 8px, color-mix(in srgb, var(--bg-muted) 70%, transparent) 16px);border-radius:var(--radius-sm);text-align:center;min-height:90px;color:var(--ink-muted);padding:var(--space-4);margin:var(--space-5) 0;place-items:center;display:grid}.ad-slot strong{color:var(--ink);margin-bottom:.25rem;font-weight:650;display:block}.site-footer{border-top:1px solid var(--line);padding:var(--space-6) 0;margin-top:var(--space-7);color:var(--ink-muted)}.site-footer nav{margin-bottom:var(--space-4);flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.kbd-toolbar{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:100%;margin:0;display:flex}.kbd-toolbar>*{min-width:0;max-width:100%}.kbd-layout-switch{flex-wrap:wrap;gap:.35rem;min-width:0;max-width:100%;display:inline-flex}.kbd-legend{color:var(--ink-muted);flex-wrap:wrap;gap:.5rem 1rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.kbd-legend li{align-items:center;gap:.4rem;display:inline-flex}.kbd-swatch{border:1px solid var(--line);background:var(--bg-muted);border-radius:.3rem;width:1rem;height:1rem;position:relative}.kbd-swatch[data-state=pressed]{background:color-mix(in srgb, var(--info) 35%, var(--bg-elevated));border-color:var(--info);outline:2px solid var(--info);outline-offset:1px}.kbd-swatch[data-state=tested]{background:color-mix(in srgb, var(--brand) 28%, var(--bg-elevated));border-color:var(--brand)}.kbd-swatch[data-state=tested]:after{content:"";background:var(--brand);border-radius:50%;position:absolute;inset:3px}.kbd-swatch[data-state=reserved]{background:color-mix(in srgb, var(--warn) 18%, var(--bg-elevated));border-style:dashed;border-color:color-mix(in srgb, var(--warn) 50%, var(--line))}.kbd-progress{min-height:1.35rem;margin:0;font-size:.9375rem;font-weight:650}.kbd-mobile-hint,.kbd-layout-note{margin:0;font-size:.875rem;display:none}.kbd-layout-note{display:block}.kbd-capture-region{border-radius:var(--radius);outline-offset:3px;width:100%;min-width:0;max-width:100%}.kbd-capture-region[data-active=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 45%, transparent)}.kbd-board-scroll{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);width:100%;min-width:0;max-width:100%;padding:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;justify-content:safe center;display:flex;position:relative;overflow:auto hidden}.kbd-board-scroll:after{content:"";pointer-events:none;background:linear-gradient(to left, var(--bg-elevated), transparent);opacity:0;flex:none;width:2.25rem;margin-left:-2.25rem;position:sticky;top:0;bottom:0;right:0}@media (width<=860px){.kbd-board-scroll:after{opacity:1}}.kbd-scroll-hint{z-index:1;background:color-mix(in srgb, var(--bg-elevated) 88%, var(--ink));color:var(--ink-muted);pointer-events:none;border-radius:.35rem;max-width:calc(100% - 1.5rem);margin:0;padding:.2rem .45rem;font-size:.75rem;font-weight:650;display:none;position:absolute;bottom:.45rem;left:.75rem}@media (width<=860px){.kbd-scroll-hint{display:block}}.kbd-board{--key-gap:.3rem;--key-size:2.5rem;--key-pitch:calc(var(--key-size) + var(--key-gap));--board-w:23;--board-h:6.5;width:calc(var(--key-pitch) * var(--board-w) - var(--key-gap));height:calc(var(--key-pitch) * var(--board-h) - var(--key-gap));flex:none;position:relative}.kbd-key{left:calc(var(--key-pitch) * var(--kx));top:calc(var(--key-pitch) * var(--ky));width:calc(var(--key-pitch) * var(--kw) - var(--key-gap));height:calc(var(--key-pitch) * var(--kh) - var(--key-gap));box-sizing:border-box;border:1px solid var(--line);background:var(--bg-muted);font-size:.72rem;font-family:var(--font-sans);color:var(--ink);transition:background var(--transition), border-color var(--transition), color var(--transition), outline-color var(--transition);user-select:none;text-align:center;border-radius:.4rem;place-items:center;padding:.1rem .08rem;font-weight:650;line-height:1.05;display:grid;position:absolute}.kbd-key__label{white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;max-width:100%}.kbd-key__mark{background:var(--brand);border-radius:50%;width:.35rem;height:.35rem;position:absolute;bottom:.18rem;right:.2rem}.kbd-key[data-state=tested]{background:color-mix(in srgb, var(--brand) 22%, var(--bg-elevated));color:var(--ink);border-color:color-mix(in srgb, var(--brand) 70%, var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent)}.kbd-key[data-state=pressed]{background:color-mix(in srgb, var(--info) 32%, var(--bg-elevated));color:var(--ink);border-color:var(--info);outline:2px solid var(--info);outline-offset:0;box-shadow:inset 0 0 0 1px var(--info);transform:translateY(1px)}.kbd-key[data-state=pressed] .kbd-key__label{text-underline-offset:.12em;text-decoration:underline}.kbd-key[data-state=tested] .kbd-key__label{font-weight:750}.kbd-key[data-reserved=true][data-state=idle]{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--warn) 10%, var(--bg-muted)), color-mix(in srgb, var(--warn) 10%, var(--bg-muted)) 3px, color-mix(in srgb, var(--warn) 18%, var(--bg-muted)) 3px, color-mix(in srgb, var(--warn) 18%, var(--bg-muted)) 6px);border-style:dashed}@media (prefers-reduced-motion:reduce){.kbd-key[data-state=pressed]{transform:none}}@media (width<=860px){.kbd-mobile-hint{display:block}}.tool-shell.stack-md{gap:var(--space-3)}.tool-shell.stack-md>*+*{margin-top:0}.tool-collapse{margin-top:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-2)}.tool-collapse summary{cursor:pointer;align-items:center;min-height:2.5rem;font-weight:650;display:flex}.mouse-zone{border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-muted) 80%, var(--bg-elevated));place-items:center;gap:var(--space-4);min-height:16rem;padding:var(--space-5);user-select:none;display:grid;position:relative}.mouse-zone:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mouse-zone[data-active=true]{border-style:solid;border-color:color-mix(in srgb, var(--brand) 55%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent)}.mouse-guidance{max-width:42rem;margin:0;line-height:1.55}.mouse-dpi-note{margin-top:.35rem}.mouse-diagram{gap:var(--space-3);justify-items:center;display:grid}.mouse-body{border:2px solid color-mix(in srgb, var(--ink-muted) 55%, var(--line));background:var(--bg-elevated);border-radius:3.5rem;grid-template-rows:3.2rem 1fr;grid-template-columns:1fr .55fr 1fr;gap:.35rem;width:7.5rem;height:11rem;padding:.55rem;display:grid;position:relative}.mouse-btn{border:1px solid color-mix(in srgb, var(--ink-muted) 45%, var(--line));background:var(--bg-muted);transition:background var(--transition), border-color var(--transition);border-radius:.65rem}.mouse-btn--left{grid-area:1/1}.mouse-btn--wheel{border-radius:999px;grid-area:1/2;position:relative}.mouse-btn--right{grid-area:1/3}.mouse-btn--back,.mouse-btn--forward{border-radius:.35rem;width:.55rem;height:1.35rem;position:absolute;left:-.7rem}.mouse-btn--back{top:4.2rem}.mouse-btn--forward{top:5.85rem}.mouse-body[data-left=pressed] .mouse-btn--left,.mouse-body[data-right=pressed] .mouse-btn--right,.mouse-body[data-middle=pressed] .mouse-btn--wheel,.mouse-body[data-back=pressed] .mouse-btn--back,.mouse-body[data-forward=pressed] .mouse-btn--forward{background:color-mix(in srgb, var(--info) 35%, var(--bg-elevated));border-color:var(--info);outline:2px solid var(--info)}.mouse-body[data-left=tested] .mouse-btn--left,.mouse-body[data-right=tested] .mouse-btn--right,.mouse-body[data-middle=tested] .mouse-btn--wheel,.mouse-body[data-back=tested] .mouse-btn--back,.mouse-body[data-forward=tested] .mouse-btn--forward{background:color-mix(in srgb, var(--brand) 24%, var(--bg-elevated));border-color:color-mix(in srgb, var(--brand) 65%, var(--line))}.mouse-btn--wheel[data-dir=up]:after,.mouse-btn--wheel[data-dir=down]:after{content:"";border-left:.35rem solid #0000;border-right:.35rem solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.mouse-btn--wheel[data-dir=up]:after{border-bottom:.45rem solid var(--brand);top:.35rem}.mouse-btn--wheel[data-dir=down]:after{border-top:.45rem solid var(--brand);bottom:.35rem}.mouse-status-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;width:min(100%,36rem);margin:0;padding:0;list-style:none;display:grid}.mouse-status-grid li{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:var(--ink-muted);flex-direction:column;gap:.15rem;padding:.55rem .7rem;font-size:.875rem;display:flex}.mouse-status-grid li[data-state=pressed]{color:var(--ink);border-color:var(--info);background:color-mix(in srgb, var(--info) 14%, var(--bg-elevated))}.mouse-status-grid li[data-state=tested]{color:var(--ink);border-color:color-mix(in srgb, var(--brand) 55%, var(--line));background:color-mix(in srgb, var(--brand) 12%, var(--bg-elevated))}.mouse-status-grid__name{font-weight:650}.mouse-status-grid__state{font-size:.8rem}.mouse-status-grid__extra{grid-column:1/-1}.mouse-zone__hint{text-align:center;max-width:36rem;margin:0}.screen-preview{border-radius:var(--radius);border:1px solid var(--line);min-height:16rem;padding:var(--space-4);place-items:end start;display:grid;position:relative}@media (width<=480px){.screen-preview{min-height:9.5rem}.screen-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-swatch{min-height:2.75rem}.screen-swatch span{font-size:.72rem}}.screen-preview:fullscreen,.screen-preview.is-fullscreen{border:none;border-radius:0;place-items:start;width:100%;min-height:100%;padding:0}.screen-preview__name{color:#fff;border-radius:var(--radius-sm);background:#00000073;padding:.35rem .65rem;font-size:.9rem;font-weight:650}.screen-preview:fullscreen .screen-preview__name,.screen-preview.is-fullscreen .screen-preview__name{margin:var(--space-4)}.screen-fs-controls{z-index:2;gap:var(--space-2);padding:var(--space-4);background:#00000094;flex-wrap:wrap;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.screen-fs-controls.is-minimal{padding:var(--space-3);background:0 0;justify-content:flex-end}.screen-fs-controls .btn{min-height:var(--touch);color:#062822;background:#f4faf8;border:1px solid #ffffff8c;font-weight:700}.screen-fs-controls .btn:hover{color:#041f1b;background:#fff}.screen-fs-controls .btn--ghost{color:#f4faf8;background:#00000059;border-color:#fff6}.screen-fs-controls .btn--ghost:hover{color:#fff;background:#0000008c}.screen-swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));display:grid}.screen-swatch{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-sm);color:#111;cursor:pointer;place-items:end center;padding:.35rem;font-weight:650;display:grid}.screen-swatch span{background:#ffffffbf;border-radius:.25rem;padding:.15rem .4rem;font-size:.8rem}.screen-swatch.is-selected{outline:2px solid var(--brand);outline-offset:2px}.mic-stage,.webcam-frame,.speaker-stage,.gamepad-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);padding:var(--space-5)}.mic-stage__hint,.webcam-frame__hint{margin:0 0 var(--space-4);font-weight:650}.mic-level{gap:var(--space-3);grid-template-columns:2.5rem 1fr;align-items:end;min-height:8rem;display:grid}.mic-level__bar{border-radius:var(--radius-sm);background:var(--bg-muted);align-items:flex-end;width:2.5rem;height:8rem;display:flex;overflow:hidden}.mic-level__bar>span{background:linear-gradient(180deg, var(--brand), color-mix(in srgb, var(--brand) 40%, var(--info)));width:100%;min-height:2px;display:block}.mic-level__value{margin:0}.speaker-stage{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=420px){.speaker-stage{grid-template-columns:1fr}}.speaker-channel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-muted);place-items:center;gap:var(--space-3);cursor:pointer;min-height:8rem;color:var(--ink);font-weight:700;display:grid}.speaker-channel:disabled{opacity:.5;cursor:not-allowed}.speaker-channel.is-selected{border-color:var(--brand);outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 14%, var(--bg-elevated))}.speaker-channel__icon{border:2px solid;border-radius:50%;width:3.2rem;height:3.2rem;position:relative}.speaker-channel__icon:before,.speaker-channel__icon:after{content:"";border:2px solid #0000;border-right-color:currentColor;border-radius:50%;position:absolute;inset:20%}.speaker-channel__icon:after{inset:32%}.speaker-confirm{gap:var(--space-3);display:grid}.speaker-confirm__row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);display:grid}.speaker-confirm__label{font-weight:650}.speaker-confirm__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.speaker-confirm__actions .btn.is-selected{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);border-color:var(--brand)}.webcam-frame{color:#f5f5f5;background:#111;place-items:center;min-height:16rem;display:grid;position:relative;overflow:hidden}.webcam-frame__video{aspect-ratio:16/10;object-fit:contain;background:#111;width:100%;max-height:420px}.webcam-frame__hint{z-index:1;text-align:center;padding:var(--space-4);max-width:28rem;position:absolute}.webcam-frame[data-phase=running] .webcam-frame__hint{display:none}.gamepad-diagram{width:min(100%,26rem);height:auto;margin:0 auto;display:block}.gamepad-reference{margin:var(--space-3) 0 0;min-width:0;max-width:100%}.gamepad-reference.is-dimmed{opacity:.55}.gamepad-reference.is-dimmed .gamepad-diagram__stick,.gamepad-reference.is-dimmed .gamepad-diagram__btn.is-pressed{filter:none}.gamepad-reference__caption{margin:var(--space-2) 0 0;text-align:center;gap:.25rem;font-size:.875rem;display:grid}.gamepad-diagram-legend{margin:var(--space-2) 0 0;color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:.35rem .85rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.gamepad-empty{margin:0 0 var(--space-3);padding:var(--space-4);border:1px dashed color-mix(in srgb, var(--ink-muted) 45%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--bg-muted) 55%, var(--bg-elevated));text-align:center}.gamepad-empty__title{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:700}.gamepad-diagram__body{fill:color-mix(in srgb, var(--bg-muted) 70%, var(--bg-elevated));stroke:color-mix(in srgb, var(--ink-muted) 70%, var(--line));stroke-width:2.2px}.gamepad-diagram__faceplate{fill:color-mix(in srgb, var(--bg-elevated) 88%, var(--bg-muted));stroke:color-mix(in srgb, var(--ink-muted) 35%, var(--line));stroke-width:1.2px}.gamepad-diagram__btn{fill:var(--bg-elevated);stroke:color-mix(in srgb, var(--ink-muted) 55%, var(--line));stroke-width:1.4px}.gamepad-diagram__btn.is-pressed{fill:color-mix(in srgb, var(--info) 45%, var(--bg-elevated));stroke:var(--info);stroke-width:2.2px}.gamepad-diagram__btn--shoulder{fill:color-mix(in srgb, var(--bg-muted) 40%, var(--bg-elevated))}.gamepad-diagram__btn--meta{fill:color-mix(in srgb, var(--bg-muted) 55%, var(--bg-elevated))}.gamepad-diagram__dpad-body{fill:color-mix(in srgb, var(--bg-muted) 50%, var(--bg-elevated));stroke:color-mix(in srgb, var(--ink-muted) 55%, var(--line));stroke-width:1.4px}.gamepad-diagram__dpad-arm{fill:#0000;stroke:none}.gamepad-diagram__dpad-arm.is-pressed{fill:color-mix(in srgb, var(--info) 55%, var(--bg-elevated))}.gamepad-diagram__stick-well{fill:color-mix(in srgb, var(--bg-muted) 65%, transparent);stroke:color-mix(in srgb, var(--ink-muted) 50%, var(--line));stroke-width:1.6px}.gamepad-diagram__stick-well.is-pressed{stroke:var(--info);stroke-width:2.4px}.gamepad-diagram__stick{fill:color-mix(in srgb, var(--brand) 32%, var(--bg-elevated));stroke:var(--brand);stroke-width:1.6px}.gamepad-diagram__stick.is-pressed{fill:color-mix(in srgb, var(--info) 40%, var(--bg-elevated));stroke:var(--info)}.gamepad-diagram__label{fill:var(--ink);font-size:11px;font-weight:700;font-family:var(--font-sans);pointer-events:none;user-select:none}.gamepad-diagram__label--on-dark{fill:#f5f7f6}.gamepad-diagram__label--caption{fill:var(--ink-muted);font-size:9px;font-weight:650}.gamepad-generic{gap:var(--space-3);display:grid}.checkup-progress__text{margin:0;font-weight:650}.checkup-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.checkup-actions .btn--primary{min-width:8rem}.meter{background:var(--bg-muted);border-radius:999px;height:.85rem;overflow:hidden}.meter>span{background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 40%, var(--info)));width:0%;height:100%;display:block}.banner-slot{margin:var(--space-5) 0}.banner-slot a{color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);text-decoration:none;display:block;overflow:hidden}.banner-slot__fallback{min-height:88px;padding:var(--space-4);background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 12%, var(--bg)), var(--bg-elevated));place-items:center;font-weight:700;display:grid}.report{color:#111;background:#fff}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;border:1px dashed color-mix(in srgb, var(--ink-muted) 40%, var(--line));border-radius:var(--radius);color:var(--ink-muted);background:color-mix(in srgb, var(--bg-muted) 50%, var(--bg-elevated))}.empty-state p{margin:0;max-width:36rem;margin-inline:auto;font-size:1rem;line-height:1.5}.not-found{padding:clamp(3rem,8vw,5rem) 0}.not-found .page-title{max-width:14ch}@media print{.site-header,.site-footer,.no-print,.ad-slot,.banner-slot{display:none!important}body{color:#000;background:#fff}.report{box-shadow:none;border:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack-sm>*+*{margin-top:var(--space-3)}.stack-md>*+*{margin-top:var(--space-4)}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.muted{color:var(--ink-muted)}.mono{font-family:var(--font-mono);font-size:.9em}.tool-glyph{flex-shrink:0}.help-strip{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line);gap:var(--space-5);display:grid}@media (width>=800px){.help-strip{grid-template-columns:1fr 1fr}}.help-strip h2{margin-bottom:var(--space-2)}.help-strip p{color:var(--ink-muted);margin:0;font-size:.95rem}.kbd-size-switch{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.kbd-size-note{margin:0;font-size:.9rem}.kbd-ghosting-metrics{max-width:28rem}.kbd-interval-table-wrap{margin-top:var(--space-3);overflow-x:auto}.kbd-interval-table{border-collapse:collapse;width:100%;font-size:.9rem}.kbd-interval-table th,.kbd-interval-table td{text-align:left;border-bottom:1px solid var(--line);padding:.35rem .5rem}.mouse-trail{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.mouse-trail path{stroke:var(--accent,#0f766e);stroke-width:.8px;opacity:.7}.mouse-trail circle{fill:var(--accent,#0f766e)}.mouse-dc-window,.mouse-interval-list{max-width:28rem}.mouse-interval-list{margin:var(--space-3) 0 0;padding-left:1.1rem}.screen-preview--graySteps{background:linear-gradient(90deg,#000 0 12.5%,#242424 12.5% 25%,#484848 25% 37.5%,#727272 37.5% 50%,#969696 50% 62.5%,#b8b8b8 62.5% 75%,#d8d8d8 75% 87.5%,#fff 87.5% 100%)}.screen-preview--gradient{background:linear-gradient(90deg,#000,#fff)}.screen-preview--contrast{background:linear-gradient(90deg,#000 50%,#fff 50%)}.screen-preview--gamma{background:#777;place-items:center;display:grid}.screen-preview--grid{background-color:#111;background-image:linear-gradient(90deg,#ffffff59 1px,#0000 1px),linear-gradient(#ffffff59 1px,#0000 1px);background-size:40px 40px}.screen-preview--backlight{color:#ccc;background:#050505}.screen-preview--motion{background:#101820;position:relative;overflow:hidden}.screen-motion-bar{background:#f4f4f4;width:12%;animation:4.5s linear infinite screen-motion-slide;position:absolute;top:20%;bottom:20%;left:0}@media (prefers-reduced-motion:reduce){.screen-motion-bar{animation:none;left:44%}}@keyframes screen-motion-slide{0%{left:0}to{left:88%}}.screen-preview__note{color:#f5f5f5;background:#0000008c;max-width:36rem;margin:0;padding:.75rem 1rem;font-size:.95rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.screen-swatch--graySteps,.screen-swatch--gradient{background:linear-gradient(90deg,#000,#fff)}.screen-swatch--contrast{background:linear-gradient(90deg,#000 50%,#fff 50%)}.screen-swatch--gamma{background:#777}.screen-swatch--grid{background-color:#222;background-image:linear-gradient(90deg,#888 1px,#0000 1px),linear-gradient(#888 1px,#0000 1px);background-size:8px 8px}.screen-swatch--backlight{color:#ddd;background:#050505}.screen-swatch--motion{background:#203040}.screen-refresh{max-width:32rem}.gamepad-diagram__trigger-track{fill:color-mix(in srgb, var(--ink-muted) 35%, transparent)}.gamepad-diagram__trigger-fill{fill:color-mix(in srgb, var(--accent,#0f766e) 70%, #fff)}.gamepad-diagram__trigger-fill.is-pressed{fill:var(--accent,#0f766e)}.gamepad-diagram__stick-ring{fill:#0000;stroke:color-mix(in srgb, var(--ink) 45%, transparent);stroke-width:.8px}.gamepad-diagram__stick-ring.is-pressed{stroke:var(--accent,#0f766e);stroke-width:1.4px}.gamepad-diagram__btn--extra{fill:color-mix(in srgb, var(--ink-muted) 50%, transparent)}.gamepad-deadzone,.gamepad-drift{max-width:28rem}.gamepad-drift-bar{background:color-mix(in srgb, var(--ink-muted) 18%, transparent);border-radius:999px;height:.75rem;position:relative;overflow:hidden}.gamepad-drift-bar__max{background:color-mix(in srgb, var(--accent,#0f766e) 28%, transparent);position:absolute;inset:0 auto 0 0}.gamepad-drift-bar__current{background:var(--accent,#0f766e);position:absolute;inset:0 auto 0 0}.gamepad-drift-bar__threshold{background:var(--ink);width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.gamepad-status-grid-wrap{width:100%;min-width:0;max-width:100%}.gamepad-status-scroll-hint{margin:0 0 var(--space-2);font-size:.8125rem}.gamepad-status-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;padding-bottom:.25rem;overflow-x:auto}.gamepad-status-cards{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.gamepad-status-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);gap:.2rem;min-width:0;padding:.55rem .65rem;font-size:.8125rem;display:grid}.gamepad-status-card.is-pressed{border-color:var(--info);background:color-mix(in srgb, var(--info) 16%, var(--bg-elevated));outline:2px solid color-mix(in srgb, var(--info) 55%, transparent)}.gamepad-status-card.is-observed{border-color:color-mix(in srgb, var(--brand) 55%, var(--line));background:color-mix(in srgb, var(--brand) 10%, var(--bg-elevated))}.gamepad-status-card__name{font-weight:650;line-height:1.3}.gamepad-status-card__value,.gamepad-status-card__state{color:var(--ink-muted)}.gamepad-status-card__state[data-state=pressed]{color:var(--info);font-weight:700}.gamepad-status-grid{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%;font-size:.875rem}.gamepad-status-grid th,.gamepad-status-grid td{text-align:start;vertical-align:top;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);word-break:break-word;overflow-wrap:anywhere;padding:.35rem .4rem}.gamepad-status-grid thead th{color:var(--ink-muted);border-bottom-color:var(--line);font-weight:650}.gamepad-status-grid th[scope=row]{width:2.25rem;font-weight:600}.gamepad-status-grid th:nth-child(3),.gamepad-status-grid td:nth-child(3){width:3.5rem}.gamepad-status-grid th:nth-child(4),.gamepad-status-grid td:nth-child(4){width:4.5rem}.gamepad-status-grid tr.is-pressed td,.gamepad-status-grid tr.is-pressed th{background:color-mix(in srgb, var(--accent,#0f766e) 16%, transparent)}.gamepad-status-grid tr.is-observed td,.gamepad-status-grid tr.is-observed th{background:color-mix(in srgb, var(--accent,#0f766e) 8%, transparent)}@media (width<=420px){.gamepad-status-grid{font-size:.8125rem}.gamepad-status-grid th,.gamepad-status-grid td{padding:.3rem .28rem}.gamepad-status-grid th:nth-child(4),.gamepad-status-grid td:nth-child(4){width:3.75rem}}.webcam-frame.is-mirrored .webcam-frame__video{transform:scaleX(-1)}.webcam-frame.has-grid{position:relative}.webcam-frame__grid{pointer-events:none;z-index:2;background-image:linear-gradient(90deg,#ffffff59 1px,#0000 1px),linear-gradient(#ffffff59 1px,#0000 1px);background-size:33.333% 33.333%;position:absolute;inset:0}.mic-device-select,.webcam-device-select{gap:var(--space-2);max-width:24rem;display:grid}.mic-device-select select,.webcam-device-select select{border:1px solid var(--line);border-radius:var(--radius,8px);background:var(--surface,#fff);min-height:44px;color:var(--ink);padding:.5rem .75rem}.headphone-controls,.headphone-tones{gap:var(--space-3);flex-wrap:wrap;display:flex}.headphone-confirm__row{gap:var(--space-2);display:grid}.headphone-confirm__actions,.printer-pattern-switch{gap:var(--space-2);flex-wrap:wrap;display:flex}.printer-ink-toggle{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.printer-sheet{border:1px solid var(--line);color:#111;background:#fff;min-height:280px;padding:1.25rem;position:relative}.printer-sheet.is-ink-saving{opacity:.72}.printer-sheet__blocks{grid-template-columns:1fr 1fr;gap:1rem;min-height:220px;display:grid}.printer-sheet__blocks span{background:#111;min-height:90px}.printer-sheet.is-ink-saving .printer-sheet__blocks span{background:#666}.printer-sheet__grid{background-image:linear-gradient(90deg,#333 1px,#0000 1px),linear-gradient(#333 1px,#0000 1px);background-size:24px 24px;min-height:220px}.printer-sheet__text p{font-family:var(--font-mono);margin:0 0 .75rem;font-size:.95rem}.printer-sheet__margins{border:2px dashed #444;min-height:220px;position:relative}.printer-sheet__margin-mark{border:2px solid #111;width:18px;height:18px;position:absolute}.printer-sheet__margin-mark[data-edge=tl]{border-bottom:0;border-right:0;top:0;left:0}.printer-sheet__margin-mark[data-edge=tr]{border-bottom:0;border-left:0;top:0;right:0}.printer-sheet__margin-mark[data-edge=bl]{border-top:0;border-right:0;bottom:0;left:0}.printer-sheet__margin-mark[data-edge=br]{border-top:0;border-left:0;bottom:0;right:0}@media print{.no-print{display:none!important}.printer-sheet{border:none;min-height:auto}}.touch-surface{border:1px dashed var(--line);border-radius:var(--radius,8px);background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent,#0f766e) 10%, transparent), transparent 45%), var(--surface,#fff);touch-action:none;min-height:260px;position:relative;overflow:hidden}.touch-surface[data-active=true]{border-style:solid;border-color:var(--accent,#0f766e)}.touch-surface__trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.touch-surface__trail path{stroke:var(--accent,#0f766e);stroke-width:.9px;opacity:.75}.touch-surface__trail circle{fill:var(--accent,#0f766e)}.touch-surface__hint{z-index:1;margin:0;position:absolute;bottom:1rem;left:1rem;right:1rem}.device-info-grid{gap:var(--space-3);margin:0;display:grid}.device-info-grid>div{gap:.2rem;display:grid}.device-info-grid dt{color:var(--ink-muted);font-size:.9rem}.device-info-grid dd{margin:0}@media (width>=700px){.device-info-grid{grid-template-columns:1fr 1fr}}.scenario-grid{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.scenario-grid{grid-template-columns:1fr 1fr}}.scenario-card{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:color-mix(in oklab, var(--surface) 92%, var(--accent) 8%);text-decoration:none;transition:border-color .15s,transform .15s;display:block}.scenario-card:hover,.scenario-card:focus-visible{border-color:var(--accent);outline:none}.scenario-card h3{margin:0 0 .4rem;font-size:1.1rem}.scenario-card p{color:var(--ink-muted);margin:0;font-size:.95rem}.problem-links{margin:0;padding-left:1.2rem}.problem-links li{margin-bottom:.5rem}.report--accent-teal{--report-accent:#0f766e}.report--accent-slate{--report-accent:#475569}.report--accent-amber{--report-accent:#b45309}.report--accent-rose{--report-accent:#be123c}.report-branding{border-left:4px solid var(--report-accent,var(--accent));padding-left:var(--space-4)}.report-notes{white-space:pre-wrap}@media print{.no-print{display:none!important}.report-branding,.report-notes{break-inside:avoid}}