/* TechniqueHow - Kik Lookup tool styles (v1.3) */
.kikth-wrapper { max-width:980px; margin:24px auto; font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
.kikth-brand { font-weight:700; font-size:14px; color:#111; margin-bottom:10px; letter-spacing:1px; text-align:center; }
.kikth-tool { border:1px solid #ececec; padding:20px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.04); background:#fff; }
.kikth-form { display:flex; flex-direction:column; gap:12px; align-items:center; max-width:720px; margin:0 auto; }
.kikth-form input { width:100%; max-width:400px; padding:12px 14px; border-radius:10px; border:1px solid #d0d0d0; font-size:15px; }
.kikth-btn { padding:10px 20px; border-radius:8px; background:#0b66ff; color:#fff; border:none; cursor:pointer; font-weight:700; font-size:15px; width:auto; min-width:120px; margin-top:6px; display:block; text-align:center; }
.kikth-btn:disabled { opacity:0.7; cursor:not-allowed; }
.kikth-loading { margin-top:14px; display:flex; justify-content:center; }
.kikth-spinner { width:36px; height:36px; border-radius:50%; border:4px solid rgba(0,0,0,0.08); border-top-color:#0b66ff; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

.kikth-result { margin-top:18px; display:block; max-width:760px; margin-left:auto; margin-right:auto; }
.kikth-list { list-style:none; padding:0; margin:0; border-radius:10px; border:1px solid #eef2ff; box-shadow:0 8px 26px rgba(11,102,255,0.04); overflow:hidden; }
.kikth-list li { display:flex; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #f3f6ff; background:#fff; }
.kikth-list li:last-child { border-bottom:none; }
.kikth-key { font-weight:700; color:#0b2545; }
.kikth-value { color:#334155; }

.kikth-error { max-width:720px; margin:12px auto 0; padding:12px 14px; border-radius:10px; background:#fff7f7; border:1px solid #ffd6d6; color:#7a2b2b; font-weight:600; text-align:center; }