.whcw-card{
  width:100%;
  max-width:980px;
  margin:0 auto;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(15,23,42,.55);
  backdrop-filter: blur(10px);
  padding:16px;
  box-sizing:border-box;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.whcw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.whcw-title{font-weight:900;letter-spacing:.02em;font-size:1.05rem}
.whcw-sub{opacity:.75;font-size:.9rem}

.whcw-form{display:flex;gap:10px;align-items:center;margin:10px 0 12px 0;flex-wrap:wrap}
.whcw-input{
  flex:1;
  min-width:220px;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(2,6,23,.35);
  color:#fff;
  outline:none;
}
.whcw-input:focus{border-color:rgba(103,232,249,.8); box-shadow:0 0 0 4px rgba(103,232,249,.18)}
.whcw-btn{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(99,102,241,.75);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.whcw-btn:hover{filter:brightness(1.05)}
.whcw-btn:active{transform:translateY(1px)}

.whcw-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px 0}
.whcw-tab{
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  padding:8px 12px;
  border-radius:999px;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  opacity:.9;
}
.whcw-tab.is-active{background: rgba(99,102,241,.45); border-color: rgba(99,102,241,.55); opacity:1}

.whcw-panel{display:none}
.whcw-panel.is-active{display:block}

.whcw-box{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background: rgba(2,6,23,.30);
  border:1px solid rgba(255,255,255,.10);
}
.whcw-row{display:grid;grid-template-columns:170px 1fr;gap:10px 14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.whcw-row:last-child{border-bottom:0}
.whcw-k{opacity:.72}
.whcw-v{font-weight:700;word-break:break-word}
.whcw-pill{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);margin-right:8px;font-size:12px}
.whcw-good{background:rgba(34,197,94,.22);border-color:rgba(34,197,94,.35)}
.whcw-bad{background:rgba(244,63,94,.20);border-color:rgba(244,63,94,.35)}
.whcw-warn{background:rgba(250,204,21,.18);border-color:rgba(250,204,21,.35)}
.whcw-small{opacity:.75;font-size:12px;margin-top:10px}
.whcw-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}