:root{
  color-scheme:light;
  --paper:#f4f0e7;
  --surface:#fffdf8;
  --ink:#182724;
  --muted:#60706c;
  --line:#d8d3c6;
  --accent:#0d6d61;
  --accent-soft:#dcece7;
  --gold:#a66b17;
  --topbar:rgba(255,253,248,.94);
  --field:#fff;
  --tag:#f0ece2;
  --productive-border:#dfc99f;
  --productive-surface:#fff9e9;
  --productive-ink:#6f4b12;
  --scope-surface:#fff9e9;
  --scope-ink:#655536;
  --shadow:rgba(34,49,45,.05);
  --alert:#8d3028;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --paper:#121714;--surface:#191f1b;--ink:#e3e9e1;--muted:#9aa598;--line:#2b342e;
    --accent:#54b49c;--accent-soft:#1d3129;--gold:#d9a94c;
    --topbar:rgba(25,31,27,.94);--field:#0e1210;--tag:#222a25;
    --productive-border:#6d572a;--productive-surface:#2e2816;--productive-ink:#e5be6d;
    --scope-surface:#2e2816;--scope-ink:#d4c18e;--shadow:rgba(0,0,0,.2);--alert:#a64238;
  }
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:var(--sans)}
body{margin:0;min-height:100vh}
a{color:var(--accent);text-underline-offset:3px}
::selection{background:var(--accent-soft)}
.skip-link{
  position:fixed;left:16px;top:12px;z-index:1000;padding:9px 12px;border-radius:3px;
  background:var(--ink);color:var(--paper);font:700 13px/1.2 var(--mono);
  transform:translateY(-180%);transition:transform .15s ease
}
.skip-link:focus{transform:translateY(0)}
.site-alert{margin:0;padding:12px 20px;background:var(--alert);color:#fff;text-align:center;
  font:600 13px/1.5 var(--sans)}
.site-alert a{color:inherit}
main:focus{outline:none}
@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}

.topbar{
  min-height:58px;padding:10px clamp(18px,4vw,64px);display:flex;align-items:center;
  justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);
  background:var(--topbar);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)
}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;
  font:700 17px/1 var(--mono);letter-spacing:.04em}
.navlinks{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:650}
.navlinks a{text-decoration:none}
.hero{
  max-width:1180px;margin:0 auto;padding:72px clamp(20px,5vw,72px) 48px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end
}
.eyebrow{margin:0 0 10px;color:var(--accent);font:700 12px/1 var(--mono);
  text-transform:uppercase;letter-spacing:.16em}
h1{margin:0;font:500 clamp(52px,9vw,102px)/.92 var(--serif);letter-spacing:-.055em}
.lede{max-width:720px;margin:24px 0 0;color:var(--muted);font:20px/1.55 var(--serif)}
.snapshot{max-width:240px;padding:18px 20px;border:1px solid var(--line);
  background:var(--surface);color:var(--muted);font:12px/1.6 var(--mono)}
main{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 80px}
.search-panel{
  display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr)) auto;
  gap:12px;align-items:end;padding:18px;border:1px solid var(--line);background:var(--surface);
  box-shadow:0 12px 34px var(--shadow)
}
label span{display:block;margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:750;
  letter-spacing:.06em;text-transform:uppercase}
input,select,button{width:100%;min-height:44px;border:1px solid var(--line);border-radius:3px;
  background:var(--field);color:var(--ink);padding:0 12px;font:14px/1 var(--sans)}
input:focus,select:focus,button:focus{outline:3px solid var(--accent-soft);border-color:var(--accent)}
button{width:auto;cursor:pointer;color:var(--accent);font-weight:750;background:var(--accent-soft);
  border-color:transparent}
.result-bar{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:20px;
  color:var(--muted);font-size:13px}
.result-bar p{margin:0}.legend{display:flex;align-items:center;gap:7px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}
.dot.established{background:var(--accent)}.dot.productive{background:var(--gold)}
.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.entry{padding:22px;border:1px solid var(--line);background:var(--surface);
  min-width:0;scroll-margin-top:76px}
.entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.form{margin:0;font:600 26px/1.15 var(--mono);overflow-wrap:anywhere}
.badge{flex:none;border:1px solid var(--line);border-radius:999px;padding:5px 8px;
  color:var(--muted);font:700 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.badge.lexeme{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.definition{margin:12px 0 5px;font:18px/1.4 var(--serif)}
.detail{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 0}
.meta span{padding:5px 7px;background:var(--tag);color:var(--muted);font:10.5px/1.2 var(--mono)}
.forms{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.forms::before{content:"productive";width:100%;color:var(--gold);font:700 9px/1 var(--mono);
  text-transform:uppercase;letter-spacing:.1em}
.forms code{padding:4px 6px;border:1px solid var(--productive-border);background:var(--productive-surface);color:var(--productive-ink);
  font:12px/1 var(--mono)}
.sense+.sense{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.sense-status{color:var(--accent);font:700 9px/1 var(--mono);text-transform:uppercase;
  letter-spacing:.09em}
.empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)}
.scope-note{margin-top:48px;padding:28px;border-left:4px solid var(--gold);background:var(--scope-surface)}
.scope-note h2{margin:0 0 8px;font:500 24px/1.2 var(--serif)}
.scope-note p{max-width:820px;margin:0;color:var(--scope-ink);line-height:1.65}
footer{border-top:1px solid var(--line);padding:26px max(20px,calc((100vw - 1040px)/2));
  color:var(--muted);font-size:12px}
footer p{margin:0}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}.snapshot{max-width:none}
  .search-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search{grid-column:1/-1}.search-panel button{width:100%}
}
@media (max-width:650px){
  .topbar{align-items:flex-start}.navlinks{gap:8px;align-items:flex-end;flex-direction:column}
  .hero{padding-top:48px}.lede{font-size:18px}
  .search-panel{grid-template-columns:1fr}.search{grid-column:auto}
  .entries{grid-template-columns:1fr}.legend{display:none}
}