:root{--success:#12a45a;--warning:#f2a900;--visit-button:#087bd3;--fake-button:#e29400}
#result[hidden]{display:none!important}
.notice{display:block!important;width:100%!important;padding:23px!important}
.notice-content{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
.notice #noticeText{display:block!important;width:100%!important;max-width:none!important;margin:0;font-size:15.5px!important;font-weight:850!important;font-style:italic;color:#071e2a;line-height:1.68!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.notice-links{display:block!important;clear:both!important;float:none!important;position:static!important;width:100%!important;margin:8px 0 0!important;text-align:center!important}
.notice-links p{display:block!important;width:100%!important;margin:2px 0!important;padding:0!important;font-size:14.5px!important;font-weight:850!important;line-height:1.48!important;white-space:normal!important}
.notice-links b{display:inline!important;margin:0!important;font-weight:950!important}
.notice-links a{font-weight:900;color:#007dac;overflow-wrap:anywhere}
.notice-links b::before{content:"";display:inline-block;width:25px;height:25px;margin-right:7px;vertical-align:-7px;background:center/contain no-repeat;animation:brandFloat 1.8s ease-in-out infinite}
#safeLinkLabel::before{width:42px;background-image:url('/assets/logo-88clb-inline.png')}
#telegramLabel::before{background-image:url('/assets/telegram-inline.svg')}
.brand-inline-logo{display:inline-block;width:53px;height:19px;margin:0 3px;vertical-align:-4px;object-fit:contain;animation:brandFloat 1.8s ease-in-out infinite}
.notice-emphasis{display:inline!important;color:#d7192d!important;background:transparent!important;padding:0!important;border-radius:0!important;font-weight:950!important;font-style:normal;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}
.notice-emphasis.otp{color:#e21d2f!important;background:transparent!important;padding:0!important;border-radius:0!important;letter-spacing:.04em;text-decoration:none;text-shadow:0 0 10px rgba(226,29,47,.18)}
.notice-important,#telegramLabel{color:#08a7e5!important;text-decoration:none!important;font-weight:950!important}
.notice-line-break{display:block;content:"";margin:2px 0 0}
.result{margin:0 0 8px;padding:10px 12px;border-radius:13px;box-shadow:none}
.result-heading{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.result-heading strong{font-size:18px;line-height:1.15}
.result.safe{border:1.5px solid var(--success);color:#075d35;background:#f2fff8}
.result.fake{border:1.5px solid var(--warning);color:#a93224;background:#f4fbff}
.result.fake p,.result.fake strong{color:#b43128;text-shadow:none}
.result-outside{display:table;min-width:0;max-width:100%;margin:14px auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.result-outside.fake{border:0!important}
.result-outside .result-heading{display:flex;justify-content:center}
.result-outside .visit{display:inline-flex!important;margin-top:7px!important}
.verify-icon{display:inline-grid;place-items:center;width:31px;height:31px;margin:0;border-radius:50%;color:#fff;background:var(--success);font-size:20px;font-weight:950;box-shadow:0 0 0 4px rgba(18,164,90,.12)}
.warning-icon{color:#fff;background:var(--warning);box-shadow:0 0 0 4px rgba(242,169,0,.13)}
.result .visit{margin-top:4px;padding:8px 18px;background:var(--visit-button)}
.result .visit.locked{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#fff!important;background:linear-gradient(180deg,#ffc62a,var(--fake-button))!important;border:2px solid #fff;box-shadow:0 4px 12px rgba(135,91,0,.18);pointer-events:none}
.notice.description-only{grid-template-columns:minmax(0,1fr)!important}
.notice.description-only #noticeText{color:#b3262e!important;text-align:center}
.notice.description-only.safe-description #noticeText{color:#087a54!important}
@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:560px){
  #checkForm{display:flex!important;gap:5px!important}
  #checkForm input{min-width:0!important;padding:10px 8px!important;text-align:left!important;font-size:13px}
  #checkForm button{flex:0 0 auto!important;min-height:44px!important;padding:9px 12px!important;white-space:nowrap!important;font-size:12px}
  .notice{display:block!important;padding:16px!important;margin-top:14px!important}
  .notice #noticeText{font-size:13.8px!important;line-height:1.6!important;font-weight:850!important}
  .notice-links{margin-top:5px!important}
  .notice-links p{font-size:13.2px!important;line-height:1.48!important}
  .notice-links b::before{width:22px;height:22px;margin-right:5px;vertical-align:-6px}
  #safeLinkLabel::before{width:38px}
  .brand-inline-logo{width:47px;height:18px;vertical-align:-4px}
  .result{padding:9px;margin-bottom:5px!important}
  .result-heading{gap:6px}
  .result-heading strong{font-size:16px}
  .result-outside{min-width:0;margin:10px auto!important;padding:0!important}
  .result-outside .visit{margin-top:5px!important}
  .support{margin-top:10px!important}
}
@media(prefers-reduced-motion:reduce){.notice-links b::before,.brand-inline-logo{animation:none}}