:root{--bg:#fff;--bg-soft:#f6f7f9;--ink:#0e1726;--ink-soft:#4a5568;--line:#d8dde4;--line-soft:#e8ebef;--accent:#1a6fb0;--accent-soft:#e6f0f9;--warn-bg:#fff7e6;--warn-ink:#8a5a00;--radius:6px;--gap:16px;--gap-lg:24px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.page-header h1{font-size:28px;margin:0 0 8px}.lede{margin:0 0 24px}.lede,.todo{color:var(--ink-soft)}.todo{font-style:italic}.finder{gap:var(--gap-lg);position:relative}.field,.finder{display:flex;flex-direction:column}.field{gap:8px}.field-label,.field>label{color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.02em}.field select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font:inherit;max-width:360px;padding:10px 12px}.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.seg{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden;width:fit-content}.seg-opt{background:var(--bg);border:0;border-right:1px solid var(--line);color:var(--ink);padding:10px 16px}.seg-opt:last-child{border-right:0}.seg-opt[aria-checked=true]{background:var(--accent);color:#fff}.seg-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border:0;border-radius:var(--radius);color:#fff;font-weight:600;padding:12px 18px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.finder-actions{padding-top:8px}.pt-grid{display:grid;gap:4px;grid-auto-rows:44px;grid-template-columns:repeat(18,minmax(38px,1fr));max-width:100%;overflow-x:auto;padding:8px 0}.pt-cell{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);display:flex;flex-direction:column;font-size:11px;justify-content:center;line-height:1;padding:2px;transition:background 80ms ease,border-color 80ms ease}.pt-cell:hover{background:var(--bg-soft)}.pt-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pt-cell[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.pt-num{font-size:9px;opacity:.7}.pt-cell[aria-pressed=true] .pt-num{opacity:.9}.pt-sym{font-size:14px;font-weight:700}.pt-spacer{align-items:center;border:1px dashed var(--line);border-radius:4px;color:var(--ink-soft);display:flex;font-size:10px;justify-content:center}.field-hint{color:var(--ink-soft);font-weight:400;margin-left:8px}.pt-host{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chip{align-items:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;color:var(--ink);display:inline-flex;font-size:13px;gap:8px;padding:6px 10px}.chip-sym{font-weight:700;min-width:24px}.chip-fields{align-items:center;display:inline-flex;gap:4px}.chip-fields input[type=number]{background:var(--bg);border:1px solid var(--line);border-radius:4px;font:inherit;font-family:var(--mono);font-size:12px;padding:2px 6px;width:64px}.chip-fields input[type=number]:disabled{opacity:.4}.chip-any{align-items:center;display:inline-flex;font-size:12px;gap:4px}.chip-remove{background:transparent;border:0;color:var(--ink-soft);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.chip-remove:hover{color:var(--ink)}.results{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--gap)}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:16px}.card,.card-head{display:flex;flex-direction:column}.card-head{gap:2px}.card-name{font-size:16px;font-weight:600}.card-id{color:var(--ink-soft);font-family:var(--mono);font-size:12px}.card-meta{display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.tag{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:11px;padding:2px 8px}.tag-region{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.card-matrix{color:var(--ink-soft);font-size:12px}.card-elements{border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:12px;gap:4px 12px;padding-top:10px}.card-elements .el{color:var(--ink-soft)}.card-elements .el strong{color:var(--ink)}.card-elements .el.match,.card-elements .el.match strong{color:var(--accent)}.card-actions{margin-top:auto}.btn-secondary{background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-size:13px;font-weight:600;padding:8px 12px}.btn-secondary:hover{background:var(--accent-soft)}.results-empty{color:var(--ink-soft);padding:24px}.filter-bar{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:var(--radius);font-size:14px;margin-bottom:var(--gap);padding:12px 16px}.fb-summary code{background:var(--bg);border:1px solid var(--line-soft);border-radius:4px;font-family:var(--mono);font-size:12px;padding:1px 6px}.fb-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.fb-count{color:var(--ink-soft);font-size:14px;margin-right:8px}.fb-count strong{color:var(--ink);font-size:16px}.fb-field{display:flex;flex-direction:column;gap:4px}.fb-label{color:var(--ink-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.fb-field select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font:inherit;padding:6px 8px}.fb-edit{font-size:14px;margin-left:auto}.fb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.fb-chip{align-items:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;color:var(--ink);display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.no-results{margin-top:var(--gap)}.nr-panel{background:var(--warn-bg);border:1px solid #f0d49a;border-radius:var(--radius);color:var(--warn-ink);display:flex;flex-direction:column;gap:12px;padding:24px}.nr-panel h2{font-size:20px;margin:0}.nr-panel p{margin:0}.nr-summary{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:flex;flex-wrap:wrap;font-size:13px;gap:4px 24px;list-style:none;margin:0;padding:10px 14px}.nr-summary li{font-family:var(--mono)}.nr-panel .btn-primary{align-self:flex-start}@media (max-width:720px){.page{padding:20px 16px 48px}.page-header h1{font-size:22px}.seg{flex-wrap:wrap}.pt-grid{grid-auto-rows:40px;grid-template-columns:repeat(18,36px);-webkit-overflow-scrolling:touch}.pt-grid,.pt-host{overflow-x:auto}.pt-host:after{color:var(--ink-soft);content:"← scroll →";display:block;font-size:11px;margin-top:4px;text-align:center}.fb-row{align-items:stretch;flex-direction:column}.fb-edit{margin-left:0}.results{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pt-cell,.step,.summary-chip{transition:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step{display:none;opacity:0;transition:opacity .35s ease}.step.is-mounted{display:flex;flex-direction:column;gap:var(--gap-lg)}.step.is-visible{opacity:1}.step-summary{border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}.summary-chip{align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;gap:6px;padding:4px 12px;transition:background 80ms ease,border-color 80ms ease}.summary-chip:hover{background:var(--accent-soft);border-color:var(--accent)}.summary-chip-label{font-weight:600}.summary-chip-edit{color:var(--ink-soft);font-size:11px;letter-spacing:.04em;margin-left:4px;text-transform:uppercase}