/* Award.vibe icon system — one quiet line language based on the auth close. */
:root{--av-icon:#969696;--av-icon-hover:#202124;--av-icon-stroke:1.25}

/* All non-brand vectors share the same geometry. */
:where(
  .nav-icon,
  .account-avatar-fallback,
  .gallery-sort svg,
  .btn-cta__icon svg,
  [data-project-share] svg,
  [data-modal-project-share] svg,
  [data-project-like] svg,
  [data-modal-project-like] svg,
  [data-project-prompt-previous] svg,
  [data-project-prompt-next] svg,
  [data-prompt-copy] svg,
  [data-guide-copy] svg,
  [data-copy-step] svg,
  [data-testimonial-previous] svg,
  [data-testimonial-next] svg,
  [data-like-password-toggle] svg,
  [data-comment-password-toggle] svg,
  [data-guide-sticky-icon],
  .mobile-drawer__email svg,
  .mobile-drawer__account-links svg,
  .free-guide-deliverables svg
){color:var(--av-icon)!important;stroke:currentColor!important;stroke-width:var(--av-icon-stroke)!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}

:where(
  .nav-icon,
  .account-avatar-fallback,
  .gallery-sort svg,
  .btn-cta__icon svg,
  [data-project-share] svg,
  [data-modal-project-share] svg,
  [data-project-like] svg,
  [data-modal-project-like] svg,
  [data-project-prompt-previous] svg,
  [data-project-prompt-next] svg,
  [data-prompt-copy] svg,
  [data-guide-copy] svg,
  [data-copy-step] svg,
  [data-testimonial-previous] svg,
  [data-testimonial-next] svg,
  [data-like-password-toggle] svg,
  [data-comment-password-toggle] svg,
  [data-guide-sticky-icon]
) *{vector-effect:non-scaling-stroke}

/* Every close uses the exact same CSS-drawn cross. */
:where(
  .auth-modal__close,
  .project-detail-modal__close,
  .like-login-modal__close,
  .mobile-premium-gate__close,
  .project-prompt-reader__close,
  [data-drawer-close],
  [data-pricing-preview-close],
  [data-free-guide-close]
){position:relative!important;color:var(--av-icon)!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}

:where(
  .project-detail-modal__close,
  .like-login-modal__close,
  .mobile-premium-gate__close,
  .project-prompt-reader__close,
  [data-drawer-close],
  [data-pricing-preview-close],
  [data-free-guide-close]
) > svg{display:none!important}

:where(
  .project-detail-modal__close,
  .like-login-modal__close,
  .mobile-premium-gate__close,
  .project-prompt-reader__close,
  [data-drawer-close],
  [data-pricing-preview-close],
  [data-free-guide-close]
)::before,
:where(
  .project-detail-modal__close,
  .like-login-modal__close,
  .mobile-premium-gate__close,
  .project-prompt-reader__close,
  [data-drawer-close],
  [data-pricing-preview-close],
  [data-free-guide-close]
)::after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:18px!important;height:1px!important;border:0!important;border-radius:999px!important;background:currentColor!important;transform-origin:center!important}

:where(.project-detail-modal__close,.like-login-modal__close,.mobile-premium-gate__close,.project-prompt-reader__close,[data-drawer-close],[data-pricing-preview-close],[data-free-guide-close])::before{transform:translate(-50%,-50%) rotate(45deg)!important}
:where(.project-detail-modal__close,.like-login-modal__close,.mobile-premium-gate__close,.project-prompt-reader__close,[data-drawer-close],[data-pricing-preview-close],[data-free-guide-close])::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* The auth cross itself remains the reference dimensions. */
.auth-modal__close{position:absolute!important;top:12px!important;right:13px!important;left:auto!important;width:24px!important;height:24px!important;padding:0!important}
.auth-modal__close::before,.auth-modal__close::after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:18px!important;height:1px!important;border:0!important;border-radius:999px!important;background:var(--av-icon)!important;transform-origin:center!important}
.auth-modal__close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.auth-modal__close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* Icon-only controls stay visually weightless. */
:where(
  [data-project-share],
  [data-modal-project-share],
  [data-project-like],
  [data-modal-project-like],
  [data-project-prompt-previous],
  [data-project-prompt-next],
  [data-testimonial-previous],
  [data-testimonial-next],
  [data-like-password-toggle],
  [data-comment-password-toggle]
){color:var(--av-icon)!important;box-shadow:none!important}

:where(button,a):hover > :where(.nav-icon,svg:not([data-brand-icon])){color:var(--av-icon-hover)}

