:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --soft:#f1f5f9;
  --accent:#2563eb;
  --accent-2:#7c3aed;
  --good:#059669;
  --warn:#d97706;
  --bad:#dc2626;
  --shadow:0 24px 70px rgba(15,23,42,.10);
  --search-shadow:0 12px 36px rgba(15,23,42,.14);
}
*{box-sizing:border-box}
html{font-size:15px}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 85% 0%,rgba(37,99,235,.12),transparent 34%),
    radial-gradient(circle at 10% 15%,rgba(124,58,237,.10),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f8fafc 52%,#ffffff 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
}
button,input{font:inherit}
button{touch-action:manipulation}
.page-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:36px 0 34px}
.hero{text-align:center;padding:22px 0 18px}
.hero-topline{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.brand-pill,.mode-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);padding:8px 13px;color:#334155;font-size:.88rem;box-shadow:0 10px 30px rgba(15,23,42,.05);backdrop-filter:blur(12px)}
.mode-pill{color:#475569;background:rgba(241,245,249,.82)}
.dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 5px rgba(37,99,235,.12)}
h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.055em;margin:0 0 12px;line-height:1.05;font-weight:800}
.subtitle{color:var(--muted);max-width:760px;margin:0 auto 22px;line-height:1.85;font-size:1.02rem}
.search-form{width:min(940px,100%);margin:0 auto}
.search-combo{position:relative;z-index:20}
.search-box{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);border:1px solid #dfe5ef;border-radius:28px;min-height:58px;padding:7px 12px 7px 18px;box-shadow:0 14px 44px rgba(15,23,42,.08);transition:box-shadow .16s,border-color .16s,border-radius .08s,transform .16s}
.search-box:hover,.search-box:focus-within{box-shadow:var(--search-shadow);border-color:rgba(37,99,235,.18);transform:translateY(-1px)}
.search-combo.open .search-box{border-color:rgba(37,99,235,.10);box-shadow:var(--search-shadow);border-radius:28px 28px 0 0;border-bottom-color:#eef2f7;transform:none}
.search-icon{width:23px;height:23px;fill:#94a3b8;flex:none}
#q{border:0;outline:0;background:transparent;width:100%;font-size:1.14rem;line-height:2.15;padding:2px 0;color:#111827}
#q::placeholder{color:#94a3b8}
.clear-btn{border:1px solid var(--line);background:#fff;color:#475569;width:36px;height:36px;border-radius:12px;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.16s}
.clear-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
.auto-dropdown{position:absolute;top:calc(100% - 1px);left:0;right:0;background:#fff;border:1px solid rgba(37,99,235,.10);border-top:0;border-radius:0 0 28px 28px;box-shadow:0 16px 34px rgba(15,23,42,.16);padding:8px 0 12px;max-height:430px;overflow:auto;text-align:start;z-index:1000}
.auto-dropdown[hidden]{display:none}
.auto-separator{height:1px;background:#eef2f7;margin:0 24px 7px}
.auto-layer{font-size:.74rem;font-weight:800;color:#64748b;background:#f8fafc;padding:7px 22px 6px;border-top:1px solid #eef2f7;letter-spacing:.01em}
.auto-row{width:100%;border:0;background:#fff;color:#111827;min-height:48px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;text-align:start;padding:2px 20px;cursor:pointer}
.auto-row:hover,.auto-row.active{background:#f8fafc}
.auto-row strong{font-weight:700}
.auto-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:auto}
.auto-main mark{background:transparent;color:#0f172a;font-weight:800}
.auto-main .typed-prefix{color:#94a3b8;font-weight:650}.auto-main .suggestion-rest{color:#0f172a;font-weight:800}
.auto-sub{display:block;margin-top:2px;color:#64748b;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-icon{width:20px;height:20px;color:#64748b;display:inline-flex;align-items:center;justify-content:center}
.auto-pill{font-size:.72rem;border-radius:999px;padding:4px 9px;background:#f1f5f9;color:#475569;white-space:nowrap}
.auto-pill.area{background:#e8f7ee;color:#047857}.auto-pill.street{background:#eef2ff;color:#4338ca}.auto-pill.attribute{background:#fff7ed;color:#c2410c}.auto-pill.correction{background:#fef2f2;color:#b91c1c}
.auto-footer{display:flex;gap:8px;align-items:center;justify-content:space-between;color:#64748b;font-size:.8rem;padding:9px 22px 0}.kbd{border:1px solid #dbe3ee;border-bottom-width:2px;border-radius:7px;padding:2px 6px;background:#fff;color:#475569;font-size:.73rem}
.status-line{margin-top:13px;color:#64748b;font-size:.92rem}.sample-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px auto 0;max-width:920px}.sample-row button{border:1px solid var(--line);background:rgba(255,255,255,.76);color:#334155;border-radius:999px;padding:9px 13px;cursor:pointer;transition:.16s}.sample-row button:hover{background:#fff;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px auto 16px;width:min(940px,100%)}
.insight-card{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;padding:15px 18px;box-shadow:0 12px 32px rgba(15,23,42,.05);backdrop-filter:blur(12px);text-align:start}.insight-card span{display:block;color:#64748b;font-size:.84rem;margin-bottom:4px}.insight-card strong{display:block;font-size:1.03rem;color:#0f172a;direction:ltr;text-align:start}
.filters-card{margin-top:16px;background:rgba(255,255,255,.80);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.filters-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.filters-head h2{margin:0;font-size:1.32rem}.filters-head p{margin:6px 0 0;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;min-height:44px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:#f1f5f9;color:#334155;font-size:.84rem;border:1px solid #e2e8f0}.chip.muted{color:#94a3b8;background:#f8fafc}.chip.neg{background:#fef2f2;color:#b91c1c}.chip.soft{background:#fefce8;color:#a16207}
.filters-card .chips{display:block}.filters-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.filters-table{width:100%;border-collapse:separate;border-spacing:0;text-align:start;font-size:.92rem;min-width:760px}.filters-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-weight:800;border-bottom:1px solid var(--line);padding:11px 13px;white-space:nowrap}.filters-table td{padding:12px 13px;border-bottom:1px solid #eef2f7;vertical-align:top}.filters-table tbody tr:last-child td{border-bottom:0}.filters-table code{direction:ltr;unicode-bidi:embed;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:.84rem;color:#0f172a}.filters-table small{display:block;color:#94a3b8;margin-top:4px;font-size:.76rem}.filters-table tr.exclude td{background:#fff7f7}.filters-table tr.prefer td{background:#fffdf2}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width: 760px){.page-shell{width:min(100% - 18px,1180px);padding-top:18px}.hero{padding-top:12px}h1{letter-spacing:-.035em}.subtitle{font-size:.96rem}.search-box{min-height:54px;padding-inline:10px 14px}.auto-row{grid-template-columns:24px 1fr}.auto-pill{display:none}.auto-footer{align-items:flex-start;flex-direction:column}.insight-grid{grid-template-columns:1fr}.filters-card{padding:14px;border-radius:22px}.filters-head h2{font-size:1.12rem}}