/* Styles v1.3 - profile card with DP left, details right; colorful media cards; fixed image width 500px */
.th-snp-wrap{max-width:820px;margin:20px auto;font-family:Inter,Arial,Helvetica,sans-serif}
.th-brand{font-weight:700;margin-bottom:12px;color:#0b66ff}
.th-input-wrap{text-align:center;margin-bottom:18px}
.th-input{width:72%;max-width:620px;padding:14px 18px;border-radius:30px;border:2px solid #eee;outline:none;font-size:16px;display:inline-block}
.th-btn{display:inline-block;margin-left:10px;padding:12px 22px;border-radius:22px;border:none;background:linear-gradient(90deg,#ff7a18,#ffb03b);color:#fff;font-weight:700;cursor:pointer}
.th-loading{width:36px;height:36px;border:4px solid rgba(0,0,0,0.1);border-top-color:#0b66ff;border-radius:50%;margin:12px auto;animation:thspin 1s linear infinite}
@keyframes thspin{to{transform:rotate(360deg)}}
.th-result{margin-top:18px}
.th-card{display:flex;gap:18px;align-items:center;padding:16px;border-radius:12px;box-shadow:0 6px 22px rgba(11,102,255,0.06);background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85))}
.th-left{flex:0 0 140px}
.th-avatar-wrap{width:120px;height:120px;border-radius:999px;overflow:hidden;flex-shrink:0;border:6px solid #fff;box-shadow:0 8px 24px rgba(11,102,255,0.12)}
.th-avatar{width:100%;height:100%;object-fit:cover;display:block}
.th-right{flex:1}
.th-name{margin:0 0 6px 0;font-size:20px;color:#111}
.th-meta{margin:0;color:#555}
.th-bio{margin-top:8px;color:#333}

/* Media cards */
.th-media-stack{margin-top:18px;display:block}
.th-media-block{margin-bottom:18px;padding:14px;border-radius:12px;text-align:center;max-width:520px;margin-left:auto;margin-right:auto}
.th-media-img{width:500px;height:auto;border-radius:8px;display:block;margin:10px auto;border:4px solid rgba(255,255,255,0.06)}

/* Colorful styles with white title */
.th-media-block.colorful{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff}
.th-media-block.colorful .th-media-title{color:#fff;margin:0 0 8px 0}
.th-media-block.colorful-alt{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff}
.th-media-block.colorful-alt .th-media-title{color:#fff;margin:0 0 8px 0}
.th-download{display:inline-block;padding:10px 16px;border-radius:8px;border:none;background:#fff;color:#111;font-weight:700;cursor:pointer}

/* Error */
.th-error{color:#b00020;padding:12px;border-radius:8px;background:rgba(176,0,32,0.06);max-width:520px;margin:12px auto}

@media(max-width:600px){.th-name{font-size:18px}.th-meta{font-size:14px}.th-bio{font-size:14px}}