/* underworld — vulpecula-inspired minimal postcard layout
   - vanilla HTML/CSS/JS
   - system fonts only
   - self-contained (no external images/fonts required)
*/

:root{
  --bg: #f3efe6;
  /* background image (put files in site root) */
  --bg-lines-1x: "bg_powergrid_1920x1080.png";
  /* set this to your 2K file when ready (defaults to 1x so nothing 404s) */
  --bg-lines-2x: "bg_powergrid_1920x1080.png";
  /* where the poles sit in frame */
  --bg-lines-pos: 78% 32%;
  --bg-lines-size: cover;

  /* soft “clear pocket” behind the HUD (0..1, higher = cleaner center) */
  --bg-wash-hi: 0;
  --bg-wash-mid: 0;
  --bg-wash-pos: 52% 42%;

  --paper: rgba(255, 253, 246, .92);
  --paper-2: rgba(255, 253, 246, .72);
  --ink: #111111;
  --muted: rgba(17,17,17,.70);
  --faint: rgba(17,17,17,.50);
  --border: rgba(17,17,17,.18);
  --border2: rgba(17,17,17,.26);
  --shadow: rgba(0,0,0,.10);
  --radius: 10px;
  --radius-sm: 8px;
  /* global spacing (tighten a bit so layouts feel more "designed" than empty) */
  --gap: 12px;
  --col-left: 260px;
  --col-mid: 700px;
  --col-right: 320px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*{ box-sizing:border-box; }
html,body{
  margin:0;
  color: var(--ink);
  font-family: var(--mono);
  background-color: var(--bg);

  /* Background stack (robust):
     1) soft “clear pocket” wash behind the HUD
     2) 1080p line-art background (preferred filename)
     3) same background without extension (fallback if you uploaded it that way)
  */
  background-image:
    radial-gradient(900px 650px at var(--bg-wash-pos),
      rgba(243,239,230,var(--bg-wash-hi)) 0%,
      rgba(243,239,230,var(--bg-wash-mid)) 48%,
      rgba(243,239,230,0) 74%),
    url("bg_powergrid_1920x1080.png"),
    url("bg_powergrid_1920x1080");

  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 50% 50%, var(--bg-lines-pos), var(--bg-lines-pos);
  background-size: auto, cover, cover;
  background-attachment: fixed, fixed, fixed;

  overflow-x:hidden;
}
/* Optional: if you add a 2K background named bg_powergrid_2560x1440.png,
   high-DPI screens will prefer it, but still fall back to 1080p if missing. */
@media (min-resolution: 2dppx), (min-device-pixel-ratio: 2) {
  body{
    background-image:
      radial-gradient(900px 650px at var(--bg-wash-pos),
        rgba(243,239,230,var(--bg-wash-hi)) 0%,
        rgba(243,239,230,var(--bg-wash-mid)) 48%,
        rgba(243,239,230,0) 74%),
      url("bg_powergrid_2560x1440.png"),
      url("bg_powergrid_1920x1080.png"),
      url("bg_powergrid_1920x1080");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 50% 50%, var(--bg-lines-pos), var(--bg-lines-pos), var(--bg-lines-pos);
    background-size: auto, cover, cover, cover;
    background-attachment: fixed, fixed, fixed, fixed;
  }
}

body{
  margin:0;
  color: var(--ink);
  font-family: var(--mono);
  background-color: var(--bg);
  /* Fallback: always works */
  background-image:
    radial-gradient(900px 650px at var(--bg-wash-pos),
      rgba(243,239,230,var(--bg-wash-hi)) 0%,
      rgba(243,239,230,var(--bg-wash-mid)) 48%,
      rgba(243,239,230,0) 74%),
    url(var(--bg-lines-1x));
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 50%, var(--bg-lines-pos);
  background-size: cover, var(--bg-lines-size);
  background-attachment: fixed, fixed;
  overflow-x:hidden;
}

/* Background: paper + grid + speckle (all CSS) */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1200px 900px at 18% 28%, rgba(0,0,0,.11), transparent 55%),
    radial-gradient(1000px 800px at 72% 60%, rgba(0,0,0,.08), transparent 60%),
    radial-gradient(700px 700px at 50% 100%, rgba(0,0,0,.06), transparent 65%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.11) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.08) 0 1px, transparent 1px 24px);
  opacity:.12;
  mix-blend-mode:multiply;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0icmdiYSgwLDAsMCwwKSIvPgogIDxjaXJjbGUgY3g9IjY0Ljc3IiBjeT0iMzAuMTciIHI9IjAuODQiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTg2KSIvPjxjaXJjbGUgY3g9IjEwNy4xOCIgY3k9IjczLjE0IiByPSIwLjMwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQwNCkiLz48Y2lyY2xlIGN4PSI3LjUwIiBjeT0iODYuNzMiIHI9IjAuMzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTk1KSIvPjxjaXJjbGUgY3g9Ijg0LjkwIiBjeT0iMTY1LjM3IiByPSIwLjM2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI2MikiLz48Y2lyY2xlIGN4PSIxMjUuNDkiIGN5PSIxODkuNTQiIHI9IjAuNzciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzQ4KSIvPjxjaXJjbGUgY3g9IjE5NS4yNSIgY3k9IjkuMzIiIHI9IjEuMDIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjk1KSIvPjxjaXJjbGUgY3g9IjI4Ljg1IiBjeT0iMjMuNTYiIHI9IjAuNTMiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTU4KSIvPjxjaXJjbGUgY3g9IjM2LjE1IiBjeT0iMTE2LjMyIiByPSIwLjgzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMzNikiLz48Y2lyY2xlIGN4PSIxMDkuNTUiIGN5PSIxMi41NiIgcj0iMC4zMCIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNTMpIi8+PGNpcmNsZSBjeD0iMTM2LjA4IiBjeT0iODUuNTIiIHI9IjAuNTMiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDQzKSIvPjxjaXJjbGUgY3g9IjkwLjY0IiBjeT0iNTkuOTUiIHI9IjAuOTYiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDk5KSIvPjxjaXJjbGUgY3g9IjQ4LjgyIiBjeT0iMTE0Ljg4IiByPSIwLjcyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU4OCkiLz48Y2lyY2xlIGN4PSIxNDUuODkiIGN5PSI1Ny41OSIgcj0iMS4xMyIgZmlsbD0icmdiYSgwLDAsMCwwLjAyMDkpIi8+PGNpcmNsZSBjeD0iODMuNjIiIGN5PSIxNTEuNDMiIHI9IjAuMzkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzk0KSIvPjxjaXJjbGUgY3g9IjcuODQiIGN5PSIxMzMuNjQiIHI9IjAuOTQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDM3KSIvPjxjaXJjbGUgY3g9IjE3NS4xMCIgY3k9IjYyLjc1IiByPSIwLjg4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ0NykiLz48Y2lyY2xlIGN4PSIxMTUuOTgiIGN5PSI5MS4yNCIgcj0iMS4wMSIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MjIpIi8+PGNpcmNsZSBjeD0iOTQuODIiIGN5PSIxMzIuODMiIHI9IjAuMzAiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTAxKSIvPjxjaXJjbGUgY3g9IjEyOS40MyIgY3k9IjE5OC42MiIgcj0iMC45OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyOTIpIi8+PGNpcmNsZSBjeD0iNzcuMTYiIGN5PSIxMzMuNzMiIHI9IjAuMjciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzgxKSIvPjxjaXJjbGUgY3g9IjMzLjYxIiBjeT0iMjMuNDIiIHI9IjAuMzAiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTM0KSIvPjxjaXJjbGUgY3g9IjI1Ljg3IiBjeT0iNDkuNTIiIHI9IjAuNjAiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTg2KSIvPjxjaXJjbGUgY3g9IjE2LjEyIiBjeT0iODkuODQiIHI9IjAuNzQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTkyKSIvPjxjaXJjbGUgY3g9IjE2My44NiIgY3k9IjE3Mi44MCIgcj0iMC41MCIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNTgpIi8+PGNpcmNsZSBjeD0iNzEuNzUiIGN5PSIxNzYuODQiIHI9IjEuMTEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjI1KSIvPjxjaXJjbGUgY3g9IjM1LjI0IiBjeT0iNDYuMzkiIHI9IjAuNDYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzkyKSIvPjxjaXJjbGUgY3g9IjExNy44MiIgY3k9IjUyLjU1IiByPSIwLjI1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM1OSkiLz48Y2lyY2xlIGN4PSI3My44NSIgY3k9IjExMy4yNyIgcj0iMS4xMSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0OTUpIi8+PGNpcmNsZSBjeD0iMTAzLjEwIiBjeT0iMTIzLjUyIiByPSIwLjg2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE3NykiLz48Y2lyY2xlIGN4PSIxNzkuOTEiIGN5PSIxNTUuOTkiIHI9IjEuMDQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTQ5KSIvPjxjaXJjbGUgY3g9Ijc4LjQ4IiBjeT0iNzkuODAiIHI9IjAuMzQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDY3KSIvPjxjaXJjbGUgY3g9IjEyLjQ1IiBjeT0iMTMuNDciIHI9IjAuNDQiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjMxKSIvPjxjaXJjbGUgY3g9IjY4LjAxIiBjeT0iMTAuNTIiIHI9IjAuMjUiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjI2KSIvPjxjaXJjbGUgY3g9IjIwLjI5IiBjeT0iNzIuNzIiIHI9IjAuMjciIGZpbGw9InJnYmEoMCwwLDAsMC4wNTg3KSIvPjxjaXJjbGUgY3g9IjEyMi44MSIgY3k9IjI5LjcxIiByPSIwLjQ4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMyNCkiLz48Y2lyY2xlIGN4PSI3Mi44MyIgY3k9IjI0LjU3IiByPSIxLjAxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDY0NykiLz48Y2lyY2xlIGN4PSI5My4yMCIgY3k9Ijk2Ljc3IiByPSIwLjMzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIwMSkiLz48Y2lyY2xlIGN4PSI2OC41MyIgY3k9IjUyLjk1IiByPSIxLjAwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIzMSkiLz48Y2lyY2xlIGN4PSI0LjYyIiBjeT0iMTkwLjIwIiByPSIwLjczIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIyMykiLz48Y2lyY2xlIGN4PSIxMDguNjMiIGN5PSI1LjQxIiByPSIwLjczIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYzOSkiLz48Y2lyY2xlIGN4PSIxNzIuNjciIGN5PSIxMzkuMjQiIHI9IjAuNDkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzMzKSIvPjxjaXJjbGUgY3g9IjMzLjQxIiBjeT0iMTU0LjM5IiByPSIwLjczIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU0MCkiLz48Y2lyY2xlIGN4PSI2NS45MyIgY3k9IjQ0LjYxIiByPSIwLjk4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDY0MikiLz48Y2lyY2xlIGN4PSIxNzAuNTMiIGN5PSIxNjEuMjIiIHI9IjAuOTkiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTIwKSIvPjxjaXJjbGUgY3g9IjQ1LjM1IiBjeT0iMTAzLjUzIiByPSIwLjU3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE2NCkiLz48Y2lyY2xlIGN4PSI1LjU5IiBjeT0iNTUuODgiIHI9IjAuNDgiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDk2KSIvPjxjaXJjbGUgY3g9IjE5MS4zMCIgY3k9Ijg5LjQ1IiByPSIxLjA5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDY0NCkiLz48Y2lyY2xlIGN4PSIxOTEuMDAiIGN5PSI3Mi45MyIgcj0iMC40NSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNjMpIi8+PGNpcmNsZSBjeD0iMzkuMzQiIGN5PSI0MC44NyIgcj0iMC44MSIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MDApIi8+PGNpcmNsZSBjeD0iMTY4LjA5IiBjeT0iOTUuODkiIHI9IjAuODQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTUwKSIvPjxjaXJjbGUgY3g9IjE2Ljk2IiBjeT0iMTMyLjEyIiByPSIxLjA3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU0MSkiLz48Y2lyY2xlIGN4PSIxNTAuMDMiIGN5PSI5NS42MSIgcj0iMC40MSIgZmlsbD0icmdiYSgwLDAsMCwwLjA1NDUpIi8+PGNpcmNsZSBjeD0iNjYuNTAiIGN5PSIxNjAuMTYiIHI9IjEuMTIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzQ4KSIvPjxjaXJjbGUgY3g9IjgwLjI4IiBjeT0iMTg5LjM2IiByPSIwLjkwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIzNSkiLz48Y2lyY2xlIGN4PSIyNS40MSIgY3k9IjMwLjIzIiByPSIxLjA2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU1MykiLz48Y2lyY2xlIGN4PSIyOS4yMyIgY3k9IjE2NS4zMCIgcj0iMS4xMyIgZmlsbD0icmdiYSgwLDAsMCwwLjA0NzkpIi8+PGNpcmNsZSBjeD0iNzAuMDgiIGN5PSIxMDkuNzMiIHI9IjAuMzciIGZpbGw9InJnYmEoMCwwLDAsMC4wMTU3KSIvPjxjaXJjbGUgY3g9IjE5NC4xOCIgY3k9IjEyOS45MyIgcj0iMC43MiIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MTcpIi8+PGNpcmNsZSBjeD0iODYuNzYiIGN5PSIxNzQuMzUiIHI9IjAuOTkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjU2KSIvPjxjaXJjbGUgY3g9IjUwLjM3IiBjeT0iNTguNTkiIHI9IjAuNDciIGZpbGw9InJnYmEoMCwwLDAsMC4wNDQzKSIvPjxjaXJjbGUgY3g9IjUxLjg3IiBjeT0iODMuODAiIHI9IjAuMzciIGZpbGw9InJnYmEoMCwwLDAsMC4wNjA1KSIvPjxjaXJjbGUgY3g9IjcwLjc2IiBjeT0iOTEuNjMiIHI9IjAuNzgiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjAyKSIvPjxjaXJjbGUgY3g9Ijg0LjEzIiBjeT0iMTgzLjU0IiByPSIwLjcwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQxNikiLz48Y2lyY2xlIGN4PSIxMDQuNzAiIGN5PSIzLjc0IiByPSIwLjY1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI0MikiLz48Y2lyY2xlIGN4PSIwLjc5IiBjeT0iMTU5LjgzIiByPSIwLjQxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM4NykiLz48Y2lyY2xlIGN4PSIxNDUuMDQiIGN5PSIxMTEuMzAiIHI9IjAuNTQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDA5KSIvPjxjaXJjbGUgY3g9IjExMS4wOSIgY3k9IjE1Ni44NSIgcj0iMC4zNSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MzApIi8+PGNpcmNsZSBjeD0iNDkuNzAiIGN5PSI1NS4zOCIgcj0iMC45NSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MDQpIi8+PGNpcmNsZSBjeD0iMTEyLjM1IiBjeT0iMTUyLjAwIiByPSIxLjA3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM3MikiLz48Y2lyY2xlIGN4PSIxMjIuNTEiIGN5PSIxMDEuMTEiIHI9IjAuNzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDk2KSIvPjxjaXJjbGUgY3g9IjkwLjQ3IiBjeT0iMTA2LjY2IiByPSIwLjY4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYyMSkiLz48Y2lyY2xlIGN4PSIxMzkuODQiIGN5PSIxNzUuMzEiIHI9IjEuMTAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjgwKSIvPjxjaXJjbGUgY3g9IjExMS45MCIgY3k9IjE4OC42NSIgcj0iMS4wMSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyMTkpIi8+PGNpcmNsZSBjeD0iMjQuMzIiIGN5PSI4OC40MiIgcj0iMC4zMiIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNzApIi8+PGNpcmNsZSBjeD0iMTQuNjIiIGN5PSIxMzMuODkiIHI9IjAuOTYiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTk5KSIvPjxjaXJjbGUgY3g9IjMwLjg5IiBjeT0iMTQzLjIyIiByPSIwLjg0IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIyMSkiLz48Y2lyY2xlIGN4PSIxNzYuNTciIGN5PSIxOTMuNTEiIHI9IjAuNDUiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjI2KSIvPjxjaXJjbGUgY3g9Ijc5LjY1IiBjeT0iOTcuNDUiIHI9IjEuMTQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTY2KSIvPjxjaXJjbGUgY3g9IjMyLjI5IiBjeT0iODYuMzAiIHI9IjAuNzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzIwKSIvPjxjaXJjbGUgY3g9IjM5LjE1IiBjeT0iNjMuNzEiIHI9IjAuOTAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTYwKSIvPjxjaXJjbGUgY3g9IjExMC44MSIgY3k9Ijg4LjA5IiByPSIwLjI3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMxNikiLz48Y2lyY2xlIGN4PSIxMjQuNzkiIGN5PSIxMDIuNDUiIHI9IjAuMzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjQzKSIvPjxjaXJjbGUgY3g9IjE1Ny42NyIgY3k9IjE5NC4zNCIgcj0iMC4zNCIgZmlsbD0icmdiYSgwLDAsMCwwLjAyODMpIi8+PGNpcmNsZSBjeD0iNy45MiIgY3k9IjE1NS44MCIgcj0iMC40OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyMTUpIi8+PGNpcmNsZSBjeD0iODQuNDUiIGN5PSIxODIuMjgiIHI9IjAuOTkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjc5KSIvPjxjaXJjbGUgY3g9IjI5Ljg3IiBjeT0iMTgzLjgzIiByPSIwLjc2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDUwMCkiLz48Y2lyY2xlIGN4PSIxNy44OSIgY3k9IjExLjUxIiByPSIwLjg3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM2MykiLz48Y2lyY2xlIGN4PSIxNC40OCIgY3k9IjE4Ny42NyIgcj0iMC44MiIgZmlsbD0icmdiYSgwLDAsMCwwLjA1NTEpIi8+PGNpcmNsZSBjeD0iMTYuNzUiIGN5PSIxNzEuMjUiIHI9IjAuMzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTgxKSIvPjxjaXJjbGUgY3g9IjkwLjc1IiBjeT0iNjcuODMiIHI9IjAuNzUiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjEzKSIvPjxjaXJjbGUgY3g9IjUzLjU3IiBjeT0iMjUuODQiIHI9IjAuNzIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjY5KSIvPjxjaXJjbGUgY3g9IjIxLjg5IiBjeT0iMzIuMjkiIHI9IjAuMzAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjUxKSIvPjxjaXJjbGUgY3g9IjYyLjQwIiBjeT0iNjEuMDAiIHI9IjAuOTMiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjk1KSIvPjxjaXJjbGUgY3g9IjEwMC4wMiIgY3k9IjM1LjU4IiByPSIwLjU2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE1OSkiLz48Y2lyY2xlIGN4PSI1MC4wOSIgY3k9IjMuMDciIHI9IjAuOTEiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDI2KSIvPjxjaXJjbGUgY3g9IjM3Ljg5IiBjeT0iOTQuOTUiIHI9IjEuMDkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjAzKSIvPjxjaXJjbGUgY3g9IjE2My43OCIgY3k9Ijg2LjQ0IiByPSIwLjcwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU2NykiLz48Y2lyY2xlIGN4PSI3OC42MiIgY3k9IjEwMS4zNCIgcj0iMC44NyIgZmlsbD0icmdiYSgwLDAsMCwwLjA2NDEpIi8+PGNpcmNsZSBjeD0iNjguNTQiIGN5PSIxNjYuNDYiIHI9IjAuODkiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDY4KSIvPjxjaXJjbGUgY3g9IjgwLjk0IiBjeT0iNjkuNTEiIHI9IjAuMzAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjE1KSIvPjxjaXJjbGUgY3g9IjE0LjE0IiBjeT0iMTQ4LjE4IiByPSIwLjQ4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIzMikiLz48Y2lyY2xlIGN4PSIxNi45MCIgY3k9IjE2OC4yNSIgcj0iMS4wMyIgZmlsbD0icmdiYSgwLDAsMCwwLjA0ODUpIi8+PGNpcmNsZSBjeD0iNTYuMzkiIGN5PSI0OC40NCIgcj0iMC41MSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzODApIi8+PGNpcmNsZSBjeD0iMzEuNTEiIGN5PSI4OS4xNiIgcj0iMC40OSIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MzEpIi8+PGNpcmNsZSBjeD0iMTk0LjUyIiBjeT0iMTA5LjQxIiByPSIwLjQ3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYzMykiLz48Y2lyY2xlIGN4PSI2MS45MSIgY3k9IjcxLjMyIiByPSIwLjI1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM0MSkiLz48Y2lyY2xlIGN4PSI5NC45MyIgY3k9IjEwMC41NSIgcj0iMC40MyIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MDIpIi8+PGNpcmNsZSBjeD0iMC45OSIgY3k9IjUyLjgzIiByPSIwLjMzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM1MCkiLz48Y2lyY2xlIGN4PSI4LjMzIiBjeT0iNC41MCIgcj0iMC41MiIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNjYpIi8+PGNpcmNsZSBjeD0iMTE3LjEyIiBjeT0iMTA1Ljg0IiByPSIwLjkzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ3OSkiLz48Y2lyY2xlIGN4PSIxNDMuMjAiIGN5PSIxNzUuODIiIHI9IjAuNjAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzEzKSIvPjxjaXJjbGUgY3g9IjE5Ni45NSIgY3k9IjI5Ljg5IiByPSIwLjkwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ3MikiLz48Y2lyY2xlIGN4PSI4Ljc2IiBjeT0iMTY3LjA2IiByPSIxLjA1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ2NCkiLz48Y2lyY2xlIGN4PSIxNDYuNzciIGN5PSIxNjIuNDQiIHI9IjAuMzgiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDEyKSIvPjxjaXJjbGUgY3g9IjEwMC44NyIgY3k9IjE2Ni45OSIgcj0iMC45NyIgZmlsbD0icmdiYSgwLDAsMCwwLjA1NjMpIi8+PGNpcmNsZSBjeD0iMTE2LjgxIiBjeT0iMTc4LjU3IiByPSIwLjg2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ5NykiLz48Y2lyY2xlIGN4PSI0NS45OSIgY3k9IjYuMjMiIHI9IjAuMzciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzMwKSIvPjxjaXJjbGUgY3g9IjIwLjk4IiBjeT0iMTY3LjE2IiByPSIwLjc1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ2NCkiLz48Y2lyY2xlIGN4PSIxMjUuMjUiIGN5PSIxMzYuMTMiIHI9IjAuNjkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTUyKSIvPjxjaXJjbGUgY3g9IjE1OS41NCIgY3k9IjE0OS42NSIgcj0iMC43MCIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MTgpIi8+PGNpcmNsZSBjeD0iMTMxLjg2IiBjeT0iMTMuMjEiIHI9IjAuOTEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjc2KSIvPjxjaXJjbGUgY3g9IjE0Ljg5IiBjeT0iNTMuMTEiIHI9IjAuOTEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjUzKSIvPjxjaXJjbGUgY3g9IjE0Ny45NyIgY3k9IjE5NS4xNSIgcj0iMC42OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNDEpIi8+PGNpcmNsZSBjeD0iOTUuODAiIGN5PSIxMzYuNzQiIHI9IjAuOTQiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDU4KSIvPjxjaXJjbGUgY3g9IjEyOC41NSIgY3k9IjE1LjQ5IiByPSIwLjM4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI3NykiLz48Y2lyY2xlIGN4PSIxNDguNjQiIGN5PSI2MC44OCIgcj0iMC43NiIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNTYpIi8+PGNpcmNsZSBjeD0iMTIuMTMiIGN5PSI1My43NSIgcj0iMC44NSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0OTYpIi8+PGNpcmNsZSBjeD0iMTM1LjE0IiBjeT0iNTguMTciIHI9IjAuNzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzgyKSIvPjxjaXJjbGUgY3g9IjkzLjI3IiBjeT0iMjMuNzAiIHI9IjEuMDUiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjUwKSIvPjxjaXJjbGUgY3g9IjE5NS42MyIgY3k9IjE4Ny4yNSIgcj0iMC4yNyIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNzkpIi8+PGNpcmNsZSBjeD0iMTYzLjk4IiBjeT0iMTkzLjYyIiByPSIwLjY1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI4NCkiLz48Y2lyY2xlIGN4PSI0MS45NyIgY3k9IjE4OS4xMiIgcj0iMC40NCIgZmlsbD0icmdiYSgwLDAsMCwwLjA0NDEpIi8+PGNpcmNsZSBjeD0iMjguMzUiIGN5PSIxMDQuODEiIHI9IjEuMTEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjE2KSIvPjxjaXJjbGUgY3g9IjE2NC4wNCIgY3k9IjEwMS43NSIgcj0iMS4wNSIgZmlsbD0icmdiYSgwLDAsMCwwLjA1MDIpIi8+PGNpcmNsZSBjeD0iNDYuMjgiIGN5PSIxNzkuNTQiIHI9IjAuNjkiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTYyKSIvPjxjaXJjbGUgY3g9IjAuNzIiIGN5PSI5OC4zNCIgcj0iMC42NiIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMDEpIi8+PGNpcmNsZSBjeD0iMjguMTQiIGN5PSI2OC43OSIgcj0iMC41MyIgZmlsbD0icmdiYSgwLDAsMCwwLjA1NzApIi8+PGNpcmNsZSBjeD0iMC4zNSIgY3k9IjE1MC4xNSIgcj0iMS4wMSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyMTApIi8+PGNpcmNsZSBjeD0iMTg1LjI4IiBjeT0iMTQyLjYwIiByPSIxLjA2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI5NSkiLz48Y2lyY2xlIGN4PSI3NC40NCIgY3k9Ijc4LjU4IiByPSIxLjE1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ0NSkiLz48Y2lyY2xlIGN4PSI3Mi4xNCIgY3k9Ijg1LjYxIiByPSIwLjUwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE3NCkiLz48Y2lyY2xlIGN4PSIyMC4zNCIgY3k9IjE2Ni45NCIgcj0iMC41MSIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MTgpIi8+PGNpcmNsZSBjeD0iNDkuODYiIGN5PSI1My4xNSIgcj0iMC43MSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNDUpIi8+PGNpcmNsZSBjeD0iNzQuNjciIGN5PSIxOTEuMjMiIHI9IjEuMDUiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTU2KSIvPjxjaXJjbGUgY3g9IjEyNi4xOCIgY3k9IjE4Mi42OCIgcj0iMS4xMCIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MjUpIi8+PGNpcmNsZSBjeD0iMTQzLjkxIiBjeT0iOS45MCIgcj0iMC45MSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNzUpIi8+PGNpcmNsZSBjeD0iMTUwLjUzIiBjeT0iMTI4LjkwIiByPSIwLjUxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE3NCkiLz48Y2lyY2xlIGN4PSIxODUuMzYiIGN5PSIyNS40NiIgcj0iMC42NyIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMjIpIi8+PGNpcmNsZSBjeD0iNTkuNTUiIGN5PSIxNDcuODEiIHI9IjEuMTMiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjgwKSIvPjxjaXJjbGUgY3g9IjEzMS4yMCIgY3k9IjYwLjE3IiByPSIwLjc1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM0NykiLz48Y2lyY2xlIGN4PSIzMy40NyIgY3k9IjMyLjMzIiByPSIwLjQ0IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYwMykiLz48Y2lyY2xlIGN4PSI5OS40MiIgY3k9IjQ0LjAxIiByPSIxLjA3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDY0OCkiLz48Y2lyY2xlIGN4PSI4OS45OSIgY3k9IjI3LjkyIiByPSIwLjQyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE5NSkiLz48Y2lyY2xlIGN4PSI2OC4zOSIgY3k9IjE4LjIyIiByPSIwLjQ3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI3OSkiLz48Y2lyY2xlIGN4PSIxMTMuOTIiIGN5PSIxNzcuNDUiIHI9IjAuOTIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzU2KSIvPjxjaXJjbGUgY3g9IjgyLjc4IiBjeT0iMTA0LjgzIiByPSIwLjU5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMxOSkiLz48Y2lyY2xlIGN4PSIxMi40MSIgY3k9IjU1LjUwIiByPSIxLjEyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDIxMykiLz48Y2lyY2xlIGN4PSIxMDAuNjgiIGN5PSIxMjUuOTMiIHI9IjEuMDMiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjU4KSIvPjxjaXJjbGUgY3g9IjU0LjIwIiBjeT0iNDkuNjkiIHI9IjAuNjEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzczKSIvPjxjaXJjbGUgY3g9IjE5MC43OSIgY3k9IjE2OS43NCIgcj0iMS4wNCIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNjEpIi8+PGNpcmNsZSBjeD0iNi40NSIgY3k9IjE0MS45MCIgcj0iMS4wNiIgZmlsbD0icmdiYSgwLDAsMCwwLjAzODcpIi8+PGNpcmNsZSBjeD0iMTE3LjQ0IiBjeT0iMC4wNCIgcj0iMC42MCIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MTMpIi8+PGNpcmNsZSBjeD0iMTY1LjEyIiBjeT0iMTcxLjA5IiByPSIxLjEzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI3NCkiLz48Y2lyY2xlIGN4PSIyMS44MSIgY3k9IjMwLjg4IiByPSIwLjcyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ5MSkiLz48Y2lyY2xlIGN4PSIxODguMzAiIGN5PSIxNDQuMzUiIHI9IjAuODMiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTMyKSIvPjxjaXJjbGUgY3g9IjkxLjQ3IiBjeT0iMTEwLjMwIiByPSIwLjI5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU0MSkiLz48Y2lyY2xlIGN4PSI0Ni41MiIgY3k9IjE4My45OCIgcj0iMC44MyIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMDIpIi8+PGNpcmNsZSBjeD0iMjUuNTkiIGN5PSI1MC4zNiIgcj0iMC44MiIgZmlsbD0icmdiYSgwLDAsMCwwLjA0OTkpIi8+PGNpcmNsZSBjeD0iMjIuNDMiIGN5PSIxNC4wNyIgcj0iMC43MiIgZmlsbD0icmdiYSgwLDAsMCwwLjA0NDEpIi8+PGNpcmNsZSBjeD0iNzcuNjIiIGN5PSI0NC43MiIgcj0iMC43OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNTUpIi8+PGNpcmNsZSBjeD0iNjAuMzAiIGN5PSI5Mi4xNCIgcj0iMS4xMSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0NzIpIi8+PGNpcmNsZSBjeD0iMTc2Ljc1IiBjeT0iOTUuMDYiIHI9IjAuNDYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjc0KSIvPjxjaXJjbGUgY3g9IjE5Mi4xMiIgY3k9IjE0MC45MyIgcj0iMC41MyIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNjEpIi8+PGNpcmNsZSBjeD0iOTkuNjYiIGN5PSIxMzQuODkiIHI9IjAuNjMiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjc5KSIvPjxjaXJjbGUgY3g9IjEzMy40NyIgY3k9IjE4NS4wMyIgcj0iMC40NSIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNjcpIi8+PGNpcmNsZSBjeD0iNjcuNjEiIGN5PSI4NC4xMSIgcj0iMC44NiIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNDkpIi8+PGNpcmNsZSBjeD0iMTU5LjQxIiBjeT0iMTQ3LjgzIiByPSIwLjcwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI1MykiLz48Y2lyY2xlIGN4PSIxOTMuOTciIGN5PSI2Mi4zNCIgcj0iMC45OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNjUpIi8+PGNpcmNsZSBjeD0iNDQuMjkiIGN5PSIxNTIuMDkiIHI9IjAuNTIiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjI2KSIvPjxjaXJjbGUgY3g9Ijk5LjE1IiBjeT0iMzcuNDYiIHI9IjAuNDUiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzU5KSIvPjxjaXJjbGUgY3g9IjEzMy4wNiIgY3k9IjE4OS43NSIgcj0iMC4zOCIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNDcpIi8+PGNpcmNsZSBjeD0iNDIuNTkiIGN5PSIxOTQuODIiIHI9IjAuMzgiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTc2KSIvPjxjaXJjbGUgY3g9IjEyLjAzIiBjeT0iNzguNjYiIHI9IjEuMDYiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTkyKSIvPjxjaXJjbGUgY3g9IjE0Ni41NCIgY3k9IjE5OS41MSIgcj0iMS4wOSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMTUpIi8+PGNpcmNsZSBjeD0iMzcuMTAiIGN5PSIxODcuMTgiIHI9IjAuOTIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTY2KSIvPjxjaXJjbGUgY3g9IjEzMi44OSIgY3k9Ijc1LjcyIiByPSIwLjU5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMxNikiLz48Y2lyY2xlIGN4PSIzMy44NSIgY3k9IjAuNTciIHI9IjAuNTAiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzI2KSIvPjxjaXJjbGUgY3g9IjE5MS4xMCIgY3k9IjI0Ljc0IiByPSIxLjEyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI1NCkiLz48Y2lyY2xlIGN4PSI3MS4zMyIgY3k9IjE2NC4zMSIgcj0iMC45OSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzNjYpIi8+PGNpcmNsZSBjeD0iOS44NSIgY3k9Ijk0LjY5IiByPSIwLjU5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYxMCkiLz48Y2lyY2xlIGN4PSIzOC42MSIgY3k9IjcyLjg1IiByPSIxLjA2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE2NSkiLz48Y2lyY2xlIGN4PSI4Mi4xNiIgY3k9IjE2Mi4zNiIgcj0iMC45NCIgZmlsbD0icmdiYSgwLDAsMCwwLjAxNzApIi8+PGNpcmNsZSBjeD0iNi45NyIgY3k9IjEyLjUyIiByPSIxLjA4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI3OSkiLz48Y2lyY2xlIGN4PSIxNDkuNDYiIGN5PSIxNzkuNzEiIHI9IjAuNTYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjg2KSIvPjxjaXJjbGUgY3g9IjE5MS41NCIgY3k9IjEyMy40MCIgcj0iMC40OSIgZmlsbD0icmdiYSgwLDAsMCwwLjA1MDgpIi8+PGNpcmNsZSBjeD0iNjMuMzAiIGN5PSI1NS4xMyIgcj0iMC4yNSIgZmlsbD0icmdiYSgwLDAsMCwwLjA1MjgpIi8+PGNpcmNsZSBjeD0iMTgzLjI5IiBjeT0iMTI2LjgwIiByPSIxLjEwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE2MikiLz48Y2lyY2xlIGN4PSI0Ni43NyIgY3k9Ijk1LjA0IiByPSIxLjExIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYyNykiLz48Y2lyY2xlIGN4PSI3Ny4zMCIgY3k9IjUwLjIxIiByPSIwLjY0IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM5NykiLz48Y2lyY2xlIGN4PSIxODUuNjIiIGN5PSIzNi41OSIgcj0iMC45NyIgZmlsbD0icmdiYSgwLDAsMCwwLjA1MTkpIi8+PGNpcmNsZSBjeD0iMTY0LjU1IiBjeT0iMTU0LjU2IiByPSIwLjgwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMxNCkiLz48Y2lyY2xlIGN4PSI2My45MSIgY3k9IjcyLjM3IiByPSIwLjk1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE5MCkiLz48Y2lyY2xlIGN4PSIzOS40NiIgY3k9IjE1MC41OCIgcj0iMC40NyIgZmlsbD0icmdiYSgwLDAsMCwwLjAxODIpIi8+PGNpcmNsZSBjeD0iNi43NyIgY3k9IjExMC41MiIgcj0iMC41NCIgZmlsbD0icmdiYSgwLDAsMCwwLjA2NDApIi8+PGNpcmNsZSBjeD0iMTc2LjY5IiBjeT0iMTk3LjU2IiByPSIwLjQ5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE5MikiLz48Y2lyY2xlIGN4PSIxOS4yOCIgY3k9Ijk5LjcwIiByPSIwLjg5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM3MykiLz48Y2lyY2xlIGN4PSI0Ni44NCIgY3k9IjgzLjM3IiByPSIwLjgxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ4NykiLz48Y2lyY2xlIGN4PSIxNDkuNjAiIGN5PSIxNjkuNDAiIHI9IjAuODUiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjExKSIvPjxjaXJjbGUgY3g9IjE2OC4xNyIgY3k9IjU4Ljc2IiByPSIwLjc2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMzNikiLz48Y2lyY2xlIGN4PSIxNDcuNjEiIGN5PSIzOS44NCIgcj0iMC40NyIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNzMpIi8+PGNpcmNsZSBjeD0iMzAuNjYiIGN5PSIxNzYuODMiIHI9IjAuNzciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzEzKSIvPjxjaXJjbGUgY3g9Ijc5LjIxIiBjeT0iMTk4LjQ5IiByPSIwLjcxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI2NikiLz48Y2lyY2xlIGN4PSIxNjEuNjkiIGN5PSIxMzAuNjciIHI9IjEuMTQiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjAxKSIvPjxjaXJjbGUgY3g9Ijk0Ljk1IiBjeT0iMTYzLjgyIiByPSIxLjAxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYwNykiLz48Y2lyY2xlIGN4PSI4LjA3IiBjeT0iNTguNzQiIHI9IjAuMzYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjQ1KSIvPjxjaXJjbGUgY3g9IjE5NC41OSIgY3k9IjExNi42NCIgcj0iMS4wOSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMzYpIi8+PGNpcmNsZSBjeD0iMTczLjIzIiBjeT0iODkuODIiIHI9IjAuNDgiIGZpbGw9InJnYmEoMCwwLDAsMC4wNTM5KSIvPjxjaXJjbGUgY3g9IjE4OS4xNCIgY3k9IjIxLjE2IiByPSIwLjc5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQ2MCkiLz48Y2lyY2xlIGN4PSI0My41MyIgY3k9IjczLjc0IiByPSIwLjM4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI1MikiLz48Y2lyY2xlIGN4PSI1MC45OCIgY3k9IjExOS44OCIgcj0iMC44NCIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNTIpIi8+PGNpcmNsZSBjeD0iMi4yOCIgY3k9IjY1LjQ1IiByPSIwLjg2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI0MykiLz48Y2lyY2xlIGN4PSI2Mi40NCIgY3k9IjQwLjY4IiByPSIwLjk3IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQyNCkiLz48Y2lyY2xlIGN4PSIxMi42NSIgY3k9IjIwLjI4IiByPSIwLjYxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQyNSkiLz48Y2lyY2xlIGN4PSIxMjcuODQiIGN5PSIxOC4yMyIgcj0iMC40MCIgZmlsbD0icmdiYSgwLDAsMCwwLjA0OTgpIi8+PGNpcmNsZSBjeD0iODEuOTYiIGN5PSI1Ni42NiIgcj0iMC41MyIgZmlsbD0icmdiYSgwLDAsMCwwLjA2MjcpIi8+PGNpcmNsZSBjeD0iNjIuNDciIGN5PSIxMTMuMzAiIHI9IjAuNTciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzU4KSIvPjxjaXJjbGUgY3g9IjE3Mi44NSIgY3k9IjE5OS4zMiIgcj0iMC41OCIgZmlsbD0icmdiYSgwLDAsMCwwLjAyNDkpIi8+PGNpcmNsZSBjeD0iMTQ1LjYxIiBjeT0iNDAuNzMiIHI9IjAuMjYiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjAxKSIvPjxjaXJjbGUgY3g9Ijg0Ljc1IiBjeT0iMTY0LjA3IiByPSIwLjYyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU5MSkiLz48Y2lyY2xlIGN4PSI5Mi4xOCIgY3k9IjMyLjUxIiByPSIwLjI2IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDQyNikiLz48Y2lyY2xlIGN4PSIxMjguMTMiIGN5PSIxODEuOTYiIHI9IjAuMzMiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDYxKSIvPjxjaXJjbGUgY3g9Ijc0LjE3IiBjeT0iMTAwLjg5IiByPSIwLjM4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI5MikiLz48Y2lyY2xlIGN4PSIxMDQuMjMiIGN5PSIxODUuMTAiIHI9IjAuMzUiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzk1KSIvPjxjaXJjbGUgY3g9IjE2MC45NiIgY3k9IjE5My4zOCIgcj0iMC40MyIgZmlsbD0icmdiYSgwLDAsMCwwLjAyMTMpIi8+PGNpcmNsZSBjeD0iMTg4LjYyIiBjeT0iMTk1LjExIiByPSIwLjY4IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE3NykiLz48Y2lyY2xlIGN4PSIxODUuMjMiIGN5PSI3Ny41OCIgcj0iMS4wNiIgZmlsbD0icmdiYSgwLDAsMCwwLjA0NjApIi8+PGNpcmNsZSBjeD0iMTY0LjkxIiBjeT0iMzIuMDYiIHI9IjAuOTYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjYxKSIvPjxjaXJjbGUgY3g9IjgwLjkwIiBjeT0iMTY5LjI3IiByPSIxLjAwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI0MSkiLz48Y2lyY2xlIGN4PSI0My42MyIgY3k9Ijc5Ljk1IiByPSIwLjcyIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM0MikiLz48Y2lyY2xlIGN4PSIyNC42MSIgY3k9IjQ5LjQxIiByPSIwLjkwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDU5OSkiLz48Y2lyY2xlIGN4PSI4LjIyIiBjeT0iMTEyLjQ3IiByPSIwLjkzIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDE2OSkiLz48Y2lyY2xlIGN4PSIxNjcuNjQiIGN5PSIyMy41NSIgcj0iMC43OSIgZmlsbD0icmdiYSgwLDAsMCwwLjA0MjUpIi8+PGNpcmNsZSBjeD0iMTI1LjQxIiBjeT0iNjEuMjQiIHI9IjAuNjMiIGZpbGw9InJnYmEoMCwwLDAsMC4wNDQxKSIvPjxjaXJjbGUgY3g9Ijg1LjE1IiBjeT0iMTMxLjc3IiByPSIwLjY1IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDM2OSkiLz48Y2lyY2xlIGN4PSI0LjY4IiBjeT0iMTIzLjc4IiByPSIwLjY5IiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDI2OCkiLz48Y2lyY2xlIGN4PSIxNTIuNzEiIGN5PSIxNTUuOTkiIHI9IjAuNjYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjQwKSIvPjxjaXJjbGUgY3g9Ijk0LjY0IiBjeT0iMjEuNDIiIHI9IjAuMzciIGZpbGw9InJnYmEoMCwwLDAsMC4wMzY1KSIvPjxjaXJjbGUgY3g9IjE4LjM0IiBjeT0iODguMzkiIHI9IjAuNzEiIGZpbGw9InJnYmEoMCwwLDAsMC4wMTcwKSIvPjxjaXJjbGUgY3g9IjEyNy4yOSIgY3k9IjE2LjQ1IiByPSIwLjkxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDUzOSkiLz48Y2lyY2xlIGN4PSIxMDIuMzAiIGN5PSIxMC44NSIgcj0iMC43MCIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMzkpIi8+PGNpcmNsZSBjeD0iMTkwLjE3IiBjeT0iMjcuMjQiIHI9IjEuMDIiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjQ4KSIvPjxjaXJjbGUgY3g9IjE0Ni40MiIgY3k9IjE2My4wMCIgcj0iMC40MiIgZmlsbD0icmdiYSgwLDAsMCwwLjA2NDEpIi8+PGNpcmNsZSBjeD0iOTguMzciIGN5PSIxOTEuMzMiIHI9IjEuMDciIGZpbGw9InJnYmEoMCwwLDAsMC4wMjMzKSIvPjxjaXJjbGUgY3g9IjE1Ny42OCIgY3k9IjE4Ni4xMiIgcj0iMC4zMSIgZmlsbD0icmdiYSgwLDAsMCwwLjAzMjUpIi8+PGNpcmNsZSBjeD0iMTUxLjI0IiBjeT0iMzEuNzUiIHI9IjEuMDYiIGZpbGw9InJnYmEoMCwwLDAsMC4wMjg3KSIvPjxjaXJjbGUgY3g9IjE2My4xMyIgY3k9IjI4LjcxIiByPSIwLjcwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDYxMCkiLz48Y2lyY2xlIGN4PSI0MS42NiIgY3k9IjUyLjU3IiByPSIwLjcxIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMDMxMCkiLz48Y2lyY2xlIGN4PSI3LjM3IiBjeT0iMzYuNDIiIHI9IjAuNDAiIGZpbGw9InJnYmEoMCwwLDAsMC4wNjE4KSIvPjxjaXJjbGUgY3g9IjEzNS45NCIgY3k9IjE3OS4wOCIgcj0iMC40MCIgZmlsbD0icmdiYSgwLDAsMCwwLjA1NDIpIi8+PGNpcmNsZSBjeD0iMjMuMDIiIGN5PSIxMDYuMTQiIHI9IjAuODIiIGZpbGw9InJnYmEoMCwwLDAsMC4wMzMwKSIvPgo8L3N2Zz4=");
  background-size: 200px 200px;
  opacity:.28;
  mix-blend-mode:multiply;
}

