/* Search stays visually independent through its outline, not a filled color block.
   Interior stays neutral in both markets; only the shared market edge changes. */

.home-command{
  --search-edge-a:var(--ms-search-edge-a);
  --search-edge-b:var(--ms-search-edge-b);
  --search-edge-c:var(--ms-search-edge-c);
  color:var(--ms-ink);
  border:2px solid transparent!important;
  background:
    linear-gradient(var(--ms-surface),var(--ms-surface)) padding-box,
    linear-gradient(135deg,var(--search-edge-a),var(--search-edge-b),var(--search-edge-c)) border-box!important;
}
.home-command::before,
.home-command::after{display:none!important}
.home-command-title h2{color:var(--ms-ink)!important}
.home-command-title p{color:var(--ms-muted)!important}
.home-command-mode button{
  appearance:none;
  -webkit-appearance:none;
  padding:6px 10px;
  border-radius:999px;
  background:var(--ms-surface-muted)!important;
  color:var(--ms-muted)!important;
  border:1px solid var(--ms-line)!important;
  box-shadow:none!important;
  font:inherit;
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}
.home-command-mode button.active{
  background:var(--ms-market-accent-pale)!important;
  color:var(--ms-market-accent-dark)!important;
  border-color:var(--search-edge-a)!important;
}
.home-command-form input{
  background:var(--ms-surface-soft)!important;
  color:var(--ms-ink)!important;
  border:1px solid var(--ms-line)!important;
  box-shadow:none!important;
}
.home-command-form input::placeholder{color:#989ca6!important}
.home-command-form input:focus{
  background:var(--ms-surface)!important;
  border-color:var(--search-edge-a)!important;
  box-shadow:0 0 0 3px var(--ms-market-focus)!important;
}
.home-command-form button{
  background:var(--ms-surface)!important;
  color:var(--ms-market-accent-dark)!important;
  border:1.5px solid var(--search-edge-a)!important;
  box-shadow:none!important;
}
.home-command-form button:hover,
.home-command-form button:active{background:var(--ms-market-accent-pale)!important}
.home-command-examples>span{color:var(--ms-muted)!important}
.home-command-examples button{
  background:var(--ms-surface-muted)!important;
  color:#656a75!important;
  border:1px solid var(--ms-line)!important;
}
.home-command-examples button:active{background:#eceef2!important}

.home-guided{position:relative;z-index:1}
.home-guided-question{
  margin:2px 0 10px;
  color:var(--ms-ink);
  font-size:13px;
  font-weight:700;
}
.home-guided-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.home-guided-axis,
.home-guided-option{
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:46px;
  padding:10px 14px;
  border:1px solid var(--ms-line);
  border-radius:999px;
  background:var(--ms-surface-soft);
  color:var(--ms-ink);
  box-shadow:none;
  font:inherit;
  text-align:left;
}
.home-guided-axis{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.home-guided-axis:active,
.home-guided-option:active{
  border-color:var(--search-edge-a);
  background:var(--ms-market-accent-pale);
}
.home-guided-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.home-guided-option span{
  overflow:hidden;
  color:var(--ms-ink);
  font-size:12px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-guided-option small{
  flex:0 0 auto;
  color:var(--ms-muted);
  font-size:9px;
  font-weight:600;
}
.home-guided-selected{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 10px;
}
.home-guided-selected-chip{
  appearance:none;
  -webkit-appearance:none;
  padding:5px 8px;
  border:1px solid var(--search-edge-a);
  border-radius:999px;
  background:var(--ms-market-accent-pale);
  color:var(--ms-market-accent-dark);
  font:inherit;
  font-size:10px;
  font-weight:700;
}
.home-guided-actions{
  display:flex;
  gap:8px;
  margin-top:4px;
}
.home-guided-submit,
.home-guided-add,
.home-guided-back{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  font-size:11px;
  font-weight:700;
}
.home-guided-submit,
.home-guided-add{
  border-radius:999px;
}
.home-guided-submit{
  min-height:44px;
  padding:0 18px;
  border:1.5px solid var(--search-edge-a);
  background:var(--ms-market-accent-pale);
  color:var(--ms-market-accent-dark);
}
.home-guided-add{
  min-height:44px;
  padding:0 16px;
  border:1px solid var(--ms-line);
  background:var(--ms-surface-soft);
  color:var(--ms-muted);
}
.home-guided-back{
  margin-top:9px;
  padding:5px 0;
  border:0;
  background:transparent;
  color:var(--ms-muted);
}
.home-guided-loading,
.home-guided-empty{
  grid-column:1/-1;
  padding:12px 2px;
  color:var(--ms-muted);
  font-size:10px;
}
.home-keyword[hidden],
.home-guided[hidden],
.home-guided-selected[hidden],
.home-guided-actions[hidden],
.home-guided-back[hidden],
.home-guided-add[hidden]{display:none!important}

/* Ambient shadow is deliberately weaker than the colored edge. */
body[data-market="otome"] .home-command{
  box-shadow:
    0 12px 30px rgba(170,82,132,.09),
    0 0 0 4px rgba(230,116,168,.055)!important;
}
body[data-market="bl"] .home-command{
  box-shadow:
    0 12px 30px rgba(73,109,157,.09),
    0 0 0 4px rgba(91,174,205,.055)!important;
}

@media(max-width:640px){
  body[data-market="otome"] .home-command{
    box-shadow:0 10px 24px rgba(170,82,132,.08),0 0 0 3px rgba(230,116,168,.05)!important;
  }
  body[data-market="bl"] .home-command{
    box-shadow:0 10px 24px rgba(73,109,157,.08),0 0 0 3px rgba(91,174,205,.05)!important;
  }
  .home-guided-options{grid-template-columns:1fr}
  .home-guided-axis{justify-content:flex-start;text-align:left}
  .home-guided-actions{display:grid;grid-template-columns:1fr 1fr}
  .home-guided-submit,.home-guided-add{width:100%}
}
@media(max-width:420px){
  .home-command-mode button{padding:5px 7px;font-size:8px}
}