/* Personal details hidden until the owner presses Show (private.js, founder 2026-11-02).
   Square corners throughout: square.css forces them anyway, so depth comes from the edge and the
   fill, never a radius. Nothing moves on its own - the dotted edge is the only signal that a value
   is there to be asked for. */
.taa-pv {
  cursor: pointer;
  border-bottom: 1px dashed rgba(154, 165, 196, 0.55);
  color: inherit;
  font: inherit;
  letter-spacing: 0.06em;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
.taa-pv:hover { border-bottom-color: rgba(56, 182, 255, 0.9); }
.taa-pv.is-on {
  border-bottom-color: transparent;
  letter-spacing: normal;
  white-space: normal;
  -webkit-user-select: text;
  user-select: text;
}
.taa-pv:focus-visible { outline: 2px solid #38b6ff; outline-offset: 2px; }
html[data-theme="light"] .taa-pv { border-bottom-color: rgba(60, 72, 104, 0.5); }

/* The page-wide control. It was first given .as-bell to borrow the bell's look, which was wrong:
   .as-bell is a fixed 36px square with no padding, so the word "Show" simply overflowed it and sat on
   top of the bell and its unread badge. It is modelled on .as-cn instead - the top bar's own LABELLED
   button - and collapses to the icon alone at the same width .as-cn does, so the bar degrades as one
   piece. Quiet colours rather than Connect's blue: this is a control, not a destination. */
.taa-pvbtn {
  position: relative; display: inline-flex; align-items: center; gap: 7px;
  height: 36px; padding: 0 12px; cursor: pointer;
  border: 1px solid var(--as-line, #27325a); background: transparent; color: #c3cae0;
  font: 600 0.82rem/1 Inter, system-ui, sans-serif;
}
.taa-pvbtn:hover, .taa-pvbtn[aria-pressed="true"] { color: #fff; border-color: rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.04); }
.taa-pvbtn svg { width: 18px; height: 18px; flex: none; }
.taa-pvbtn:focus-visible { outline: 2px solid #38b6ff; outline-offset: 2px; }
.taa-pvbtn-tx { white-space: nowrap; }
@media (max-width: 1023px) { .taa-pvbtn { width: 36px; padding: 0; justify-content: center; } .taa-pvbtn-tx { display: none; } }

/* Without the app frame the button has nothing to sit in, so it holds the bottom-left corner,
   clear of the "Made with TaniX" badge, which is bottom-right and may never be covered. */
.taa-pvbtn.is-float {
  position: fixed; left: 14px; bottom: 14px; z-index: 2147482000;
  padding: 9px 13px; border: 1px solid #27325a; background: rgba(2, 11, 31, 0.95); color: #e9eefc;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}