/* center stage like a postcard */
.canvas{
  min-height:100vh;
  display:flex;
  justify-content:center;
  padding: 96px 24px 140px;
}

.frame{
  /* stage size: match content so the dashed frame hugs the panels */
  width: min(calc(var(--col-left) + var(--col-mid) + var(--col-right) + (var(--gap) * 2) + 36px), calc(100vw - 48px));
  /* Stage only (no big white card behind panels) */
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  position:relative;
  padding: 18px;
  font-size: 13px;
  line-height: 1.35;
}

/* Optional: add "paper card" back by using class="frame paper" */
.frame.paper{
  background: var(--paper);
  border: 1px solid var(--border2);
  border-radius: 14px;
  box-shadow: 0 18px 60px var(--shadow);
  backdrop-filter: blur(1px);
}

.frame::before{
  content:"";
  position:absolute;
  inset: 9px;
  border: 1px dashed rgba(17,17,17,.22);
  border-radius: 12px;
  pointer-events:none;
}

@media (min-width: 1280px){
  /* keep the stage at true size (no auto-shrink) */
  .frame{ transform:none; }
  .canvas{ padding-top: 96px; }
}
@media (min-width: 1700px){
  .frame{ transform:none; }
  .canvas{ padding-top: 96px; }
}

.frame-head{
  display:flex;
  justify-content:space-between;
  gap: 16px;
  align-items:flex-start;
  margin-bottom: 14px;
}

