/* TechniqueHow Roblox Checker v3.3.1 */
.tchrblx-wrapper,
.tchrblx-wrapper *{
  box-sizing:border-box;
}
.tchrblx-wrapper{
  --tchrblx-blue:#2f73f6;
  --tchrblx-blue2:#7a63ef;
  --tchrblx-purple:#7b5fee;
  --tchrblx-green:#25a99a;
  --tchrblx-text:#24324b;
  --tchrblx-muted:#64748b;
  --tchrblx-line:#e6edf7;
  --tchrblx-soft:#f8fbff;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:6px 4px 18px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--tchrblx-text);
}
.tchrblx-wrapper svg{
  width:1em;
  height:1em;
  display:block;
  fill:currentColor;
}
.tchrblx-ico,
.tchrblx-avatar-badge,
.tchrblx-input-icon{
  line-height:1;
}
.tchrblx-ico{
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:start;
  align-self:center;
  flex:0 0 auto;
  overflow:hidden;
}
.tchrblx-ico svg,
.tchrblx-avatar-badge svg,
.tchrblx-input-icon svg{
  display:block !important;
  flex:0 0 auto;
  margin:auto;
  position:relative;
  inset:auto;
}

/* Input/tool page - same shortcode, cleaner demo style */
.tchrblx-search-card{
  width:100%;
  max-width:872px;
  margin:0 auto 12px;
  background:rgba(255,255,255,.96);
  border:1px solid #e6ebf4;
  border-radius:6px;
  padding:64px 74px 48px;
  box-shadow:0 8px 22px rgba(31,45,77,.08);
}
.tchrblx-input-wrap{
  position:relative;
  width:100%;
  margin:0 0 20px;
}
.tchrblx-input-icon{
  position:absolute;
  left:28px;
  top:50%;
  transform:translateY(-50%);
  color:#9aa9bc;
  font-size:19px;
  line-height:1;
  pointer-events:none;
}
.tchrblx-input-wrap input{
  width:100%;
  height:66px;
  border:1px solid #ccd5e3;
  border-radius:5px;
  background:#fff;
  color:#223049;
  font-size:16px;
  font-weight:600;
  outline:none;
  padding:0 22px 0 78px;
  transition:border-color .2s ease, box-shadow .2s ease;
  appearance:none;
  -webkit-appearance:none;
}
.tchrblx-input-wrap input::placeholder{
  color:#8a98aa;
  font-weight:600;
}
.tchrblx-input-wrap input:focus{
  border-color:#3c7bf2;
  box-shadow:0 0 0 4px rgba(47,115,246,.10);
}
.tchrblx-btn{
  width:100%;
  height:62px;
  border:0;
  border-radius:5px;
  background:linear-gradient(90deg,#2871ef 0%,#2f78f4 48%,#3179f5 100%);
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 11px 20px rgba(47,115,246,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.tchrblx-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(47,115,246,.22);
}
.tchrblx-btn:disabled{
  cursor:not-allowed;
  opacity:.72;
  transform:none;
}

/* Loader and error */
.tchrblx-loader{
  width:64px;
  height:64px;
  margin:18px auto;
  border-radius:999px;
  background:#fff;
  border:1px solid #e6edf7;
  box-shadow:0 10px 25px rgba(30,47,80,.08);
  display:flex;
  align-items:center;
  justify-content:center;
}
.tchrblx-loader span{
  width:31px;
  height:31px;
  border-radius:50%;
  border:4px solid #dbe7ff;
  border-top-color:#2f73f6;
  animation:tchrblxSpin .8s linear infinite;
}
@keyframes tchrblxSpin{ to{ transform:rotate(360deg); } }
.tchrblx-error{
  max-width:872px;
  margin:12px auto 0;
  border:1px solid #ffd9df;
  color:#bd233c;
  background:linear-gradient(180deg,#fff7f8,#fff);
  border-radius:8px;
  padding:13px 15px;
  font-size:14px;
  font-weight:800;
  text-align:center;
  box-shadow:0 9px 24px rgba(190,35,60,.06);
}

/* Results page */
.tchrblx-result{
  width:100%;
  max-width:1228px;
  margin:16px auto 0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.tchrblx-profile-hero,
.tchrblx-info-card,
.tchrblx-age-card,
.tchrblx-link-card{
  background:#fff;
  border:1px solid #e4ecf8;
  box-shadow:0 7px 20px rgba(28,42,77,.08);
}
.tchrblx-profile-hero{
  position:relative;
  overflow:hidden;
  min-height:302px;
  border-radius:9px;
  display:grid;
  grid-template-columns:252px minmax(0,1fr) 250px;
  align-items:center;
  padding:48px 46px;
  isolation:isolate;
}
.tchrblx-profile-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 40%,rgba(126,108,236,.13),transparent 34%),
    radial-gradient(circle at 98% 4%,rgba(47,115,246,.10),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  z-index:-2;
}
.tchrblx-profile-hero:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-92px;
  width:438px;
  height:438px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(47,115,246,.09),rgba(126,108,236,.13));
  z-index:-1;
}
.tchrblx-avatar-ring{
  position:relative;
  width:172px;
  height:172px;
}
.tchrblx-avatar-ring img{
  width:172px;
  height:172px;
  display:block;
  border-radius:999px;
  object-fit:cover;
  background:#f4f7fb;
  border:2px solid #9dc3ff;
  box-shadow:0 15px 30px rgba(39,83,145,.16);
}
.tchrblx-avatar-badge{
  position:absolute;
  right:-8px;
  bottom:8px;
  width:58px;
  height:58px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#2c72f4,#6b5bea);
  font-size:28px;
  box-shadow:0 12px 24px rgba(47,115,246,.25);
  transform:rotate(8deg);
}
.tchrblx-hero-lines{
  display:flex;
  flex-direction:column;
  gap:28px;
  max-width:560px;
}
.tchrblx-hero-line{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  column-gap:28px;
}
.tchrblx-hero-line .tchrblx-ico{
  width:72px;
  height:72px;
}
.tchrblx-hero-line span,
.tchrblx-info-card span,
.tchrblx-age-card span,
.tchrblx-link-left span{
  display:block;
  color:#394966;
  font-size:16px;
  font-weight:800;
  line-height:1.24;
}
.tchrblx-hero-line strong{
  display:block;
  margin-top:6px;
  color:#296df0;
  font-size:30px;
  font-weight:900;
  line-height:1.12;
  word-break:break-word;
}
#tchrblx_avatar_label{
  color:#64748b;
  font-size:21px;
}
.tchrblx-hero-art{
  position:absolute;
  right:34px;
  bottom:30px;
  width:132px;
  height:94px;
  opacity:.28;
  background-image:radial-gradient(#9eaee6 2px,transparent 2px);
  background-size:14px 14px;
}
.tchrblx-hero-art:before,
.tchrblx-hero-art:after{
  content:"";
  position:absolute;
  border-radius:18px;
  background:rgba(126,108,236,.10);
}
.tchrblx-hero-art:before{width:95px;height:95px;right:70px;bottom:50px;}
.tchrblx-hero-art:after{width:68px;height:68px;right:10px;bottom:6px;}

.tchrblx-grid{
  display:grid;
  gap:18px;
}
.tchrblx-grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.tchrblx-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.tchrblx-info-card,
.tchrblx-age-card{
  position:relative;
  overflow:hidden;
  min-height:158px;
  border-radius:9px;
  display:grid;
  grid-template-columns:94px minmax(0,1fr);
  align-items:center;
  column-gap:20px;
  padding:30px 42px;
}
.tchrblx-info-card:after,
.tchrblx-age-card:after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-42px;
  width:170px;
  height:118px;
  opacity:.28;
  background-image:radial-gradient(currentColor 2px,transparent 2px);
  background-size:15px 15px;
  color:#bfd0f1;
  border-radius:20px;
}
.tchrblx-info-card strong,
.tchrblx-age-card strong{
  display:block;
  margin-top:8px;
  font-size:30px;
  line-height:1.05;
  font-weight:950;
  color:#2f73f6;
  word-break:break-word;
}
.tchrblx-info-card .tchrblx-ico{
  width:60px;
  height:60px;
}
.tchrblx-ico{
  border-radius:14px;
  font-size:33px;
}
.tchrblx-hero-line .tchrblx-ico svg{
  width:34px;
  height:34px;
}
.tchrblx-info-card .tchrblx-ico svg,
.tchrblx-link-left .tchrblx-ico svg{
  width:30px;
  height:30px;
}
.tchrblx-age-card .tchrblx-ico svg{
  width:34px;
  height:34px;
}
.tchrblx-avatar-badge svg{
  width:28px;
  height:28px;
}
.tchrblx-input-icon svg{
  width:19px;
  height:19px;
}
.tchrblx-ico.blue{ color:#2f73f6; background:linear-gradient(180deg,#edf5ff,#f6fbff); }
.tchrblx-ico.green{ color:#25a99a; background:linear-gradient(180deg,#eafbf7,#f6fffc); }
.tchrblx-ico.purple{ color:#7b5fee; background:linear-gradient(180deg,#f4f0ff,#fbfaff); }
.tchrblx-ico.blue-fill{ color:#fff; background:linear-gradient(135deg,#2f73f6,#2d91ff); }
.tchrblx-ico.purple-fill{ color:#fff; background:linear-gradient(135deg,#735ee8,#9b63f3); }
.tchrblx-blue-soft{ background:linear-gradient(180deg,#ffffff,#f8fbff); }
.tchrblx-green-soft{ background:linear-gradient(180deg,#ffffff,#f8fffc); }
.tchrblx-follow-soft{ background:linear-gradient(180deg,#ffffff,#f8fbff); }
.tchrblx-mint-soft{ background:linear-gradient(180deg,#ffffff,#f6fffb); }
.tchrblx-violet-soft{ background:linear-gradient(180deg,#ffffff,#fcf8ff); }
.tchrblx-mint-soft strong,
.tchrblx-green-soft strong{ color:#1ca391; }
.tchrblx-violet-soft strong{ color:#7460e8; }
.tchrblx-age-card{
  min-height:142px;
  border-color:#bdd7ff;
  column-gap:20px;
  padding:26px 40px;
}
.tchrblx-age-card .tchrblx-ico{
  width:78px;
  height:78px;
  border-radius:999px;
  font-size:38px;
}
.tchrblx-age-blue{
  background:linear-gradient(135deg,#ffffff 0%,#eff7ff 100%);
}
.tchrblx-age-purple{
  border-color:#d6c9ff;
  background:linear-gradient(135deg,#ffffff 0%,#fbf6ff 100%);
}
.tchrblx-age-purple strong{ color:#7b5fee; }
.tchrblx-link-card{
  min-height:122px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:29px 42px;
}
.tchrblx-link-left{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
}
.tchrblx-link-left .tchrblx-ico{
  width:60px;
  height:60px;
  font-size:34px;
  border-radius:14px;
}
.tchrblx-profile-btn{
  min-width:360px;
  height:68px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 30px;
  border-radius:9px;
  background:linear-gradient(90deg,#2d72f4 0%,#7a5eee 100%);
  color:#fff !important;
  text-decoration:none !important;
  font-size:16px;
  font-weight:850;
  box-shadow:0 14px 25px rgba(73,91,235,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}
.tchrblx-profile-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 17px 29px rgba(73,91,235,.26);
}
.tchrblx-profile-btn svg{
  font-size:20px;
}

@media (max-width:900px){
  .tchrblx-search-card{
    max-width:100%;
    padding:44px 28px 34px;
  }
  .tchrblx-input-wrap input{
    height:58px;
    font-size:16px;
    padding-left:60px;
  }
  .tchrblx-input-icon{ left:21px; }
  .tchrblx-btn{ height:56px; }
  .tchrblx-result{ gap:14px; }
  .tchrblx-profile-hero{
    grid-template-columns:1fr;
    min-height:0;
    gap:22px;
    padding:30px 22px;
    justify-items:center;
    text-align:left;
  }
  .tchrblx-avatar-ring,
  .tchrblx-avatar-ring img{
    width:144px;
    height:144px;
  }
  .tchrblx-avatar-badge{
    width:48px;
    height:48px;
    font-size:23px;
  }
  .tchrblx-hero-lines{
    width:100%;
    max-width:100%;
    gap:12px;
  }
  .tchrblx-hero-line{
    grid-template-columns:54px minmax(0,1fr);
    column-gap:14px;
    min-height:82px;
    padding:14px;
    border:1px solid #edf2fb;
    border-radius:10px;
    background:rgba(255,255,255,.74);
  }
  .tchrblx-hero-line .tchrblx-ico{
    width:54px;
    height:54px;
    font-size:26px;
  }
  .tchrblx-hero-line span,
  .tchrblx-info-card span,
  .tchrblx-age-card span,
  .tchrblx-link-left span{
    font-size:13px;
  }
  .tchrblx-hero-line strong{
    font-size:22px;
  }
  #tchrblx_avatar_label{ font-size:17px; }
  .tchrblx-grid-2,
  .tchrblx-grid-3{
    grid-template-columns:1fr;
  }
  .tchrblx-info-card,
  .tchrblx-age-card,
  .tchrblx-link-card{
    min-height:0;
    border-radius:9px;
    padding:22px;
  }
  .tchrblx-info-card,
  .tchrblx-age-card{
    grid-template-columns:66px minmax(0,1fr);
    column-gap:14px;
  }
  .tchrblx-info-card .tchrblx-ico,
  .tchrblx-age-card .tchrblx-ico,
  .tchrblx-link-left .tchrblx-ico{
    width:54px;
    height:54px;
    font-size:27px;
  }
  .tchrblx-info-card .tchrblx-ico svg,
  .tchrblx-link-left .tchrblx-ico svg{
    width:26px;
    height:26px;
  }
  .tchrblx-age-card .tchrblx-ico svg{
    width:28px;
    height:28px;
  }
  .tchrblx-info-card strong,
  .tchrblx-age-card strong{
    font-size:22px;
  }
  .tchrblx-link-card{
    flex-direction:column;
    align-items:stretch;
    gap:16px;
  }
  .tchrblx-link-left{
    gap:14px;
  }
  .tchrblx-profile-btn{
    width:100%;
    min-width:0;
    height:56px;
    font-size:14px;
  }
}
@media (max-width:480px){
  .tchrblx-wrapper{
    padding:4px 0 14px;
  }
  .tchrblx-search-card{
    padding:32px 18px 26px;
    border-radius:5px;
  }
  .tchrblx-input-wrap{
    margin-bottom:14px;
  }
  .tchrblx-input-wrap input{
    height:52px;
    font-size:14px;
    border-radius:5px;
    padding-left:54px;
  }
  .tchrblx-input-icon{
    left:18px;
    font-size:17px;
  }
  .tchrblx-btn{
    height:52px;
    font-size:14px;
    border-radius:5px;
  }
  .tchrblx-profile-hero,
  .tchrblx-info-card,
  .tchrblx-age-card,
  .tchrblx-link-card{
    box-shadow:0 5px 16px rgba(28,42,77,.07);
  }
}

@media (max-width:480px){
  .tchrblx-input-icon svg{ width:17px; height:17px; }
}