:root{color-scheme:dark light;--bg-base: #0f1015;--bg-surface: #15161d;--bg-elevated: #1b1d27;--bg-panel: #12131a;--bg-hover: #1f2230;--bg-active: #262a3a;--border-subtle: #22242f;--border-default: #2e3242;--border-strong: #464b60;--text-primary: #e9eaef;--text-secondary: #a3a7b8;--text-tertiary: #6d7183;--text-muted: #4c5063;--accent-primary: #a78bfa;--accent-primary-hover: #c4b5fd;--accent-soft: rgba(167, 139, 250, .14);--accent-line: rgba(167, 139, 250, .4);--status-good: #4ade80;--status-warn: #fbbf24;--status-bad: #f87171;--status-info: #60a5fa;--hit-bg: rgba(74, 222, 128, .16);--hit-line: rgba(74, 222, 128, .55);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, ui-monospace, monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .13s ease;--transition-normal: .22s ease}@media(prefers-color-scheme:light){:root{--bg-base: #ffffff;--bg-surface: #f7f8fa;--bg-elevated: #ffffff;--bg-panel: #fbfbfd;--bg-hover: #f0f1f5;--bg-active: #e6e8ef;--border-subtle: #e7e8ee;--border-default: #d3d6e0;--border-strong: #a9adbe;--text-primary: #16171d;--text-secondary: #4d5162;--text-tertiary: #767b8d;--text-muted: #a1a5b4;--accent-primary: #6d3fe0;--accent-primary-hover: #5a2fc9;--accent-soft: rgba(109, 63, 224, .1);--accent-line: rgba(109, 63, 224, .35);--status-good: #157f3d;--status-warn: #a16207;--status-bad: #b91c1c;--status-info: #1d4ed8;--hit-bg: rgba(21, 127, 61, .12);--hit-line: rgba(21, 127, 61, .5)}}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-lg) var(--space-2xl)}a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent}a:hover{color:var(--accent-primary-hover);border-bottom-color:var(--accent-line)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);position:sticky;top:0;z-index:40}.header-inner{max-width:1180px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:var(--space-sm);font-weight:650;font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--text-primary)}.wordmark svg{width:20px;height:20px;color:var(--accent-primary)}.header-tag{color:var(--text-tertiary);font-size:var(--font-size-sm);border-left:1px solid var(--border-default);padding-left:var(--space-md)}.header-actions{margin-left:auto;display:flex;gap:var(--space-xs);flex-wrap:wrap}.btn{appearance:none;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:32px}.btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#10071f;font-weight:600}.btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#10071f}.btn-ghost{border-color:transparent;background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.trust{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-xl);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-subtle);border-left:2px solid var(--accent-primary);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-sm);width:100%;text-align:left;cursor:pointer;font-family:inherit}.trust:hover{background:var(--bg-hover);color:var(--text-primary)}.trust strong{color:var(--text-primary);font-weight:600}.step{margin-bottom:var(--space-2xl)}.step-head{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md)}.step-num{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-primary);border:1px solid var(--accent-line);border-radius:999px;padding:.05rem .5rem;flex:none}.step-title{margin:0;font-size:var(--font-size-lg);font-weight:620;letter-spacing:-.01em}.step-note{color:var(--text-tertiary);font-size:var(--font-size-sm)}.dropzone{border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-panel);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.dropzone:hover,.dropzone.is-over{border-color:var(--accent-primary);background:var(--accent-soft)}.dropzone-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-xs)}.dropzone-sub{color:var(--text-tertiary);font-size:var(--font-size-sm)}.sample-row{margin-top:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.pill{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-primary);border-radius:999px;padding:.3rem .85rem;font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;min-height:32px}.pill:hover{background:var(--accent-primary);color:#10071f}.doclist{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.docrow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);font-size:var(--font-size-sm)}.docrow-name{font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docrow-meta{margin-left:auto;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);min-width:0}.docrow.is-bad{border-color:color-mix(in srgb,var(--status-bad) 45%,transparent)}.queries{display:grid;gap:var(--space-sm)}.query{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-md);display:grid;gap:var(--space-sm)}.query.is-selected{border-color:var(--accent-line);background:var(--accent-soft)}.query-top{display:flex;gap:var(--space-sm);align-items:center}.query input[type=text]{flex:1;min-width:0;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:var(--font-size-md);padding:.45rem .6rem;min-height:34px}.query input[type=text]:focus{border-color:var(--accent-primary);outline:none}.query-status{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);flex-wrap:wrap}.tagline-mark{color:var(--status-warn)}.tagline-ok{color:var(--status-good)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);padding:var(--space-lg)}.control label,.control .control-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.segmented{display:flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.segmented button{flex:1;appearance:none;border:0;border-right:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);padding:.4rem .3rem;cursor:pointer;min-height:34px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--accent-primary);color:#10071f;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent-primary);min-height:28px}select{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);padding:.4rem .5rem;min-height:34px}.value-badge{font-family:var(--font-mono);color:var(--text-primary);font-size:var(--font-size-md)}.value-sub{color:var(--text-tertiary);font-size:var(--font-size-xs)}.scoreboard{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);padding:var(--space-lg);margin-bottom:var(--space-lg)}.headline{font-size:var(--font-size-xl);line-height:1.4;margin:0 0 var(--space-sm);letter-spacing:-.01em}.headline em{font-style:normal;color:var(--accent-primary);font-weight:650}.headline-sub{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.stat-value{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--text-primary)}.stat-value.is-good{color:var(--status-good)}.stat-value.is-warn{color:var(--status-warn)}.results{display:grid;gap:var(--space-md)}.result{border:1px solid var(--border-subtle);border-left:2px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-md)}.result.is-hit{border-left-color:var(--hit-line);background:var(--hit-bg)}.result-head{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-wrap:wrap}.result-rank{color:var(--text-primary);font-weight:600}.result-hit-flag{color:var(--status-good);font-family:var(--font-sans);font-weight:600}.result-prefix{color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);display:block;margin-bottom:var(--space-xs)}.result-text{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:8.5rem;overflow:hidden;position:relative}.result-text mark{background:var(--hit-line);color:#06210f;border-radius:2px;padding:0 1px}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel)}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}th,td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap}th{color:var(--text-tertiary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}td{font-family:var(--font-mono);color:var(--text-secondary)}tr.is-best td{background:var(--accent-soft);color:var(--text-primary)}tr.is-current td{border-left:2px solid var(--accent-primary)}.reader-backdrop{position:fixed;inset:0;background:#05060ab8;z-index:60;display:flex;align-items:stretch;justify-content:center;padding:var(--space-lg)}.reader{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:860px;width:100%;display:flex;flex-direction:column;overflow:hidden}.reader-head{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.reader-title{font-weight:620;font-size:var(--font-size-md)}.reader-body{overflow-y:auto;padding:var(--space-lg);flex:1}.rd-p{margin:0 0 var(--space-md);cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6}.rd-p:hover{background:var(--bg-hover);color:var(--text-primary)}.rd-p.is-marked{background:var(--hit-bg);box-shadow:inset 2px 0 0 var(--hit-line);color:var(--text-primary)}.rd-h{margin:var(--space-lg) 0 var(--space-sm);font-weight:650;color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.close-x{appearance:none;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-sm);min-width:44px;min-height:44px;font-size:1.1rem;line-height:1;cursor:pointer}.close-x:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-backdrop{position:fixed;inset:0;background:#05060ab8;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-lg);overflow-y:auto}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:640px;width:100%;margin:auto}.modal-head{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:640;letter-spacing:-.01em}.modal-body{padding:var(--space-lg);font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.65}.modal-body h3{color:var(--text-primary);font-size:var(--font-size-md);margin:var(--space-xl) 0 var(--space-sm)}.modal-body h3:first-child{margin-top:0}.modal-body ul{margin:0 0 var(--space-md);padding-left:1.1rem}.modal-body li{margin-bottom:var(--space-xs)}.modal-body code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:.05rem .3rem}.step-list{counter-reset:hiw;list-style:none;padding:0;margin:0}.step-list li{counter-increment:hiw;position:relative;padding-left:2.1rem;margin-bottom:var(--space-lg)}.step-list li:before{content:counter(hiw);position:absolute;left:0;top:.05rem;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid var(--accent-line);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center}.step-list strong{color:var(--text-primary);display:block}.tm-good{border-left:2px solid var(--status-good);padding-left:var(--space-md)}.tm-bad{border-left:2px solid var(--status-warn);padding-left:var(--space-md)}.tm-trust{border-left:2px solid var(--status-info);padding-left:var(--space-md)}.log-toggle{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:45;border-radius:999px;padding:.5rem .9rem;box-shadow:0 6px 22px #00000059;background:var(--bg-elevated)}.log-backdrop{position:fixed;inset:0;background:#05060a80;z-index:50}.log-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--bg-panel);border-left:1px solid var(--border-default);z-index:51;display:flex;flex-direction:column}.log-head{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.log-list{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.65}.log-line{color:var(--text-secondary);word-break:break-word;margin-bottom:2px}.log-time{color:var(--text-muted)}.log-line.is-warn{color:var(--status-warn)}.log-line.is-bad{color:var(--status-bad)}.log-line.is-good{color:var(--status-good)}.glossary-link{border-bottom:1px dashed var(--accent-line);cursor:help;color:inherit}.glossary-tip{position:fixed;z-index:80;max-width:320px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);box-shadow:0 10px 30px #0006}.glossary-tip strong{color:var(--text-primary);display:block;margin-bottom:var(--space-xs)}.progress{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel);padding:var(--space-lg);margin-bottom:var(--space-lg)}.progress-bar{height:4px;border-radius:999px;background:var(--bg-active);overflow:hidden;margin-top:var(--space-sm)}.progress-fill{height:100%;background:var(--accent-primary);width:0;transition:width var(--transition-normal)}.progress-label{display:flex;justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-mono)}.notice{border:1px solid var(--border-subtle);border-left:2px solid var(--status-warn);border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.notice.is-bad{border-left-color:var(--status-bad)}.notice.is-info{border-left-color:var(--status-info)}.export-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}pre.snippet{margin:var(--space-md) 0 0;padding:var(--space-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);overflow-x:auto;white-space:pre}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-panel);padding:var(--space-lg)}.footer-inner{max-width:1180px;margin:0 auto;display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:720px){.header-tag{display:none}.main-content{padding:0 var(--space-md) var(--space-2xl)}.controls{grid-template-columns:1fr;gap:var(--space-md)}.modal-backdrop,.reader-backdrop{padding:var(--space-sm)}.log-toggle{right:var(--space-md);bottom:var(--space-md)}.stat-row{grid-template-columns:1fr 1fr;gap:var(--space-md)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}