.brand{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.brand .mark{
  width: 24px;
  height: 24px;
  border-radius: 9px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.62);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 13px;
  transform: translateY(2px);
}
.brand .name{ font-weight:700; letter-spacing:.2px; line-height:1.1; }
.brand .sub{ font-size: 12px; color: var(--muted); margin-top: 2px; }

.head-right{ display:flex; flex-direction:column; align-items:flex-end; gap: 8px; }
.timepill{
  font-size: 12px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.62);
  padding: 7px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.topnav{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap: 8px; }
.pill{
  font-family: var(--mono);
  font-size: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--border2);
  background: rgba(255,255,255,.62);
  color: var(--ink);
  text-decoration:none;
  cursor:pointer;
  line-height:1;
}
.pill:hover{ background: rgba(255,255,255,.78); }
.pill.active{ background: rgba(17,17,17,.08); }

.cols{
  display:grid;
  /* fixed tracks on wide screens → leftover becomes intentional negative space */
  grid-template-columns: var(--col-left) var(--col-mid) var(--col-right);
  /* tighten the big column gaps so it feels like one "system" */
  justify-content: center;
  column-gap: var(--gap);
  row-gap: var(--gap);
  align-items:start;
}

/* hub refinement: balance the center column (featured + quick as a row) */
.mid-split{
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap: var(--gap);
}