/* Text hearts are tuned to the same optical weight. */
.card-likes>span,
.project-comments__list button[aria-label^="Like"]>span{color:var(--av-icon)!important;font-family:Arial,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1!important}
.card-likes:is(.is-liked,[aria-pressed="true"])>span{color:#d83a4e!important}

:where(button,a):focus-visible{outline-color:#a5a5a5!important;outline-width:1px!important;outline-offset:3px!important}

/* Strict optical parity with the sign-up cross: 18px / 1px / #929292. */
html body :where(
  button:not([data-auth-google]):not([data-like-google-auth]):not([data-comment-google-auth]) svg,
  summary svg,
  .nav-icon,
  .account-avatar-fallback,
  .mobile-drawer__email svg,
  .mobile-drawer__account-links svg,
  .free-guide-deliverables svg,
  .project-prompt-list__lock svg
) {
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  color:#929292 !important;
  stroke:#929292 !important;
  stroke-width:1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
  filter:none !important;
}

html body :where(
  button:not([data-auth-google]):not([data-like-google-auth]):not([data-comment-google-auth]) svg,
  summary svg,
  .nav-icon,
  .account-avatar-fallback,
  .mobile-drawer__email svg,
  .mobile-drawer__account-links svg,
  .free-guide-deliverables svg,
  .project-prompt-list__lock svg
) :where(path,circle,rect,line,polyline,polygon) {
  stroke:#929292 !important;
  stroke-width:1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
  vector-effect:non-scaling-stroke !important;
}

html body :where(.btn-cta__icon,.nav-icon) {
  color:#929292 !important;
}

html body :where(.btn-cta__icon,.nav-icon) svg,
html body :where(.btn-cta__icon,.nav-icon) svg * {
  color:#929292 !important;
  stroke:#929292 !important;
  stroke-width:1 !important;
}

html body .card-likes > span,
html body .project-comments__list button[aria-label^="Like"] > span {
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}

html body .card-likes > span::before,
html body .project-comments__list button[aria-label^="Like"] > span::before {
  content:"" !important;
  width:16px !important;
  height:16px !important;
  display:block !important;
  background:#929292 !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath d='M20.8 4.8a5.5 5.5 0 0 0-7.8 0L12 5.9l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.4a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath d='M20.8 4.8a5.5 5.5 0 0 0-7.8 0L12 5.9l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.4a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat !important;
}

html body .card-likes:is(.is-liked,[aria-pressed="true"]) > span::before,
html body .project-comments__list button[aria-pressed="true"] > span::before {
  background:#d83a4e !important;
}

/* One canonical close glyph across every dialog, sheet, toast and panel. */
html body :is(
  .auth-modal__close,
  .project-detail-modal__close,
  .like-login-modal__close,
  .mobile-premium-gate__close,
  .project-prompt-reader__close,
  .community-modal__close,
  .panel-close,
  .ux-toast__close,
  [data-drawer-close],
  [data-project-modal-close],
  [data-like-login-close],
  [data-comment-login-close],
  [data-pricing-preview-close],
  [data-premium-gate-close],
  [data-free-guide-close],
  [data-prompt-reader-close],
  [data-breakdown-preview-close],
  [data-settings-sheet-close]
) {
  position:absolute !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#929292 !important;
  box-shadow:none !important;
  filter:none !important;
  font-size:0 !important;
  line-height:0 !important;
}

html body :is(
  .auth-modal__close,.project-detail-modal__close,.like-login-modal__close,
  .mobile-premium-gate__close,.project-prompt-reader__close,.community-modal__close,
  .panel-close,.ux-toast__close,[data-drawer-close],[data-project-modal-close],
  [data-like-login-close],[data-comment-login-close],[data-pricing-preview-close],
  [data-premium-gate-close],[data-free-guide-close],[data-prompt-reader-close],
  [data-breakdown-preview-close],[data-settings-sheet-close]
) > svg { display:none !important; }

html body :is(
  .auth-modal__close,.project-detail-modal__close,.like-login-modal__close,
  .mobile-premium-gate__close,.project-prompt-reader__close,.community-modal__close,
  .panel-close,.ux-toast__close,[data-drawer-close],[data-project-modal-close],
  [data-like-login-close],[data-comment-login-close],[data-pricing-preview-close],
  [data-premium-gate-close],[data-free-guide-close],[data-prompt-reader-close],
  [data-breakdown-preview-close],[data-settings-sheet-close]
)::before,
html body :is(
  .auth-modal__close,.project-detail-modal__close,.like-login-modal__close,
  .mobile-premium-gate__close,.project-prompt-reader__close,.community-modal__close,
  .panel-close,.ux-toast__close,[data-drawer-close],[data-project-modal-close],
  [data-like-login-close],[data-comment-login-close],[data-pricing-preview-close],
  [data-premium-gate-close],[data-free-guide-close],[data-prompt-reader-close],
  [data-breakdown-preview-close],[data-settings-sheet-close]
)::after {
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:18px !important;
  height:1px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#929292 !important;
  transform-origin:center !important;
}

html body :is(.auth-modal__close,.project-detail-modal__close,.like-login-modal__close,.mobile-premium-gate__close,.project-prompt-reader__close,.community-modal__close,.panel-close,.ux-toast__close,[data-drawer-close],[data-project-modal-close],[data-like-login-close],[data-comment-login-close],[data-pricing-preview-close],[data-premium-gate-close],[data-free-guide-close],[data-prompt-reader-close],[data-breakdown-preview-close],[data-settings-sheet-close])::before { transform:translate(-50%,-50%) rotate(45deg) !important; }
html body :is(.auth-modal__close,.project-detail-modal__close,.like-login-modal__close,.mobile-premium-gate__close,.project-prompt-reader__close,.community-modal__close,.panel-close,.ux-toast__close,[data-drawer-close],[data-project-modal-close],[data-like-login-close],[data-comment-login-close],[data-pricing-preview-close],[data-premium-gate-close],[data-free-guide-close],[data-prompt-reader-close],[data-breakdown-preview-close],[data-settings-sheet-close])::after { transform:translate(-50%,-50%) rotate(-45deg) !important; }