/* Clearing warnings, the theme switch icon, and the share control. */
.attbtn{min-height:34px;padding:0 14px;border-radius:8px;background:var(--chip);color:var(--soft);
  font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.attbtn:hover{background:var(--accent);color:#fff}
.attshow{display:inline-flex;align-items:center;margin-bottom:18px;min-height:38px;padding:0 14px;
  border-radius:9px;background:var(--card);color:var(--faint);font-weight:600;
  box-shadow:inset 0 0 0 1px var(--rule)}
.attshow:hover{color:var(--ink)}

/* Share. Small icon on a card, full width in the detail panel. */
.sharebtn{width:34px;height:34px;border-radius:9px;background:var(--chip);color:var(--soft);
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sharebtn:active{background:var(--accent);color:#fff}
.sharebtn.wide{width:100%;height:48px;border-radius:11px;gap:9px;background:var(--accent);color:#fff;
  font-size:14.5px;font-weight:700;box-shadow:0 2px 6px rgba(79,107,237,.32)}
.sharebtn:disabled{opacity:.6}
@media (hover:hover) and (pointer:fine){
  .sharebtn:hover{background:var(--accent);color:#fff}
  .sharebtn.wide:hover{filter:brightness(1.07)}
}

.themebtn{font-size:0}
.themebtn::before{content:"";display:block;width:18px;height:18px;background:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 14.8A8.6 8.6 0 0 1 9.2 3.5a8.6 8.6 0 1 0 11.3 11.3z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 14.8A8.6 8.6 0 0 1 9.2 3.5a8.6 8.6 0 1 0 11.3 11.3z'/%3E%3C/svg%3E")}
.ap[data-mode="dark"] .themebtn::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2.6v2.2M12 19.2v2.2M4.2 12H2M22 12h-2.2M6.1 6.1 4.6 4.6M19.4 19.4l-1.5-1.5M17.9 6.1l1.5-1.5M4.6 19.4l1.5-1.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2.6v2.2M12 19.2v2.2M4.2 12H2M22 12h-2.2M6.1 6.1 4.6 4.6M19.4 19.4l-1.5-1.5M17.9 6.1l1.5-1.5M4.6 19.4l1.5-1.5'/%3E%3C/svg%3E")}