@media (max-width: 1250px){
  /* on smaller screens, let the middle breathe instead of forcing fixed widths */
  .cols{ grid-template-columns: var(--col-left) 1fr var(--col-right); justify-content: stretch; column-gap: var(--gap); }
}

@media (max-width: 1020px){
  .frame{ transform:none !important; }
  .canvas{ padding-top: 56px; }
  .cols{ grid-template-columns: 1fr; }
  .mid-split{ grid-template-columns: 1fr; }
}

.box{
  background: rgba(255,255,255,.62);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  padding: 12px;
}
.box.tight{ padding: 10px; }
.box.clear{ background: rgba(255,255,255,.50); }
.box .bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  font-size: 12px;
  color: var(--muted);
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(17,17,17,.10);
}
.tag{
  font-size: 11px;
  border: 1px solid rgba(17,17,17,.16);
  background: rgba(255,255,255,.55);
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--muted);
}

h1,h2,h3{ margin:0; font-size: 13px; }
p{ margin: 0; font-size: 12px; line-height: 1.45; color: var(--muted); }

a.link{
  color: var(--ink);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}
a.link:hover{ color: #000; }

.sep{ height:1px; background: rgba(17,17,17,.12); margin: 10px 0; }
.slogan{ font-size: 11px; color: var(--muted); }
.mono{ font-family: var(--mono); }
.small{ font-size: 12px; color: var(--muted); }
.micro{ font-size: 11px; color: var(--muted); line-height:1.4; }
.muted{ color: var(--muted); }
.kicker{ font-size: 12px; color: var(--ink); font-weight:700; letter-spacing:.2px; }

.list{ margin:0; padding-left: 18px; font-size: 12px; color: var(--muted); }
.list li{ margin: 4px 0; }

/* hero note */
.note{
  position:relative;
  overflow:hidden;
}
.note::before{
  content:"";
  position:absolute;
  inset:-22px;
  background:
    radial-gradient(600px 240px at 20% 18%, rgba(0,0,0,.10), transparent 60%),
    radial-gradient(700px 260px at 80% 66%, rgba(0,0,0,.09), transparent 65%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.07) 0 1px, transparent 1px 12px);
  opacity:.08;
  transform: rotate(-1deg);
}
.note > *{ position:relative; }
.note .title{ font-size: 13px; font-weight:700; letter-spacing:.2px; margin-bottom: 6px; color: var(--ink); }
.note .blurb{ margin-bottom: 8px; }
.note .slogan{ font-size: 11px; color: var(--muted); }

