.home-workbench {
  --accent: #2d6a4f;
  --accent-hover: #1b4332;
  --accent-pale: #e8f5ed;
  --accent-border: #b7e4c7;
  --surface: #ffffff;
  --bg: #f7f9f8;
  --text: #1a2e26;
  --text-secondary: #40534c;
  --muted: #6b7280;
  --border: #e2e8e5;
  --border-subtle: #f0f4f2;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-md: 0 4px 20px rgba(0,0,0,0.06);
  --shadow-lg: 0 16px 40px rgba(0,0,0,0.12);
}.home-workbench .search-container {
  position: relative;
  max-width: 580px;
  margin: 0 auto 16px;
}.home-workbench .hero-search-wrap {
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  padding: 4px 6px 4px 16px;
  box-shadow: var(--shadow-md);
  transition: border-color 0.2s, box-shadow 0.2s;
  position: relative;
}.home-workbench .hero-search-wrap:focus-within {
  border-color: var(--accent);
  box-shadow: 0 6px 28px rgba(45, 106, 79, 0.12);
}.home-workbench .hero-search-wrap input {
  flex: 1;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 0.94rem;
  color: var(--text);
  padding: 9px 8px;
  background: transparent;
  min-width: 0;
}.home-workbench .hero-search-wrap input::placeholder {
  color: #9c9a92;
}.home-workbench .search-actions-group {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: 8px;
}.home-workbench .search-action-btn {
  background: var(--border-subtle);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 0.73rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.15s ease;
  font-family: inherit;
  user-select: none;
  white-space: nowrap;
}.home-workbench .search-action-btn:hover {
  background: var(--accent-pale);
  border-color: var(--accent-border);
  color: var(--accent);
  transform: translateY(-1px);
}.home-workbench .search-action-btn.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}.home-workbench .hero-search-btn {
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 11px;
  padding: 10px 22px;
  font-family: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}.home-workbench .hero-search-btn:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}.home-workbench .search-filter-drawer {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: min(720px, 94vw);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  padding: 16px 20px;
  z-index: 60;
  display: none;
  text-align: left;
  animation: wbdrawerSlideDown 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}.home-workbench .search-filter-drawer.open {
  display: block;
}@keyframes wbdrawerSlideDown {from { opacity: 0; transform: translate(-50%, -6px); }to { opacity: 1; transform: translate(-50%, 0); }
}.home-workbench .filter-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-subtle);
}.home-workbench .filter-drawer-title {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 6px;
}.home-workbench .filter-drawer-clear {
  font-size: 0.7rem;
  color: var(--muted);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  font-family: inherit;
}.home-workbench .filter-drawer-clear:hover {
  color: var(--accent);
}.home-workbench .filter-grid-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}.home-workbench .filter-col-title {
  font-size: 0.67rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--muted);
  margin-bottom: 6px;
}.home-workbench .filter-pills-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}.home-workbench .filter-choice-btn {
  background: var(--border-subtle);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 0.72rem;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}.home-workbench .filter-choice-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
}.home-workbench .filter-choice-btn.selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  font-weight: 600;
}.home-workbench .filter-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--border-subtle);
}.home-workbench .filter-match-count {
  font-size: 0.74rem;
  color: var(--accent);
  font-weight: 700;
}.home-workbench .filter-apply-btn {
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
  font-family: inherit;
}.home-workbench .filter-apply-btn:hover {
  background: var(--accent-hover);
}.home-workbench .compare-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 20, 0.68);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 210;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}.home-workbench .compare-modal-backdrop.open {
  display: flex;
  animation: wbfadeIn 0.2s ease-out;
}@keyframes wbfadeIn {from { opacity: 0; }to { opacity: 1; }
}.home-workbench .compare-modal {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  max-width: 920px;
  width: 100%;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
  animation: wbpopIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}@keyframes wbpopIn {from { opacity: 0; transform: scale(0.96) translateY(8px); }to { opacity: 1; transform: scale(1) translateY(0); }
}.home-workbench .compare-header {
  padding: 16px 24px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--surface);
}.home-workbench .compare-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--text);
}.home-workbench .compare-title svg {
  width: 20px;
  height: 20px;
  color: var(--accent);
}.home-workbench .compare-close {
  background: var(--border-subtle);
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  transition: all 0.15s;
}.home-workbench .compare-close:hover {
  background: var(--border);
  color: var(--text);
}.home-workbench .compare-presets {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--border-subtle);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
}.home-workbench .compare-preset-label {
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  white-space: nowrap;
}.home-workbench .compare-preset-btn {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s;
  font-family: inherit;
}.home-workbench .compare-preset-btn:hover,.home-workbench .compare-preset-btn.active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}.home-workbench .compare-body {
  padding: 20px 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}.home-workbench .compare-split-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: stretch;
}.home-workbench .compare-bird-col {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}.home-workbench .compare-bird-img-wrap {
  position: relative;
  width: 100%;
  height: 180px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--border);
}.home-workbench .compare-bird-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.home-workbench .compare-bird-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  backdrop-filter: blur(4px);
}.home-workbench .compare-bird-title h4 {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}.home-workbench .compare-bird-title em {
  font-size: 0.8rem;
  color: var(--muted);
  font-style: italic;
  display: block;
  margin-top: 2px;
}.home-workbench .compare-stats-table {
  display: flex;
  gap: 8px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  text-align: center;
}.home-workbench .compare-stat-cell {
  flex: 1;
  font-size: 0.68rem;
  color: var(--muted);
}.home-workbench .compare-stat-cell strong {
  display: block;
  font-size: 0.84rem;
  color: var(--text);
  font-weight: 800;
  margin-top: 2px;
}.home-workbench .compare-marks-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.76rem;
  color: var(--text-secondary);
}.home-workbench .compare-mark-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.35;
}.home-workbench .compare-mark-bullet {
  color: var(--accent);
  font-weight: 800;
  flex-shrink: 0;
}.home-workbench .compare-vs-divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}.home-workbench .compare-vs-badge {
  background: var(--text);
  color: #fff;
  font-weight: 900;
  font-size: 0.74rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 2;
}.home-workbench .compare-summary-tip {
  background: var(--accent-pale);
  border: 1px solid var(--accent-border);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  font-size: 0.8rem;
  color: var(--text);
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}.home-workbench .compare-summary-tip svg {
  width: 18px;
  height: 18px;
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 1px;
}.home-workbench .compare-summary-tip strong {
  color: var(--accent);
}
.home-workbench{display:none;}
@media(min-width:1025px){
 .home-legacy-desktop{display:none!important;}
 .home-workbench{display:flex;flex-direction:column;justify-content:center;--accent:#17624c;--accent-hover:#124e3d;--accent-pale:#edf2ec;--accent-border:#cbd9ce;--surface:#fff;--bg:#f4f1ea;--text:#183d32;--text-secondary:#36594b;--muted:#61736a;--border:#dce3db;--border-subtle:#f4f6f2;max-width:1240px;min-height:calc(100dvh - 310px);margin:0 auto;padding:64px 28px 68px;color:var(--text);}
 .home-workbench .workbench-intro{text-align:center;margin-bottom:32px;}
 .home-workbench .workbench-eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#886019;}
 .home-workbench h1{font-size:clamp(44px,4vw,60px);letter-spacing:-2px;line-height:1.08;margin:20px 0 18px;color:var(--text);}
 .home-workbench h1 span{color:var(--accent);}
 .home-workbench .workbench-intro p{font-size:18px;color:var(--muted);margin:0;}
 .home-workbench .workbench-tools{border:0;padding:0;margin:0;min-width:0;}
 .home-workbench .search-container{max-width:1000px;margin:0 auto 18px;}
 .home-workbench .hero-search-wrap{max-width:none;width:100%;padding:8px 8px 8px 16px;gap:8px;}
 .home-workbench .hero-search-wrap input{font-size:16px;min-height:46px;}
 .home-workbench .search-action-btn{font-size:14px;min-height:42px;padding:8px 11px;}
 .home-workbench .hero-search-btn{font-size:16px;min-height:46px;}
 .home-workbench .search-filter-drawer{width:100%;top:calc(100% + 8px);padding:22px;z-index:300;}
 .home-workbench .search-filter-drawer[hidden]{display:none!important;}
 .home-workbench .filter-col-title{font-size:13px;margin:0 0 10px;}
 .home-workbench .filter-choice-btn{font-size:13px;min-height:38px;line-height:1.35;}
 .home-workbench .filter-choice-btn:disabled{opacity:.5;cursor:not-allowed;}
 .home-workbench .filter-drawer-title{font-size:16px;}
 .home-workbench .filter-drawer-clear,.home-workbench .filter-match-count,.home-workbench .filter-apply-btn{font-size:14px;}
 .home-workbench .filter-apply-btn{min-height:42px;}
 .home-workbench .workbench-search-note,.home-workbench .workbench-locked{text-align:center;color:var(--muted);font-size:14px;line-height:1.7;}
 .home-workbench .workbench-locked a{text-decoration:underline;color:var(--accent);}
 .home-workbench .workbench-data-note{font-size:12px;color:var(--muted);line-height:1.55;}
 .home-workbench .workbench-results-area{margin-top:38px;}
 .home-workbench .workbench-results-area[hidden],.home-workbench .workbench-more[hidden]{display:none;}
 .home-workbench .workbench-results-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px;}
 .home-workbench .workbench-results-heading h2{font-size:22px;margin:0;}
 .home-workbench #workbench-status{font-size:14px;color:var(--muted);}
 .home-workbench .workbench-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
 .home-workbench .workbench-result{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);}
 .home-workbench .workbench-result-media{height:166px;display:grid;place-items:center;background:var(--surface);}
 .home-workbench .workbench-result-media img{width:100%;height:100%;object-fit:contain;}
 .home-workbench .workbench-empty-image{font-size:56px;color:var(--accent);}
 .home-workbench .workbench-result-copy{padding:18px;}
 .home-workbench .workbench-result h3{font-size:18px;line-height:1.3;margin:0 0 5px;}
 .home-workbench .workbench-result em{display:block;font-size:13px;color:var(--muted);}
 .home-workbench .workbench-result-copy>span{display:block;font-size:13px;color:var(--accent);margin-top:14px;}
 .home-workbench .workbench-more{display:block;margin:24px auto 0;}
 .home-workbench dialog.compare-modal-backdrop{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;color:var(--text);}
 .home-workbench dialog.compare-modal-backdrop::backdrop{background:transparent;}
 .home-workbench .compare-modal{max-width:1080px;background:var(--surface);}
 .home-workbench .compare-title{font-size:20px;margin:0;}
 .home-workbench .compare-close{width:42px;height:42px;}
 .home-workbench .compare-presets{flex-wrap:wrap;overflow:visible;}
 .home-workbench #workbench-presets{display:flex;gap:8px;flex-wrap:wrap;}
 .home-workbench .compare-preset-btn{background:var(--surface);font-size:13px;min-height:36px;}
 .home-workbench .workbench-compare-selectors{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);align-items:end;}
 .home-workbench .workbench-compare-selectors label{font-size:13px;font-weight:650;}
 .home-workbench .workbench-compare-selectors select{display:block;width:100%;margin-top:6px;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface);color:var(--text);font-size:14px;}
 .home-workbench #workbench-compare-status{font-size:13px;color:var(--muted);margin:0;}
 .home-workbench .compare-bird-img-wrap{height:220px;background:#fff;}
 .home-workbench .compare-bird-img{object-fit:contain;}
 .home-workbench .compare-bird-title h3{font-size:24px;margin:0;color:var(--text);}
 .home-workbench .compare-stats-table{background:var(--surface);}
 .home-workbench .compare-stat-cell{font-size:12px;}
 .home-workbench .compare-stat-cell small{display:block;font-size:11px;line-height:1.45;margin-top:6px;color:var(--muted);}
 .home-workbench .compare-stat-cell strong{font-size:14px;overflow-wrap:anywhere;}
 .home-workbench .compare-marks-list{font-size:14px;line-height:1.5;}
 .home-workbench .compare-summary-tip{font-size:14px;}
 .home-workbench .workbench-guide-link{font-size:14px;color:var(--accent);margin-top:auto;text-decoration:underline;}
 .home-workbench .compare-vs-badge{align-self:center;}
 .home-workbench :is(a,button,input,select):focus-visible{outline:3px solid #529c7a;outline-offset:3px;}
 .workbench-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
 html[data-ka-twilight] .home-workbench{--surface:#12241e;--bg:#0b1713;--text:#ecfdf5;--text-secondary:#c2ded2;--muted:#9db8ac;--border:#29463a;--border-subtle:#183129;--accent:#34d399;--accent-hover:#6ee7b7;--accent-pale:#183129;--accent-border:#36594b;}
 html[data-ka-twilight] .home-workbench .workbench-eyebrow{color:#e4ba70;}
 html[data-ka-twilight] .home-workbench :is(.hero-search-btn,.filter-apply-btn,.filter-choice-btn.selected,.search-action-btn.active,.compare-preset-btn.active){color:#0b1713;}
}

.home-workbench .hero-search-wrap input:focus-visible { outline: none !important; }
.home-workbench .hero-search-wrap:has(input:focus-visible) { outline: 2px solid #529c7a; outline-offset: 2px; }