/* 워닝연구소 조회 폼 — 블랙 테마 (부모 사이트 임베드용, 배경 투명) */
:root{
  --card: rgba(255,255,255,.04);
  --card-line: rgba(255,255,255,.10);
  --text:#e9edf4;
  --muted:#98a2b2;
  --line: rgba(255,255,255,.12);
  --field: rgba(255,255,255,.05);
  --brand:#5b8def;
  --brand-grad: linear-gradient(90deg,#f6a623 0%,#f0ab3c 38%,#6b8cf0 100%);
  --open:#3ddc84; --open-bg:rgba(45,200,120,.14); --open-line:rgba(61,220,132,.34);
  --blocked:#ff6b6f; --blocked-bg:rgba(255,80,90,.14); --blocked-line:rgba(255,107,111,.40);
  --unknown:#98a2b2; --unknown-bg:rgba(255,255,255,.05);
}
*{box-sizing:border-box}
html,body{background:transparent;}
body{margin:0;font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--text);}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;}
.card{width:100%;max-width:540px;background:var(--card);border:1px solid var(--card-line);border-radius:16px;padding:28px 26px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 30px rgba(0,0,0,.35);}
.title{margin:0 0 6px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.2px;}
.subtitle{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.55;}
.form{display:flex;gap:8px;}
.input{flex:1;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:var(--field);color:var(--text);outline:none;transition:border-color .15s;}
.input::placeholder{color:#71798a;}
.input:focus{border-color:var(--brand);}
.btn{padding:13px 24px;border:0;border-radius:10px;background:var(--brand-grad);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s;white-space:nowrap;}
.btn:hover{filter:brightness(1.08);}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.status-msg{margin-top:16px;font-size:14px;min-height:20px;}
.status-msg.loading{color:var(--brand);}
.status-msg.error{color:var(--blocked);}
.result{margin-top:22px;}
.result-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;}
.result-domain{font-size:16px;font-weight:700;color:#fff;word-break:break-all;}
.result-time{font-size:12px;color:var(--muted);white-space:nowrap;}
.isp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.isp-cell{border-radius:12px;padding:16px 10px;text-align:center;border:1px solid var(--line);background:var(--unknown-bg);}
.isp-cell .isp-name{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;}
.isp-cell .isp-state{display:block;font-size:16px;font-weight:800;}
.isp-cell .isp-detail{display:block;font-size:11px;color:var(--muted);margin-top:5px;}
.isp-cell.open{background:var(--open-bg);border-color:var(--open-line);}
.isp-cell.open .isp-state{color:var(--open);}
.isp-cell.blocked{background:var(--blocked-bg);border-color:var(--blocked-line);}
.isp-cell.blocked .isp-state{color:var(--blocked);}
.isp-cell.unknown .isp-state{color:var(--unknown);}
.hint{margin:22px 0 0;font-size:12px;color:var(--muted);text-align:center;}
.hint b{color:#cdd4df;}
@media (max-width:440px){.card{padding:22px 16px;} .form{flex-direction:column;}}