/* mini nav list */
.navlist{ margin: 0; padding-left: 18px; font-size: 12px; color: var(--muted); }
.navlist li{ margin: 4px 0; }
.navlist a{ color: var(--ink); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 2px; }

/* center: page header + content */
.page-head{ margin-bottom: var(--gap); }
.page-head .bar{ margin-bottom: 0; }

/* viewer */
.viewer-stage{
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow:hidden;
  background: rgba(0,0,0,.85);
  border: 1px solid rgba(17,17,17,.18);
}
.viewer-stage iframe{ width:100%; height:100%; border:0; display:block; }

.viewer-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
@media (max-width: 1020px){ .viewer-grid{ grid-template-columns: 1fr; } }

.vcard{
  border: 1px solid rgba(17,17,17,.16);
  border-radius: 10px;
  overflow:hidden;
  background: rgba(255,255,255,.54);
  cursor:pointer;
}
.vcard:hover{ background: rgba(255,255,255,.70); }
.vthumb{
  width:100%;
  aspect-ratio: 16/9;
  background:
    linear-gradient(135deg, rgba(0,0,0,.65), rgba(0,0,0,.80));
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.85);
  font-size: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.vmeta{ padding: 8px 10px; font-size: 12px; color: var(--muted); }
.vmeta b{ color: var(--ink); font-weight:700; }

/* hub: latest videos cards */
.hub-grid{ margin-top: 10px; }
.hub-grid .vcard{ background: rgba(255,255,255,.44); }
.hub-grid .vthumb{
  position: relative;
  background-size: cover;
  background-position: center;
}
.hub-grid .vthumb::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.70));
  pointer-events:none;
}
.hub-grid .vthumb > span{
  position: relative;
  z-index: 1;
}

/* forms */
.field{ display:flex; gap: 8px; flex-wrap:wrap; align-items:center; }
input[type="text"], textarea{
  width: 100%;
  font-family: var(--mono);
  font-size: 12px;
  border: 1px solid rgba(17,17,17,.18);
  background: rgba(255,255,255,.66);
  border-radius: 10px;
  padding: 10px;
  outline:none;
}
textarea{ min-height: 120px; resize: vertical; }

.btn{
  font-family: var(--mono);
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.22);
  background: rgba(255,255,255,.70);
  cursor:pointer;
}
.btn:hover{ background: rgba(255,255,255,.86); }

/* footer */
.frame-foot{
  margin-top: 16px;
  display:flex;
  justify-content:space-between;
  gap: 14px;
  align-items:flex-end;
  font-size: 12px;
  color: var(--muted);
}
.console{
  text-align:right;
  font-size: 11px;
  color: rgba(17,17,17,.62);
  max-width: 52ch;
}
.console .row{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* right-column console panel */
.consolebox{ margin-top: var(--gap); }
.syslog{
  margin: 0;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(17,17,17,.70);
  max-height: 120px;
  overflow: auto;
  white-space: pre-wrap;
}
.syslog::-webkit-scrollbar{ width: 10px; }
.syslog::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 10px; border: 2px solid rgba(255,255,255,.55); }
.syslog::-webkit-scrollbar-track{ background: transparent; }


/* ---------- touch-up: commission-friendly ---------- */

.pill.cta{
  border-color: rgba(28, 88, 170, .45);
  background: linear-gradient(180deg, rgba(235,245,255,.9), rgba(250,252,255,.9));
}
.pill.cta:hover{ border-color: rgba(28, 88, 170, .75); }

.navmore{
  position: relative;
  display: inline-block;
}
.navmore > summary{ list-style: none; }
.navmore > summary::-webkit-details-marker{ display:none; }
.moremenu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  gap: 8px;
  padding: 10px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  min-width: 160px;
  z-index: 50;
}
.navmore[open] .pill{ border-color: rgba(0,0,0,.18); }
.navmore:not([open]) .moremenu{ display:none; }

.cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.card{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 12px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.72);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  text-decoration: none;
  color: inherit;
  transition: transform .12s ease, border-color .12s ease;
}
.card:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.22);
}
.thumb{
  height: 72px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  background:
    radial-gradient(120px 70px at 30% 30%, rgba(0,0,0,.06), transparent 60%),
    linear-gradient(135deg, rgba(240,240,240,.95), rgba(220,220,220,.9));
}
.thumb.alt{
  background:
    radial-gradient(120px 70px at 70% 40%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(135deg, rgba(240,248,255,.95), rgba(230,240,255,.9));
}
.thumb.alt2{
  background:
    radial-gradient(120px 70px at 40% 60%, rgba(0,0,0,.05), transparent 60%),
    linear-gradient(135deg, rgba(250,245,235,.95), rgba(245,235,220,.9));
}
.meta{ display:grid; align-content:center; gap:4px; }

.two{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.olist{
  margin: 0;
  padding-left: 18px;
}
.olist li{ margin: 6px 0; }

@media (max-width: 720px){
  .cards{ grid-template-columns: 1fr; }
  .card{ grid-template-columns: 1fr; }
  .thumb{ height: 120px; }
  .two{ grid-template-columns: 1fr; }
  .moremenu{ left: 0; right: auto; }
}



/* ===== PATCH 20260216a: stability + centering ===== */

/* keep the postcard readable (slightly higher on tall screens, like the viewer page) */
.canvas {
  align-items: flex-start;
  padding: clamp(46px, 7vh, 92px) 42px 90px;
}

/* make the layout grid hard to accidentally lose */
.cols {
  display: grid !important;
}



/* ensure the frame always stays centered even if a browser gets weird */
.frame {
  margin-left: auto;
  margin-right: auto;
}

/* ---------- last.fm widget ---------- */
.lastfm{margin-top:6px}
.lastfm-row{display:flex;align-items:flex-start;gap:8px}
.lastfm-cover{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.12);object-fit:cover;flex:0 0 auto}
.lastfm-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.lastfm-line{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.2;min-width:0}
.lastfm-dot{font-size:11px;opacity:.55}
.lastfm-dot.live{opacity:.95}
.lastfm-label{font-size:11px;opacity:.65;white-space:nowrap}
.lastfm-track{font-size:12px;display:inline-block;min-width:0;max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lastfm-sub{font-size:11px;opacity:.7;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* =========================
   FOLDS (collapsible boxes)
   ========================= */

.bar-right{
  display:flex;
  align-items:center;
  gap: 8px;
}

.foldbtn{
  width: 28px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.16);
  background: rgba(255,255,255,.55);
  color: rgba(17,17,17,.75);
  cursor: pointer;
  line-height: 1;
  display:grid;
  place-items:center;
  user-select:none;
  transition: transform .18s ease, background .12s ease;
}
.foldbtn:hover{ background: rgba(255,255,255,.78); }

.foldbtn::before{
  content:"▾";
  font-size: 12px;
  transform: translateY(-1px);
}

.box.is-collapsed .foldbtn{
  transform: rotate(-90deg);
}

.box-body{
  overflow:hidden;
}

/* Viewer: collapsible library (tabs + grid) */
.viewer-library{
  overflow:hidden;
}

/* Viewer grid “more/less” */
.viewer-grid.is-folded{
  overflow:hidden;
  transition: max-height .26s ease;
}

.viewer-fold{
  display:flex;
  justify-content:flex-end;
  margin-top: 10px;
}
.viewer-fold .pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
.viewer-fold .pill .arr{
  display:inline-block;
  transform: translateY(-1px);
}


/* Dump gallery */
.dump-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
}
@media (max-width: 980px){
  .dump-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .dump-grid{ grid-template-columns: 1fr; }
}
.dump-card{
  display:block;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow:hidden;
  background: rgba(255,255,255,.62);
  box-shadow: var(--shadow);
}
.dump-card:hover{
  transform: translateY(-1px);
}
.dump-thumb{
  aspect-ratio: 4 / 3;
  background: #111;
}
.dump-thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.dump-cap{
  padding: 10px 12px;
}
.dump-title{
  font-weight: 600;
  letter-spacing: .2px;
}
.dump-meta{
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
}
.dump-empty{
  padding: 12px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  color: var(--muted);
  background: rgba(255,255,255,.55);
}
.dump-grid.is-empty .dump-card{ display:none; }
.dump-grid:not(.is-empty) .dump-empty{ display:none; }


}