/* Local My Imprint folio. Every rule is confined to the new WIP dialog. */
.imprint-dialog {
  --mi-paper: #f5f0e6;
  --mi-ink: #24241f;
  --mi-muted: #5d5e54;
  --mi-rule: #d6d0c4;
  --mi-focus: #755721;
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: min(868px, calc(100vw - 48px));
  max-width: none;
  height: auto;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e1dbcf;
  border-radius: 6px;
  background: var(--mi-paper);
  color: var(--mi-ink);
  color-scheme: light;
  box-shadow: 0 20px 72px #10140f38;
  font: 16px/1.5 var(--pluritual-sans, Arial, Helvetica, sans-serif);
  text-align: left;
}
.imprint-dialog:not([open]) { display: none; }
.imprint-dialog::backdrop { background: rgb(13 19 18 / 66%); }
.imprint-dialog *,
.imprint-dialog *::before,
.imprint-dialog *::after { box-sizing: border-box; }
.imprint-dialog [hidden] { display: none !important; }
.imprint-dialog .mi-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: var(--mi-icon-url) center / contain no-repeat;
  mask: var(--mi-icon-url) center / contain no-repeat;
}
.imprint-dialog .mi-motion-stage { position: relative; overflow: hidden; }
.imprint-dialog .mi-motion-outgoing { position: absolute; inset: 0; pointer-events: none; user-select: none; }
.imprint-dialog .mi-badge-popover {
  position: fixed;
  z-index: 10;
  width: 280px;
  padding: 15px 17px;
  overflow: auto;
  border: 1px solid #d2c8b8;
  border-radius: 13px;
  background: #fffaf1;
  color: var(--mi-ink);
  box-shadow: 0 8px 28px #25251b26;
  font: 13px/1.5 Arial, Helvetica, sans-serif;
  outline: none;
}
.imprint-dialog .mi-badge-popover-title { display: block; font: 500 17px/1.25 "Pluritual Rounded", Arial, sans-serif; }
.imprint-dialog .mi-badge-popover .mi-badge-popover-meta { margin: 4px 0 10px; color: #757163; font-size: 11px; }
.imprint-dialog .mi-badge-popover .mi-badge-popover-description { color: #47493f; }
.imprint-dialog .mi-badge-popover :is(.mi-badge-popover-progress, .mi-badge-popover-editions) { margin-top: 9px; color: #3e5644; font-size: 12px; }
.imprint-dialog .mi-badge-popover .mi-badge-popover-date { margin-top: 9px; color: #757163; font-size: 11px; }
.imprint-dialog .mi-badge-card[aria-expanded="true"] { border-color: #c5b592; background: #eee5d6; }
.imprint-dialog .imprint-sheet {
  width: 100%;
  max-height: calc(100dvh - 50px);
  padding: 0 43px 30px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-padding-block: 105px 28px;
}
.imprint-dialog :is(button, input, select, textarea) { font: inherit; }
.imprint-dialog :is(button, a) { touch-action: manipulation; }
.imprint-dialog button {
  max-width: 100%;
  color: inherit;
  cursor: pointer;
  text-transform: none;
  letter-spacing: normal;
}
.imprint-dialog button:disabled { cursor: default; }
.imprint-dialog :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--mi-focus);
  outline-offset: 4px;
}
.imprint-dialog :is(.mi-content, h2, h3)[tabindex="-1"]:focus { outline: none; }
.imprint-dialog :is(h2, h3, h4, p) { margin: 0; text-transform: none; letter-spacing: normal; }
.imprint-dialog :is(h2, h3, h4, p, span, label, li, dd, dt) { overflow-wrap: anywhere; }
.imprint-dialog a { color: inherit; text-underline-offset: 4px; }
.imprint-dialog .mi-header {
  position: sticky;
  z-index: 5;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 -43px;
  padding: 24px 43px 18px;
  background: var(--mi-paper);
}
.imprint-dialog .mi-brand { display: flex; align-items: center; gap: 8px; min-width: 0; }
.imprint-dialog .mi-brand img { display: block; max-width: 100%; height: auto; flex: 0 0 auto; }
.imprint-dialog .mi-brand img:first-child,
.imprint-dialog .mi-brand .mi-mark { width: 43px; height: 43px; object-fit: contain; mix-blend-mode: multiply; }
.imprint-dialog .mi-brand img:nth-child(2),
.imprint-dialog .mi-brand .mi-wordmark { width: 123px; height: auto; }
.imprint-dialog .mi-close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 44px;
  min-height: 44px;
  margin: 0 -9px 0 0;
  padding: 8px 9px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--mi-muted);
  font-size: 14px;
}
.imprint-dialog .mi-close:hover { background: #e7e1d5; color: var(--mi-ink); }
.imprint-dialog .mi-close svg { width: 20px; height: 20px; }
.imprint-dialog .mi-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; margin: 25px 0 24px; }
.imprint-dialog .mi-heading h2 {
  min-width: 0;
  font: 550 52px/1.1 "Pluritual Rounded", Arial, sans-serif;
  letter-spacing: -1.4px;
}
.imprint-dialog .mi-identity { display: flex; align-items: center; gap: 9px; width: 100%; font-size: 18px; }
.imprint-dialog .mi-identity img { width: 24px; height: 18px; object-fit: contain; }
.imprint-dialog .mi-overview { display: flex; align-items: baseline; flex-wrap: wrap; gap: 14px 36px; width: 100%; margin: 24px 0; }
.imprint-dialog .mi-stat { display: inline-flex; align-items: baseline; gap: 7px; color: var(--mi-muted); font-size: 14px; }
.imprint-dialog .mi-stat strong { color: var(--mi-ink); font-size: 22px; font-weight: 400; line-height: 1.2; font-variant-numeric: tabular-nums; }
.imprint-dialog .mi-nav { display: flex; flex-wrap: wrap; gap: 0 28px; margin: 0 0 24px; border-bottom: 1px solid var(--mi-rule); }
.imprint-dialog .mi-tab { min-height: 48px; padding: 10px 0 13px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--mi-muted); font-size: 15px; text-align: left; }
.imprint-dialog .mi-tab:is([aria-selected="true"], [aria-pressed="true"], .is-active) { color: var(--mi-ink); border-bottom-color: var(--mi-ink); }
.imprint-dialog .mi-tab:hover { color: var(--mi-ink); }
.imprint-dialog .mi-content { min-width: 0; min-height: 160px; padding-bottom: 8px; }
.imprint-dialog .mi-works { display: grid; gap: 14px; }
.imprint-dialog .mi-work {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 18px;
  width: 100%;
  min-height: 104px;
  padding: 24px 28px;
  border: 1px solid var(--mi-rule);
  border-radius: 5px;
  background: #eee8dc;
  color: var(--mi-ink);
  text-align: left;
  box-shadow: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.imprint-dialog .mi-work:hover { box-shadow: 0 2px 5px #24241f15; }
.imprint-dialog .mi-work:focus-visible { outline-offset: 4px; }
.imprint-dialog .mi-work-label { font: 400 32px/1.2 var(--pluritual-serif, Georgia, serif); letter-spacing: -.7px; }
.imprint-dialog .mi-work-metric { justify-self: end; font-size: 15px; font-variant-numeric: tabular-nums; text-align: right; }
.imprint-dialog .mi-work-count { font-weight: 600; }
.imprint-dialog .mi-work-arrow { justify-self: end; font: 24px/1 Arial, sans-serif; }
.imprint-dialog .mi-work-arrow svg { display: block; width: 18px; height: 18px; }
.imprint-dialog .mi-work--sentence { border-color: #435048; background: #101c20 url("sentence-paper-texture-v015ad.png?build=20261102-v024-clock-arrival1") center / cover; color: #ddc77f; }
.imprint-dialog .mi-work--sentence .mi-work-metric { color: #ece5ca; }
.imprint-dialog .mi-work--canvas { border-color: #d5c4ab; background: #f4ecdc; color: #a3503a; box-shadow: inset 0 0 0 3px #faf6ec; }
.imprint-dialog .mi-work--canvas .mi-work-metric { color: #785543; }
.imprint-dialog .mi-work--clock { border-color: #243d49; background: #09141c; color: #acd9ef; }
.imprint-dialog .mi-work--clock .mi-work-metric { color: #c0d5df; }
.imprint-dialog .mi-work--review { border-color: #c7d3bf; background: #fbfbf4; color: #345b2d; }
.imprint-dialog .mi-work--trail,
.imprint-dialog .mi-work--journey { border-color: #c5cebc; background: #f5f1e6; color: #173d2f; }
.imprint-dialog .mi-subtitle { margin: 2px 0 10px; font: 500 28px/1.25 "Pluritual Rounded", Arial, sans-serif; letter-spacing: -.45px; }
.imprint-dialog .mi-description { max-width: 56ch; margin: 8px 0 24px; color: var(--mi-muted); font: 400 16px/1.55 Arial, Helvetica, sans-serif; }
.imprint-dialog .mi-back,
.imprint-dialog .mi-text-button { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 9px 0; border: 0; background: transparent; color: var(--mi-muted); font-size: 14px; text-align: left; }
.imprint-dialog .mi-back { margin: 0 0 14px; }
.imprint-dialog .mi-text-button { text-decoration: underline; text-underline-offset: 4px; }
.imprint-dialog .mi-close.mi-text-button { margin: 0 -9px 0 0; padding: 8px 9px; text-decoration: none; }
.imprint-dialog :is(.mi-back, .mi-text-button):hover { color: var(--mi-ink); }
.imprint-dialog .mi-empty { padding: 28px 0 34px; color: var(--mi-muted); font-size: 16px; }
.imprint-dialog .mi-empty p + p { margin-top: 10px; }
.imprint-dialog .mi-meta { color: var(--mi-muted); font-size: 13px; line-height: 1.5; }
.imprint-dialog :is(.mi-notice, .mi-error, .mi-success) { margin: 16px 0; padding: 13px 15px; border: 1px solid #cec5b1; border-radius: 4px; background: #eee7d8; color: #5c5038; font-size: 14px; line-height: 1.5; }
.imprint-dialog .mi-error { border-color: #d0aca3; background: #f8ece6; color: #853c2d; }
.imprint-dialog .mi-success { border-color: #bdcbb2; background: #e9eedf; color: #344e2c; }
.imprint-dialog :is(.mi-error, .mi-notice, .mi-success):empty { display: none; }
.imprint-dialog .mi-form { width: 100%; max-width: 540px; margin: 22px 0 8px; }
.imprint-dialog .mi-field { display: grid; gap: 7px; min-width: 0; margin: 18px 0; font-size: 14px; }
.imprint-dialog .mi-field > label { display: block; color: var(--mi-ink); }
.imprint-dialog .mi-input,
.imprint-dialog .mi-field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 11px 12px;
  border: 1px solid #bdb6a7;
  border-radius: 4px;
  background: #fffcf5;
  color: var(--mi-ink);
  font-size: 16px;
  line-height: 1.5;
  box-shadow: none;
}
.imprint-dialog .mi-field textarea { min-height: 104px; resize: vertical; }
.imprint-dialog .mi-field select { padding-right: 28px; }
.imprint-dialog .mi-input::placeholder { color: #747267; opacity: 1; }
.imprint-dialog .mi-field :is(input, select, textarea)[aria-invalid="true"] { border-color: #9f4231; }
.imprint-dialog .mi-field-error { display: block; margin: 0; color: #853c2d; font-size: 13px; line-height: 1.45; }
.imprint-dialog .mi-field small { color: var(--mi-muted); font-size: 13px; line-height: 1.5; }
.imprint-dialog .mi-password-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; margin: 18px 0; }
.imprint-dialog .mi-password-field .mi-field { margin: 0; }
.imprint-dialog .mi-password-toggle { justify-content: center; min-width: 54px; min-height: 48px; padding: 10px 8px; }
.imprint-dialog .mi-form-options { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; margin: 8px 0 18px; font-size: 14px; }
.imprint-dialog .mi-form-options label { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; }
.imprint-dialog .mi-form-options input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: #344a32; }
.imprint-dialog .mi-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin: 22px 0 10px; }
.imprint-dialog .mi-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 11px 22px; border: 1px solid #2c332b; border-radius: 4px; background: #2c332b; color: #fffcf5; font-size: 15px; line-height: 1.5; text-align: center; text-decoration: none; }
.imprint-dialog .mi-button:not(:disabled):hover { background: #434d3d; }
.imprint-dialog .mi-button--secondary { border-color: #bdb6a7; background: transparent; color: var(--mi-ink); }
.imprint-dialog .mi-button--secondary:not(:disabled):hover { background: #e9e2d5; }
.imprint-dialog .mi-button:disabled { border-color: #999a8f; background: #deded4; color: #62645b; }
.imprint-dialog .mi-button svg { width: 20px; height: 20px; flex-shrink: 0; }
.imprint-dialog .mi-account-menu { display: grid; margin: 18px 0 12px; }
.imprint-dialog .mi-account-item { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 68px; padding: 18px 0; border: 0; border-bottom: 1px solid var(--mi-rule); border-radius: 0; background: transparent; font-size: 16px; text-align: left; }
.imprint-dialog .mi-account-item:hover { color: #74532c; }
.imprint-dialog .mi-account-item small { display: block; margin-top: 4px; color: var(--mi-muted); font-size: 13px; }
.imprint-dialog .mi-ritual-list { display: grid; margin: 18px 0; }
.imprint-dialog .mi-ritual-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; padding: 17px 0; border-bottom: 1px solid var(--mi-rule); font-size: 16px; }
.imprint-dialog label.mi-ritual-row { cursor: pointer; }
.imprint-dialog .mi-ritual-row > :first-child { min-width: 0; }
.imprint-dialog .mi-ritual-row small { display: block; margin-top: 4px; color: var(--mi-muted); font-size: 13px; }
.imprint-dialog .mi-switch { flex: 0 0 auto; width: 24px; height: 24px; margin: 10px; accent-color: #344a32; cursor: pointer; }
.imprint-dialog .mi-switch:disabled { cursor: default; }
.imprint-dialog .mi-activity-list { margin: 18px 0; padding: 0; list-style: none; }
.imprint-dialog .mi-activity-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: start; gap: 14px; width: 100%; padding: 18px 0; border: 0; border-bottom: 1px solid var(--mi-rule); border-radius: 0; background: transparent; text-align: left; }
.imprint-dialog .mi-activity-row:hover { background: #ede7db; }
.imprint-dialog .mi-activity-row time { color: var(--mi-muted); font-size: 13px; }
.imprint-dialog .mi-activity-row strong { font-size: 16px; font-weight: 400; }
.imprint-dialog .mi-activity-row small { display: block; margin-top: 5px; color: var(--mi-muted); font-size: 13px; }
.imprint-dialog .mi-activity-row > :last-child:not(:nth-child(2)) { max-width: 144px; }
.imprint-dialog .mi-badge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.imprint-dialog .mi-badge-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; min-height: 148px; padding: 18px; border: 1px solid var(--mi-rule); border-radius: 4px; background: #faf7ef; color: var(--mi-ink); text-align: left; }
.imprint-dialog .mi-badge-card:hover { border-color: #9c8b6b; }
.imprint-dialog .mi-badge-card strong { font-size: 15px; line-height: 1.35; font-weight: 500; }
.imprint-dialog .mi-badge-card small { display: block; color: var(--mi-muted); font-size: 13px; line-height: 1.4; }
.imprint-dialog .mi-badge-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 5px; color: #725931; font: 500 22px/1 "Pluritual Rounded", Arial, sans-serif; }
.imprint-dialog .mi-badge-icon :is(svg, img, .mi-icon) { display: block; max-width: 100%; max-height: 100%; width: 36px; height: 36px; object-fit: contain; }
.imprint-dialog .mi-badge-icon img { mix-blend-mode: multiply; }
.imprint-dialog .mi-badge-card.is-locked { background: transparent; border-style: dashed; }
.imprint-dialog .mi-badge-card.is-locked .mi-badge-icon { color: #77776b; }
.imprint-dialog .mi-badge-detail { max-width: 560px; padding: 10px 0 22px; }
.imprint-dialog .mi-badge-detail .mi-badge-icon { width: 64px; height: 64px; margin: 0 0 20px; font-size: 32px; }
.imprint-dialog .mi-badge-detail .mi-badge-icon :is(svg, img) { width: 58px; height: 58px; }
.imprint-dialog .mi-badge-detail p { margin: 12px 0; }
.imprint-dialog .mi-badge-detail dl { margin: 22px 0; }
.imprint-dialog .mi-badge-detail dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--mi-rule); }
.imprint-dialog .mi-badge-detail dt { color: var(--mi-muted); font-size: 14px; }
.imprint-dialog .mi-badge-detail dd { margin: 0; font-size: 14px; }
.imprint-dialog .mi-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; margin: 22px 0 0; padding-top: 13px; color: var(--mi-muted); font: 400 13px/1.5 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; }
.imprint-dialog .mi-footer p { display: inline-flex; align-items: center; gap: 7px; }
.imprint-dialog .mi-footer svg { width: 15px; height: 16px; flex-shrink: 0; }
.imprint-dialog .mi-privacy { display: inline-flex; align-items: center; gap: 7px; }
.imprint-dialog .mi-preview-note { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--mi-rule); color: var(--mi-muted); font-size: 12px; line-height: 1.5; }
.imprint-dialog .mi-work-status { display: block; margin-top: 7px; color: inherit; font: 13px/1.4 Arial, sans-serif; letter-spacing: normal; }
.imprint-dialog .mi-flag { display: block; flex: 0 0 24px; width: 24px; height: 18px; object-fit: contain; }
.imprint-dialog .mi-auth-divider { display: flex; align-items: center; gap: 14px; max-width: 540px; margin: 24px 0; color: var(--mi-muted); font-size: 13px; }
.imprint-dialog .mi-auth-divider::before,
.imprint-dialog .mi-auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--mi-rule); }
.imprint-dialog .mi-google-letter { font-size: 18px; font-weight: 600; }
.imprint-dialog .mi-mail-preview { max-width: 600px; margin: 24px 0; padding: 20px; border: 1px solid #c9c1b2; border-radius: 4px; background: #fffcf5; }
.imprint-dialog .mi-mail-preview h4 { margin: 10px 0; font-size: 20px; font-weight: 500; }
.imprint-dialog .mi-mail-preview .mi-button { margin-top: 20px; }
.imprint-dialog .mi-mail-preview .mi-description { margin: 16px 0 0; font-size: 14px; }
.imprint-dialog .mi-color-chips { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.imprint-dialog .mi-color-chips i { display: block; flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid #24241f33; background: var(--mi-chip, #d6d0c4); }
.imprint-dialog .mi-filters { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 18px; max-width: 540px; margin: 12px 0 20px; }
.imprint-dialog .mi-filters .mi-field { margin: 0; }
.imprint-dialog .mi-pagination { display: flex; justify-content: space-between; gap: 12px; margin: 20px 0; }
.imprint-dialog .mi-pagination:empty { display: none; }
.imprint-dialog .mi-activity-content { min-width: 0; }
.imprint-dialog .mi-activity-status { color: var(--mi-muted); font-size: 13px; line-height: 1.5; text-align: right; }
.imprint-dialog .mi-account-summary { margin: 22px 0; }
.imprint-dialog .mi-account-summary > div { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--mi-rule); }
.imprint-dialog .mi-account-summary dt { color: var(--mi-muted); font-size: 14px; }
.imprint-dialog .mi-account-summary dd { margin: 0; font-size: 15px; }
.imprint-dialog .mi-badge-tabs { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 22px 0; border-bottom: 1px solid var(--mi-rule); }
.imprint-dialog .mi-badge-filter { max-width: 280px; }
.imprint-dialog .mi-badge-progress { font-size: 19px; font-variant-numeric: tabular-nums; }
.imprint-dialog .mi-badge-levels { margin: 12px 0 24px; padding: 0; list-style: none; }
.imprint-dialog .mi-badge-levels li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--mi-rule); }
.imprint-dialog .mi-badge-levels strong { font-size: 18px; font-weight: 500; }
.imprint-dialog .mi-badge-levels span { color: var(--mi-muted); font-size: 14px; text-align: right; }
.imprint-dialog .mi-proof-list { display: grid; justify-items: start; margin: 10px 0 24px; }
.imprint-dialog .mi-pixel-list { margin: 24px 0; padding: 0; list-style: none; }
.imprint-dialog .mi-pixel-list li { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--mi-rule); font-size: 14px; font-variant-numeric: tabular-nums; }
.imprint-dialog .mi-record-detail { max-width: 640px; padding: 6px 0 22px; }
.imprint-dialog .mi-record-detail .mi-subtitle { margin: 12px 0 18px; }
.imprint-dialog .mi-record-detail > .mi-meta:last-child { margin-top: 24px; }
.imprint-dialog .mi-record-status { margin: 18px 0 12px; color: #395431; font-size: 14px; }
.imprint-dialog .mi-data-note { margin: 32px 0 22px; padding-top: 20px; border-top: 1px solid var(--mi-rule); }
.imprint-dialog .mi-data-note h4 { font-size: 18px; font-weight: 500; }
.imprint-dialog .mi-minimum-note { color: #74562a; }
/* Utility text keeps a regular reading face even over a module's own theme. */
.imprint-dialog :is(.mi-meta, .mi-stat, .mi-work-metric, .mi-field, .mi-preview-note, .mi-activity-status, .mi-privacy) { font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: normal; text-transform: none; }

@media (max-width: 600px) {
  .imprint-dialog { width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .imprint-dialog .imprint-sheet { max-height: 100dvh; min-height: 100dvh; padding: 0 20px max(24px, env(safe-area-inset-bottom)); scrollbar-gutter: auto; }
  .imprint-dialog .mi-header { margin-inline: -20px; padding: max(16px, env(safe-area-inset-top)) 20px 13px; gap: 10px; }
  .imprint-dialog .mi-brand { gap: 6px; }
  .imprint-dialog .mi-brand img:first-child,
  .imprint-dialog .mi-brand .mi-mark { width: 36px; height: 36px; }
  .imprint-dialog .mi-brand img:nth-child(2),
  .imprint-dialog .mi-brand .mi-wordmark { width: 101px; }
  .imprint-dialog .mi-close { font-size: 13px; }
  .imprint-dialog .mi-heading { gap: 12px 10px; margin: 24px 0 20px; }
  .imprint-dialog .mi-heading h2 { font-size: 41px; letter-spacing: -1px; }
  .imprint-dialog .mi-identity { font-size: 17px; }
  .imprint-dialog .mi-overview { gap: 12px 24px; margin: 22px 0; }
  .imprint-dialog .mi-stat { gap: 5px; font-size: 13px; }
  .imprint-dialog .mi-stat strong { font-size: 21px; }
  .imprint-dialog .mi-nav { gap: 0 24px; margin-bottom: 20px; }
  .imprint-dialog .mi-tab { font-size: 14px; }
  .imprint-dialog .mi-works { gap: 12px; }
  .imprint-dialog .mi-work { grid-template-columns: minmax(0, 1fr) 18px; min-height: 105px; gap: 6px 14px; padding: 19px; }
  .imprint-dialog .mi-work-label { font-size: 28px; }
  .imprint-dialog .mi-work-metric { grid-column: 1; justify-self: start; font-size: 14px; text-align: left; }
  .imprint-dialog .mi-work-arrow { grid-column: 2; grid-row: 1 / 3; }
  .imprint-dialog .mi-subtitle { font-size: 26px; }
  .imprint-dialog .mi-badge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .imprint-dialog .mi-badge-card { padding: 15px; }
  .imprint-dialog .mi-activity-row { grid-template-columns: 62px minmax(0, 1fr); gap: 5px 12px; }
  .imprint-dialog .mi-activity-row > :last-child:not(:nth-child(2)) { grid-column: 2; max-width: none; }
  .imprint-dialog .mi-activity-status { text-align: left; }
  .imprint-dialog .mi-filters { grid-template-columns: minmax(0, 1fr) 112px; gap: 12px; }
  .imprint-dialog .mi-account-summary > div { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .imprint-dialog .mi-pixel-list li { grid-template-columns: 60px minmax(0, 1fr); gap: 4px 10px; }
  .imprint-dialog .mi-pixel-list li > :last-child { grid-column: 2; }
  .imprint-dialog .mi-mail-preview { padding: 16px; }
  .imprint-dialog .mi-actions { align-items: stretch; gap: 10px; }
  .imprint-dialog .mi-actions .mi-button { width: 100%; }
  .imprint-dialog .mi-footer { margin-top: 16px; }
}
@media (max-width: 360px) {
  .imprint-dialog .mi-heading h2 { font-size: 36px; }
  .imprint-dialog .mi-heading .mi-text-button { font-size: 13px; }
  .imprint-dialog .mi-work { padding: 18px 15px; }
  .imprint-dialog .mi-work-label { font-size: 26px; }
  .imprint-dialog .mi-nav { gap: 0 18px; }
  .imprint-dialog .mi-badge-card { padding: 12px; }
  .imprint-dialog .mi-badge-card strong { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .imprint-dialog *, .imprint-dialog *::before, .imprint-dialog *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Account access is a small doorway, rather than another profile page. */
.imprint-dialog--auth {
  width: min(464px, calc(100vw - 32px));
  height: fit-content;
  max-height: calc(100dvh - 32px);
  border-radius: 22px;
  font: 400 16px/1.5 Arial, Helvetica, sans-serif;
  box-shadow: 0 24px 100px #050e1859;
}
.imprint-dialog--auth::backdrop { background: rgb(13 19 18 / 56%); backdrop-filter: blur(5px); }
.imprint-dialog--auth .imprint-sheet {
  min-height: 0;
  max-height: calc(100dvh - 34px);
  padding: 0 30px 22px;
  scrollbar-gutter: auto;
}
.imprint-dialog--auth .mi-header { position: relative; justify-content: center; gap: 12px; margin: 0 -30px 12px; padding: 25px 48px 8px; }
.imprint-dialog--auth .mi-auth-brand { --mi-auth-mark: 39px; display: flex; align-items: center; gap: 8px; min-width: 0; }
.imprint-dialog--auth .mi-auth-brand .mi-mark { display: block; width: var(--mi-auth-mark); height: var(--mi-auth-mark); object-fit: contain; mix-blend-mode: multiply; }
.imprint-dialog--auth .mi-auth-brand h2 { font: 550 32px/1.15 "Pluritual Rounded", Arial, sans-serif; letter-spacing: -.8px; }
.imprint-dialog--auth .mi-close { position: absolute; right: 15px; top: 22px; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%; font: 400 25px/1 Arial, sans-serif; }
.imprint-dialog--auth .mi-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin: 0 0 22px; border-radius: 13px; background: #e9e3d8; }
.imprint-dialog--auth .mi-auth-tabs button { min-height: 44px; padding: 9px 8px; border: 0; border-radius: 10px; background: transparent; color: #646357; font: 400 14px/1.25 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-tabs button[aria-pressed="true"] { background: #fffcf5; color: var(--mi-ink); box-shadow: 0 1px 4px #39352612; }
.imprint-dialog--auth .mi-auth-tabs button:not(:disabled):hover { color: var(--mi-ink); }
.imprint-dialog--auth .mi-content { min-height: 0; padding: 0; }
.imprint-dialog--auth .mi-button { width: 100%; min-height: 52px; padding: 12px 17px; border-radius: 12px; font: 400 15px/1.4 Arial, Helvetica, sans-serif; transition: background 120ms ease, border-color 120ms ease; }
.imprint-dialog--auth .mi-button--secondary { justify-content: flex-start; border-color: #d0c9bc; background: #fffcf5; }
.imprint-dialog--auth .mi-auth-providers { display: grid; gap: 10px; }
.imprint-dialog--auth [data-mi-provider] { position: relative; justify-content: center; min-height: 46px; padding: 10px 42px; border: 1px solid #747775; background: #fff; color: #1f1f1f; font-size: 14px; font-weight: 500; }
.imprint-dialog--auth [data-mi-provider]:hover { background: #f6f7f6; border-color: #4d514e; }
.imprint-dialog--auth .mi-provider-icon { position: absolute; left: 16px; width: 20px; height: 20px; object-fit: contain; }
.imprint-dialog--auth .mi-provider-preview { margin: 7px 0 0; color: #706b5f; text-align: center; font: 400 11px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #6d6a60; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-divider::before,
.imprint-dialog--auth .mi-auth-divider::after { content: ""; flex: 1; height: 1px; background: #ded7cb; }
.imprint-dialog--auth .mi-form { max-width: none; margin: 0; }
.imprint-dialog--auth .mi-field { gap: 6px; margin: 0 0 15px; font: 400 13px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-field :is(input:not([type="checkbox"]):not([type="radio"]), select) { min-height: 52px; padding: 12px 14px; border-color: #8a8579; border-radius: 12px; background: #fffcf5; font: 400 16px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-field :is(input, select):focus-visible { border-color: #67725d; outline-offset: 2px; }
.imprint-dialog--auth .mi-password-field--compact { display: block; position: relative; margin: 0; }
.imprint-dialog--auth .mi-password-field--new { margin-bottom: 20px; }
.imprint-dialog--auth .mi-password-field--compact .mi-field { margin-bottom: 0; }
.imprint-dialog--auth .mi-password-field--compact .mi-field input.mi-input { padding-right: 54px; }
.imprint-dialog--auth .mi-password-toggle--icon { position: absolute; right: 4px; bottom: 4px; min-width: 44px; min-height: 44px; width: 44px; height: 44px; padding: 11px; border-radius: 9px; text-decoration: none; }
.imprint-dialog--auth .mi-password-toggle--icon svg { display: block; width: 21px; height: 21px; }
.imprint-dialog--auth .mi-password-toggle--icon:hover { background: #eee8dc; }
.imprint-dialog--auth .mi-auth-recovery { display: flex; justify-content: flex-end; margin: 1px 0 10px; }
.imprint-dialog--auth .mi-auth-recovery .mi-text-button { min-height: 44px; padding: 9px 0; font: 400 12px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; }
.imprint-dialog--auth .mi-auth-recovery .mi-text-button:hover { text-decoration: underline; }
.imprint-dialog--auth .mi-auth-form > .mi-button { background: #181818; border-color: #181818; }
.imprint-dialog--auth .mi-auth-form > .mi-button:not(:disabled):hover { background: #303030; border-color: #303030; }
.imprint-dialog--auth .mi-auth-form > .mi-button { justify-content: center; font-weight: 500; }
.mi-auth-email { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 20px; font: 400 14px/1.4 Arial, Helvetica, sans-serif; }
.mi-auth-email > span { min-width: 0; overflow-wrap: anywhere; }
.mi-auth-email .mi-text-button { flex: 0 0 auto; padding: 3px 0; font-size: 12px; }
.imprint-dialog--auth .mi-auth-step-title { margin: 0 0 12px; font: 500 21px/1.3 "Pluritual Rounded", Arial, sans-serif; }
.imprint-dialog--auth .mi-auth-help { margin: 7px 0 19px; color: var(--mi-muted); font: 400 12px/1.45 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-purpose { margin: 0 0 22px; color: #595e54; text-align: center; font: 400 13px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-preview { margin-top: 8px; color: #706b5f; font: 400 12px/1.45 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-auth-preview summary { display: flex; align-items: center; justify-content: center; gap: 7px; width: fit-content; min-height: 44px; margin: 0 auto; padding: 5px 8px; cursor: pointer; list-style: none; border-radius: 8px; }
.imprint-dialog--auth .mi-auth-preview summary::-webkit-details-marker { display: none; }
.imprint-dialog--auth .mi-auth-preview summary:hover { background: #ebe4d8; color: var(--mi-ink); }
.imprint-dialog--auth .mi-auth-preview p { padding: 8px 9px 0; font: 400 12px/1.55 Arial, Helvetica, sans-serif; }
.imprint-dialog--auth .mi-error { margin: 0 0 16px; }
.mi-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.mi-field-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.mi-field-heading > span:first-child { flex: 0 0 auto; }
.mi-field-note { color: #706b5f; font: 400 11px/1.4 Arial, Helvetica, sans-serif; }
.mi-password-rules { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; flex: 0 1 auto; gap: 2px 5px; margin: 0; padding: 0; color: #625f56; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.mi-password-rules > [role="listitem"] { display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap; }
.mi-password-rules > [role="listitem"] + [role="listitem"]::before { content: "·"; color: #8a8579; }
.mi-password-rules .is-met { color: #35543c; }
.mi-input[aria-invalid="true"] { border-color: #a13b31; }
@media (max-width: 600px) {
  .imprint-dialog--auth { width: calc(100vw - 24px); max-width: 464px; height: fit-content; max-height: calc(100dvh - 24px); margin: auto; border: 1px solid #e1dbcf; border-radius: 20px; }
  .imprint-dialog--auth .imprint-sheet { min-height: 0; max-height: calc(100dvh - 26px); padding: 0 22px 16px; }
  .imprint-dialog--auth .mi-header { margin-inline: -22px; padding: 18px 45px 7px; }
  .imprint-dialog--auth .mi-close { top: 15px; right: 9px; }
  .imprint-dialog--auth .mi-auth-brand { --mi-auth-mark: 35px; gap: 8px; }
  .imprint-dialog--auth .mi-auth-brand h2 { font-size: 30px; }
  .imprint-dialog--auth .mi-auth-tabs { margin-bottom: 19px; }
  .imprint-dialog--auth .mi-auth-preview { margin-top: 12px; }
}
@media (max-width: 360px) {
  .imprint-dialog--auth .imprint-sheet { padding-inline: 18px; }
  .imprint-dialog--auth .mi-header { margin-inline: -18px; padding-inline: 45px; }
  .imprint-dialog--auth .mi-auth-brand h2 { font-size: 27px; }
  .imprint-dialog--auth .mi-auth-brand { --mi-auth-mark: 32px; }
  .imprint-dialog--auth .mi-auth-tabs button { font-size: 13px; }
  .imprint-dialog--auth .mi-button { padding-inline: 12px; font-size: 14px; }
}

/* A compact profile header leaves room for the contributions below. */
.imprint-dialog--member {
  width: min(640px, calc(100vw - 48px));
  height: fit-content;
  max-height: calc(100dvh - 48px);
  border-radius: 20px;
  font: 400 16px/1.5 Arial, Helvetica, sans-serif;
}
.imprint-dialog--member::backdrop { background: rgb(13 19 18 / 56%); backdrop-filter: blur(5px); }
.imprint-dialog--member .imprint-sheet { min-height: 0; max-height: calc(100dvh - 50px); padding: 0 28px 20px; scrollbar-gutter: auto; scroll-padding-block: 88px 28px; }
.imprint-dialog--member .mi-header { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; margin: 0 -28px; padding: 18px 28px 10px; }
.imprint-dialog--member .mi-brand { grid-column: 2; grid-row: 1; justify-self: center; display: flex; align-items: center; gap: 11px; white-space: nowrap; }
.imprint-dialog--member .mi-brand img.mi-mark { width: 40px; height: 40px; }
.imprint-dialog--member .mi-brand h2 { font: 550 29px/1.15 "Pluritual Rounded", Arial, sans-serif; letter-spacing: -.7px; }
.imprint-dialog--member .mi-close.mi-text-button { grid-column: 3; grid-row: 1; justify-self: end; position: static; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%; font: 400 25px/1 Arial, sans-serif; }
.imprint-dialog--member .mi-profile-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 2px 0 10px; }
.imprint-dialog--member .mi-identity-group { display: flex; align-items: center; gap: 3px; min-width: 0; }
.imprint-dialog--member .mi-identity { justify-content: flex-start; gap: 6px; width: auto; min-width: 0; margin: 0; font: 400 15px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-identity-name { min-width: 0; overflow-wrap: anywhere; }
.imprint-dialog--member .mi-identity .mi-flag { flex: 0 0 20px; width: 20px; height: 15px; }
.imprint-dialog--member .mi-identity-edit { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 12px; border: 0; border-radius: 7px; background: transparent; color: #626458; }
.imprint-dialog--member .mi-identity-edit .mi-icon { display: block; width: 16px; height: 16px; }
.imprint-dialog--member .mi-identity-edit:hover { background: #e9e2d5; color: #253c2d; }
.imprint-dialog--member .mi-overview { align-items: center; justify-content: center; gap: 14px; width: auto; margin: 0; padding: 7px 10px; border: 1px solid #ded7ca; border-radius: 10px; background: #ebe5d96b; }
.imprint-dialog--member .mi-stat { align-items: center; gap: 5px; font-size: 13px; white-space: nowrap; }
.imprint-dialog--member .mi-stat strong { font-size: 18px; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-stat-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; color: #626b5c; }
.imprint-dialog--member .mi-stat--streak .mi-stat-icon { color: #9b6349; }
.imprint-dialog--member .mi-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 4px 0 20px; padding: 4px; border: 0; border-radius: 13px; background: #e8e2d7; }
.imprint-dialog--member .mi-nav .mi-tab { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 8px 5px; border: 0; border-radius: 10px; color: #615f54; font: 400 14px/1.3 Arial, Helvetica, sans-serif; text-align: center; }
.imprint-dialog--member .mi-nav .mi-tab[aria-pressed="true"] { background: #fffcf5; color: #253c2d; box-shadow: 0 1px 4px #39352612; }
.imprint-dialog--member .mi-nav .mi-tab:hover { color: #253c2d; }
.imprint-dialog--member .mi-content { min-height: 0; padding: 0; }
.imprint-dialog--member .mi-works { gap: 12px; }
.imprint-dialog--member .mi-work { min-height: 88px; padding: 20px 22px; border-radius: 11px; gap: 12px; }
.imprint-dialog--member .mi-work-label { font: 400 28px/1.2 var(--pluritual-serif, Georgia, serif); letter-spacing: -.5px; }
.imprint-dialog--member .mi-work-metric { font-size: 13px; }
.imprint-dialog--member .mi-work-status { margin-top: 5px; font-size: 12px; }
.imprint-dialog--member .mi-footer { justify-content: space-between; gap: 8px 16px; margin: 16px 0 0; padding: 0; }
.imprint-dialog--member .mi-footer .mi-preview-note { margin: 0; padding: 0; border: 0; color: #6f6b5f; font: 400 11px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-footer .mi-text-button { min-height: 44px; font-size: 12px; text-decoration: none; }
.imprint-dialog--member .mi-footer .mi-text-button:hover { text-decoration: underline; }
.imprint-dialog--member .mi-collection-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; color: var(--mi-muted); font: 400 13px/1.45 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-collection-summary button { min-height: 44px; padding: 8px 12px; border: 1px solid #bdb6a7; border-radius: 10px; background: transparent; color: #474c3f; font: 400 12px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; }
.imprint-dialog--member .mi-collection-summary button[aria-pressed="true"] { background: #e4eadb; border-color: #a4b594; color: #31462c; }
.imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 8px; margin: 0; }
.imprint-dialog--member .mi-badge-card { position: relative; align-items: center; justify-content: flex-start; gap: 6px; min-height: 110px; padding: 10px 5px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #69675e; text-align: center; }
.imprint-dialog--member .mi-badge-card:hover { border-color: #d5cbbc; background: #efe9dd; }
.imprint-dialog--member .mi-badge-card strong { max-width: 100%; font: 400 12px/1.3 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-badge-level { margin-top: -2px; color: #82725b; font: 400 11px/1.3 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-badge-card .mi-badge-icon { width: 52px; height: 52px; margin: 0; border: 1px solid #d0c9bc; border-radius: 10px; background: #ede7db; color: #747267; }
.imprint-dialog--member .mi-badge-card .mi-badge-icon :is(svg, img, .mi-icon) { width: 28px; height: 28px; }
.imprint-dialog--member .mi-badge-card .mi-badge-icon img { width: 31px; height: 31px; }
.imprint-dialog--member .mi-badge-card.is-earned { color: #3c422f; }
.imprint-dialog--member .mi-badge-card.is-earned .mi-badge-icon { background: #f0e1ba; border-color: #baa06d; color: #795829; }
.imprint-dialog--member .mi-badge-check { position: absolute; top: 48px; left: calc(50% + 12px); display: grid; place-items: center; width: 18px; height: 18px; border: 2px solid var(--mi-paper); border-radius: 50%; background: #3e5638; color: #fffaf0; font: 400 10px/1 Arial, sans-serif; }
.imprint-dialog--member .mi-badge-check .mi-icon { width: 11px; height: 11px; }
.imprint-dialog--member .mi-collection-empty { margin: 16px 0 24px; color: var(--mi-muted); font: 400 14px/1.5 Arial, Helvetica, sans-serif; }
@media (max-width: 600px) {
  .imprint-dialog--member { width: calc(100vw - 24px); max-width: 640px; height: fit-content; max-height: calc(100dvh - 24px); margin: auto; border: 1px solid #e1dbcf; border-radius: 18px; }
  .imprint-dialog--member .imprint-sheet { min-height: 0; max-height: calc(100dvh - 26px); padding: 0 20px 16px; }
  .imprint-dialog--member .mi-header { margin-inline: -20px; padding: 14px 20px 8px; }
  .imprint-dialog--member .mi-brand h2 { font-size: 27px; }
  .imprint-dialog--member .mi-profile-summary { gap: 10px; margin: 0 0 12px; }
  .imprint-dialog--member .mi-overview { gap: 12px; }
  .imprint-dialog--member .mi-nav { margin-bottom: 16px; }
  .imprint-dialog--member .mi-nav .mi-tab { font-size: 13px; }
  .imprint-dialog--member .mi-work { min-height: 90px; grid-template-columns: minmax(0, 1fr) 18px; gap: 6px 10px; padding: 17px 18px; }
  .imprint-dialog--member .mi-work-label { font-size: 27px; }
  .imprint-dialog--member .mi-work-metric { grid-column: 1; justify-self: start; font-size: 13px; text-align: left; }
  .imprint-dialog--member .mi-work-arrow { grid-column: 2; grid-row: 1 / 3; }
  .imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 5px; }
  .imprint-dialog--member .mi-badge-card { min-height: 112px; padding: 9px 6px; }
  .imprint-dialog--member .mi-badge-card strong { font-size: 12px; }
  .imprint-dialog--member .mi-footer { margin-top: 12px; }
}
@media (max-width: 360px) {
  .imprint-dialog--member .imprint-sheet { padding-inline: 16px; }
  .imprint-dialog--member .mi-header { margin-inline: -16px; padding-inline: 16px; }
  .imprint-dialog--member .mi-brand { gap: 8px; }
  .imprint-dialog--member .mi-brand h2 { font-size: 24px; }
  .imprint-dialog--member .mi-brand img.mi-mark { width: 32px; height: 32px; }
  .imprint-dialog--member .mi-profile-summary { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .imprint-dialog--member .mi-identity { gap: 5px; font-size: 14px; }
  .imprint-dialog--member .mi-identity .mi-flag { flex-basis: 18px; width: 18px; height: 13.5px; }
  .imprint-dialog--member .mi-overview { justify-self: center; gap: 14px; }
  .imprint-dialog--member .mi-identity-group { justify-content: center; }
  .imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .imprint-dialog--member .mi-stat { gap: 4px; }
  .imprint-dialog--member .mi-stat strong { font-size: 19px; }
  .imprint-dialog--member .mi-nav .mi-tab { font-size: 12px; }
  .imprint-dialog--member .mi-work { padding-inline: 16px; }
  .imprint-dialog--member .mi-work-label { font-size: 26px; }
}

/* The contribution itself is the visual anchor; tools stay in the margin. */
.imprint-dialog--member :is(.mi-history, .mi-contribution-detail) .mi-back {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  margin: -4px 0 8px; padding: 6px 0; color: #666359;
  font: 400 13px/1.4 Arial, Helvetica, sans-serif; text-decoration: none;
}
.imprint-dialog--member :is(.mi-history, .mi-contribution-detail) .mi-back:hover { color: #24241f; }
.imprint-dialog--member .mi-history-heading {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 12px 18px; min-height: 92px; margin-bottom: 8px; padding: 19px 22px;
  border-radius: 12px; background: #eae4d7; color: #474d3c;
}
.imprint-dialog--member .mi-history--sentence .mi-history-heading { background: #101c20 url("sentence-paper-texture-v015ad.png?build=20261102-v024-clock-arrival1") center / cover; color: #e5d08b; }
.imprint-dialog--member .mi-history--canvas .mi-history-heading { background: #f4ecdc; color: #a3503a; box-shadow: inset 0 0 0 1px #dfd0b9, inset 0 0 0 4px #faf6ec; }
.imprint-dialog--member .mi-history--clock .mi-history-heading { background: #09141c; color: #acd9ef; }
.imprint-dialog--member .mi-history-title { font: 400 29px/1.15 var(--pluritual-serif, Georgia, serif); letter-spacing: -.6px; }
.imprint-dialog--member .mi-history-count { display: block; margin-top: 7px; color: inherit; opacity: .86; font: 400 13px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-history-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 100%; }
.imprint-dialog--member .mi-history-select { width: auto; max-width: 100%; min-height: 44px; padding: 8px 26px 8px 10px; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: inherit; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-history-select option { background: #f5f0e6; color: #24241f; }
.imprint-dialog--member .mi-history-list { list-style: none; margin: 0; padding: 0; }
.imprint-dialog--member .mi-history-month { display: block; margin: 19px 0 5px; padding: 0 3px; color: #736e62; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-history-row {
  display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center;
  gap: 8px 10px; width: 100%; min-height: 86px; padding: 15px 12px 15px 4px;
  border: 0; border-bottom: 1px solid #ded7ca; border-radius: 0;
  background: transparent; text-align: left;
}
.imprint-dialog--member .mi-history-row:hover { background: #eee8dc; }
.imprint-dialog--member .mi-history-gesture { grid-column: 1; grid-row: 1; min-width: 0; }
.imprint-dialog--member .mi-gesture { display: block; color: #2b352f; font: 400 26px/1.1 var(--pluritual-serif, Georgia, serif); letter-spacing: -.4px; }
.imprint-dialog--member .mi-gesture--canvas { display: flex; align-items: center; min-height: 29px; }
.imprint-dialog--member .mi-gesture--clock { font-size: 24px; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-history-meta { grid-column: 1; grid-row: 2; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 11px; color: #767064; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-history-result { color: #5d6753; }
.imprint-dialog--member .mi-history-arrow { grid-column: 2; grid-row: 1 / 3; color: #847a65; font: 400 24px/1 Arial, sans-serif; }
.imprint-dialog--member .mi-history .mi-color-chips { flex-wrap: nowrap; gap: 5px; }
.imprint-dialog--member .mi-history .mi-color-chips i { width: 26px; height: 26px; flex-basis: 26px; border: 1px solid #24241f18; border-radius: 2px; }
.imprint-dialog--member .mi-history-empty { padding: 37px 16px; color: #6e6a5f; font: 400 14px/1.5 Arial, Helvetica, sans-serif; text-align: center; }
.imprint-dialog--member .mi-history-empty .mi-button { margin-top: 16px; }
.imprint-dialog--member .mi-history .mi-pagination { justify-content: space-between; margin: 16px 0 0; }
.imprint-dialog--member .mi-history .mi-pagination:empty { display: none; }
.imprint-dialog--member .mi-history .mi-pagination .mi-button { min-height: 44px; padding: 8px 14px; border-radius: 9px; font-size: 12px; }
.imprint-dialog--member .mi-contribution-detail { margin: 0; padding: 0; }
.imprint-dialog--member .mi-contribution-meta { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 7px 18px; margin: 7px 3px 15px; color: #726c60; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-contribution-gesture {
  display: flex; align-items: center; justify-content: center; min-height: 190px;
  padding: 28px 22px; border-radius: 12px; background: #eae4d7;
  color: #2b352f; font: 400 clamp(36px, 5vw, 54px)/1.15 var(--pluritual-serif, Georgia, serif);
  letter-spacing: -1px; text-align: center;
}
.imprint-dialog--member .mi-contribution-detail--sentence .mi-contribution-gesture { background: #101c20 url("sentence-paper-texture-v015ad.png?build=20261102-v024-clock-arrival1") center / cover; color: #e5d08b; }
.imprint-dialog--member .mi-contribution-detail--canvas .mi-contribution-gesture { background: #f4ecdc; color: #a3503a; box-shadow: inset 0 0 0 1px #dfd0b9, inset 0 0 0 4px #faf6ec; }
.imprint-dialog--member .mi-contribution-detail--clock .mi-contribution-gesture { background: #09141c; color: #acd9ef; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-contribution-gesture > .mi-gesture { color: inherit; font: inherit; letter-spacing: inherit; }
.imprint-dialog--member .mi-contribution-gesture .mi-color-chips { justify-content: center; flex-wrap: nowrap; gap: 8px; max-width: 100%; }
.imprint-dialog--member .mi-contribution-gesture .mi-color-chips i { flex: 0 1 54px; width: 54px; height: auto; aspect-ratio: 1; border: 1px solid #24241f18; border-radius: 2px; }
.imprint-dialog--member .mi-contribution-result { margin: 17px 0; color: #5d6753; font: 400 13px/1.5 Arial, Helvetica, sans-serif; text-align: center; }
.imprint-dialog--member .mi-contribution-coordinates { margin: 18px 0 0; border-top: 1px solid #ded7ca; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-contribution-coordinates summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 9px 2px; color: #726c60; cursor: pointer; }
.imprint-dialog--member .mi-contribution-coordinates summary::after { content: "+"; font-size: 18px; }
.imprint-dialog--member .mi-contribution-coordinates[open] summary::after { content: "−"; }
.imprint-dialog--member .mi-contribution-coordinates .mi-pixel-list { margin-top: 0; }
.imprint-dialog--member .mi-contribution-detail > .mi-button { display: flex; width: 100%; margin: 20px 0 0; border-radius: 10px; }
.imprint-dialog--member .mi-footer-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.imprint-dialog--member .mi-footer .mi-demo-button { color: #6f6b5f; }
.imprint-dialog--auth .mi-auth-preview .mi-demo-button { min-height: 44px; margin-top: 5px; padding: 5px 0; font-size: 12px; }
@media (max-width: 600px) {
  .imprint-dialog--member .mi-history-heading { padding: 17px 18px; gap: 12px; }
  .imprint-dialog--member .mi-history-title { font-size: 27px; }
  .imprint-dialog--member .mi-history-row { min-height: 80px; }
  .imprint-dialog--member .mi-gesture { font-size: 25px; }
  .imprint-dialog--member .mi-contribution-gesture { min-height: 166px; padding-inline: 16px; font-size: 39px; }
  .imprint-dialog--member .mi-contribution-gesture .mi-color-chips { gap: 6px; }
  .imprint-dialog--member .mi-contribution-gesture .mi-color-chips i { width: 40px; flex-basis: 40px; }
}
@media (max-width: 360px) {
  .imprint-dialog--member .mi-history-heading { padding: 16px; }
  .imprint-dialog--member .mi-history-title { font-size: 25px; }
  .imprint-dialog--member .mi-history-tools { width: 100%; }
  .imprint-dialog--member .mi-contribution-gesture { min-height: 150px; font-size: 34px; }
  .imprint-dialog--member .mi-contribution-gesture .mi-color-chips { gap: 4px; }
  .imprint-dialog--member .mi-contribution-gesture .mi-color-chips i { width: 32px; flex-basis: 32px; }
}

/* A personal journal, with the year as a quiet index into its real gestures. */
.imprint-dialog--member .mi-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.imprint-dialog--member .mi-journal {
  --mi-calendar-ink: #343630;
  --mi-result-sentence: #c3a04a;
  --mi-result-canvas: #a3503a;
  --mi-result-clock: #42758a;
  --mi-result-review: #345b2d;
  --mi-result-journey: #17584b;
  --mi-result-pact: #6c6254;
  --mi-result-fallback: #8b7552;
}
.imprint-dialog--member .mi-journal-sidebar,
.imprint-dialog--member .mi-journal-main { min-width: 0; }
.imprint-dialog--member .mi-journal-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 8px; width: 100%; max-width: 430px; margin: 0 auto 10px; }
.imprint-dialog--member .mi-journal-controls { display: contents; }
.imprint-dialog--member .mi-journal-control { display: flex; align-items: center; min-width: 0; }
.imprint-dialog--member .mi-journal-filter { width: 100%; min-width: 0; max-width: 100%; min-height: 44px; padding: 8px 25px 8px 9px; border: 1px solid #cec6b8; border-radius: 10px; background: #fffcf5; color: #494d42; font: 400 13px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; }
.imprint-dialog--member .mi-journal-filter--year { width: 100px; }
.imprint-dialog--member:has(.mi-journal) .mi-nav { margin-bottom: 12px; }
.imprint-dialog--member:has(.mi-journal) .mi-footer { margin-top: 10px; }
@media (max-width: 600px) {
  .imprint-dialog--member .mi-journal-toolbar { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .imprint-dialog--member .mi-journal-filter--year { width: 80px; }
  .imprint-dialog--member .mi-view-switch { justify-self: stretch; }
  .imprint-dialog--member .mi-journal-control:not(.mi-journal-control--year) { grid-column: 1 / -1; }
}
.imprint-dialog--member .mi-journal-filter:hover { border-color: #959a88; color: #253c2d; }
.imprint-dialog--member .mi-view-switch { justify-self: stretch; display: flex; flex: 0 0 auto; gap: 2px; padding: 0; border: 1px solid #d4cdbf; border-radius: 9px; }
.imprint-dialog--member .mi-view-switch button { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 5px; min-height: 44px; min-width: 57px; padding: 8px 11px; border: 0; border-radius: 8px; background: transparent; color: #706b60; font: 400 14px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-view-switch button[aria-pressed="true"] { background: #24241f; color: #fffaf0; }
.imprint-dialog--member .mi-view-switch button:not([aria-pressed="true"]):hover { background: #e9e2d5; color: #24241f; }
.imprint-dialog--member .mi-journal-summary { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 8px; color: #797266; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal-list { margin: 0; padding: 0; list-style: none; }
.imprint-dialog--member .mi-journal-day-group { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 10px; padding: 2px 0; border-bottom: 1px solid #ded7ca; }
.imprint-dialog--member .mi-journal-day-heading { margin: 0; padding: 9px 0 0; color: #68665b; font: 400 13px/1.4 Arial, Helvetica, sans-serif; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-journal-day-heading time { display: block; }
.imprint-dialog--member .mi-journal-day-entries { min-width: 0; margin: 0; padding: 0; list-style: none; }
.imprint-dialog--member .mi-journal-day-group.is-day-view { display: block; padding-top: 0; border-bottom: 0; }
.imprint-dialog--member .mi-journal-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 10px; align-items: center; gap: 3px 8px; width: 100%; min-height: 44px; padding: 3px 2px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
.imprint-dialog--member .mi-journal-row:hover { background: #eee8dc; }
.imprint-dialog--member .mi-journal-gesture { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 10px; min-width: 0; }
.imprint-dialog--member .mi-journal-gesture .mi-gesture { color: #2f3e33; font-size: 23px; line-height: 1.2; overflow-wrap: anywhere; }
.imprint-dialog--member .mi-journal-gesture :is(small, .mi-journal-work) { display: block; margin: 0; color: #67685c; font: 400 13px/1.35 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal-draw { display: flex; flex-wrap: wrap; gap: 1px 8px; flex-basis: 100%; color: #777164; font: 400 11px/1.35 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal-chance { font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-journal-row.is-retained .mi-gesture--sentence { color: #957121; }
.imprint-dialog--member .mi-journal-row.is-retained .mi-gesture--canvas { color: #a3503a; }
.imprint-dialog--member .mi-journal-row.is-retained .mi-color-chips { padding: 2px; outline: 1px solid #a3503a; outline-offset: 2px; border-radius: 3px; }
.imprint-dialog--member .mi-result-check { width: 12px; height: 12px; margin-right: 4px; vertical-align: -1px; color: #957121; }
.imprint-dialog--member .mi-journal-row--canvas .mi-result-check { color: #a3503a; }
.imprint-dialog--member .mi-contribution-draw { margin: 0 0 16px; color: #777164; font: 400 13px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal-result { max-width: 120px; color: #686c5d; font: 400 12px/1.4 Arial, Helvetica, sans-serif; text-align: right; }
.imprint-dialog--member .mi-journal-arrow { color: #857a66; font: 400 20px/1 Arial, sans-serif; }
.imprint-dialog--member .mi-journal .mi-color-chips { flex-wrap: nowrap; gap: 4px; }
.imprint-dialog--member .mi-journal .mi-color-chips i { width: 20px; height: 20px; flex-basis: 20px; border-color: #24241f20; border-radius: 2px; }
.imprint-dialog--member .mi-journal .mi-pagination { align-items: center; margin: 12px 0 0; }
.imprint-dialog--member .mi-journal .mi-pagination .mi-button { min-height: 44px; padding: 8px 12px; border-radius: 9px; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal .mi-history-empty { padding: 27px 8px; }
.imprint-dialog--member .mi-journal-empty { margin: 0; padding: 26px 8px; color: #777164; font: 400 13px/1.5 Arial, Helvetica, sans-serif; text-align: center; }
.imprint-dialog--member .mi-journal-page { color: #797164; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-year-matrix { position: relative; display: grid; grid-template-columns: 24px repeat(12, minmax(0, 1fr)); width: 100%; max-width: 430px; margin: 2px auto 8px; }
.imprint-dialog--member .mi-year-axis { display: grid; grid-template-rows: 24px minmax(0, 1fr); color: #817a6e; font: 400 11px/1 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-year-axis-days { display: grid; grid-template-rows: repeat(31, 18px); align-items: center; justify-items: center; }
.imprint-dialog--member .mi-year-column { display: grid; grid-template-rows: 24px minmax(0, 1fr); align-content: start; min-width: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; }
.imprint-dialog--member .mi-year-month-button { display: grid; place-items: center; width: 100%; height: 100%; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; }
.imprint-dialog--member .mi-year-month-button:hover { background: #e9e2d57a; }
.imprint-dialog--member .mi-year-month-letter { align-self: center; color: #6b6c5e; font: 400 12px/1 Arial, Helvetica, sans-serif; text-align: center; }
.imprint-dialog--member .mi-year-column-days { display: grid; grid-template-rows: repeat(31, 18px); align-items: stretch; justify-items: stretch; }
.imprint-dialog--member .mi-year-day { position: relative; display: grid; place-items: center; width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; }
.imprint-dialog--member .mi-year-day:not(:disabled):hover { background: #e9e2d57a; }
.imprint-dialog--member .mi-year-day:disabled { opacity: 1; }
.imprint-dialog--member .mi-year-day.is-invalid { visibility: hidden; }
.imprint-dialog--member .mi-year-dot { display: block; width: 12px; height: 12px; border-radius: 50%; background: #d1cabb; }
.imprint-dialog--member .mi-year-dot.is-active { background: var(--mi-calendar-ink); }
.imprint-dialog--member .mi-year-dot.is-selected { background: var(--mi-result-color, var(--mi-result-fallback)); }
.imprint-dialog--member .mi-year-dot.is-future { background: #e0d9cc; }
.imprint-dialog--member .mi-year-dot.is-invalid { visibility: hidden; }
.imprint-dialog--member .mi-year-dot.is-today { outline: 1px solid var(--mi-calendar-ink); outline-offset: 2px; }
.imprint-dialog--member .mi-year-month-select { display: none; width: 100%; min-height: 44px; padding: 8px 30px 8px 12px; margin: 6px 0 6px; border: 1px solid #c9c2b5; border-radius: 9px; background: transparent; color: #555b4b; font: 400 13px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-year-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 17px; color: #777164; font: 400 11px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-year-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.imprint-dialog--member .mi-year-legend i { width: 7px; height: 7px; border-radius: 50%; background: #d1cabb; }
.imprint-dialog--member .mi-year-legend i.is-active { background: var(--mi-calendar-ink); }
.imprint-dialog--member .mi-year-legend i.is-selected { background: var(--mi-result-color, var(--mi-result-sentence)); }
.imprint-dialog--member .mi-year-legend i.is-today { background: transparent; outline: 1px solid var(--mi-calendar-ink); outline-offset: 1px; }
.imprint-dialog--member .mi-year-dot.is-multi-selected,
.imprint-dialog--member .mi-year-legend i.is-multi-selected {
  background-color: var(--mi-result-color, var(--mi-result-sentence));
  background-image: var(--mi-year-palette, linear-gradient(90deg, var(--mi-result-sentence) 0% 50%, var(--mi-result-canvas) 50% 100%));
  background-size: calc(var(--mi-year-color-count, 2) * 100%) 100%;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  box-shadow: none;
  animation: mi-year-colors var(--mi-year-cycle, 1.8s) steps(var(--mi-year-color-count, 2), end) infinite;
}
/* Each step reveals one complete solid band; the final step wraps to the first. */
@keyframes mi-year-colors {
  from { background-position-x: 0%; }
  to { background-position-x: var(--mi-year-shift, 200%); }
}
.imprint-dialog--member .mi-year-tooltip {
  position: absolute; z-index: 6; left: var(--mi-tip-left, 0px); top: var(--mi-tip-top, 0px);
  display: none; gap: 2px; width: max-content; max-width: min(220px, calc(100vw - 96px));
  padding: 7px 9px; border: 1px solid #d0c6b6; border-radius: 7px;
  background: #fffcf5; color: #494b40; box-shadow: 0 2px 7px #302b2114;
  font: 400 11px/1.4 Arial, Helvetica, sans-serif; text-align: left;
  visibility: hidden; opacity: 0; pointer-events: none;
}
.imprint-dialog--member .mi-year-tooltip::after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 6px; }
.imprint-dialog--member .mi-year-day.is-tooltip-below .mi-year-tooltip::after { top: auto; bottom: 100%; }
.imprint-dialog--member .mi-year-tooltip-date { color: #343630; font-weight: 600; }
.imprint-dialog--member .mi-year-tooltip-meta { color: #777164; }
.imprint-dialog--member .mi-year-tooltip-result { color: #494b40; }
.imprint-dialog--member .mi-year-day.is-tooltip-measuring .mi-year-tooltip { display: grid; }
.imprint-dialog--member .mi-year-day:is(:hover, :focus-visible) .mi-year-tooltip { display: grid; visibility: visible; opacity: 1; pointer-events: auto; }
.imprint-dialog--member .mi-year-day.is-tooltip-dismissed .mi-year-tooltip { display: none; visibility: hidden; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .imprint-dialog--member .mi-year-dot.is-multi-selected,
  .imprint-dialog--member .mi-year-legend i.is-multi-selected {
    animation: none !important; background-size: 100% 100%; background-position: 0% 0%;
  }
}
.imprint-dialog--member .mi-calendar-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; margin: 0 0 10px; }
.imprint-dialog--member .mi-calendar-heading h3 { color: #354635; font: 400 24px/1.2 var(--pluritual-serif, Georgia, serif); letter-spacing: -.4px; }
.imprint-dialog--member .mi-calendar-heading :is(p, small) { color: #777164; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-calendar-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: -3px 0 5px; padding: 6px 0; border: 0; background: transparent; color: #6e685b; font: 400 12px/1.4 Arial, Helvetica, sans-serif; text-decoration: none; }
.imprint-dialog--member .mi-calendar-back:hover { color: #24241f; }
.imprint-dialog--member .mi-month-days { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.imprint-dialog--member .mi-month-day { display: grid; align-content: center; gap: 4px; width: 100%; min-height: 68px; padding: 10px; border: 1px solid #d8cfc0; border-radius: 10px; background: #eee8dc; text-align: left; }
.imprint-dialog--member .mi-month-day:hover { background: #e4dfcf; border-color: #a99b83; }
.imprint-dialog--member .mi-month-day time { color: #354b38; font: 400 14px/1.35 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-month-day :is(span, small) { color: #797164; font: 400 11px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-journal :is(button, select):focus-visible { outline: 2px solid var(--mi-focus); outline-offset: 3px; }
.imprint-dialog--member .mi-journal :is(.mi-year-day, .mi-year-month-button):focus-visible { outline: 1px solid var(--mi-focus); outline-offset: -1px; background: #e9e2d57a; }
@media (max-width: 600px) {
  .imprint-dialog--member .mi-journal-day-group { grid-template-columns: 46px minmax(0, 1fr); gap: 9px; padding-block: 2px; }
  .imprint-dialog--member .mi-journal-day-heading { padding-top: 9px; font-size: 12px; }
  .imprint-dialog--member .mi-journal-row { grid-template-columns: minmax(0, 1fr) 10px; gap: 2px 7px; min-height: 50px; padding: 6px 2px; }
  .imprint-dialog--member .mi-journal-gesture { grid-column: 1; grid-row: 1; }
  .imprint-dialog--member .mi-journal-result { grid-column: 1; grid-row: 2; max-width: none; text-align: left; }
  .imprint-dialog--member .mi-journal-arrow { grid-column: 2; grid-row: 1 / 3; }
  .imprint-dialog--member .mi-journal-gesture .mi-gesture { font-size: 22px; }
  .imprint-dialog--member .mi-journal-gesture { gap: 1px 8px; }
  .imprint-dialog--member .mi-journal-gesture :is(small, .mi-journal-work) { font-size: 13px; }
  .imprint-dialog--member .mi-year-matrix { grid-template-columns: 20px repeat(12, minmax(0, 1fr)); margin-top: 2px; }
  .imprint-dialog--member .mi-year-axis { grid-template-rows: 23px minmax(0, 1fr); }
  .imprint-dialog--member .mi-year-axis-days { grid-template-rows: repeat(31, 16px); }
  .imprint-dialog--member .mi-year-column { grid-template-rows: 23px minmax(0, 1fr); }
  .imprint-dialog--member .mi-year-column-days { grid-template-rows: repeat(31, 16px); }
  .imprint-dialog--member .mi-year-dot { width: 10px; height: 10px; }
  .imprint-dialog--member .mi-year-month-select { display: block; }
  .imprint-dialog--member .mi-month-days { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 360px) {
  .imprint-dialog--member .mi-year-matrix { grid-template-columns: 18px repeat(12, minmax(0, 1fr)); }
  .imprint-dialog--member .mi-year-axis { font-size: 10px; }
  .imprint-dialog--member :is(.mi-year-column-days, .mi-year-axis-days) { grid-template-rows: repeat(31, 15px); }
  .imprint-dialog--member .mi-year-dot { width: 9px; height: 9px; }
  .imprint-dialog--member .mi-year-month-letter { font-size: 11px; }
  .imprint-dialog--member .mi-month-day { padding-inline: 8px; }
}

/* Quiet stacked works share the calendar's width. A selected work restores its own material. */
.imprint-dialog--member .mi-work-filters { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; width: 100%; max-width: 430px; margin: 0 auto 12px; border: 1px solid #ded7ca; border-radius: 11px; background: #fffcf54d; }
.imprint-dialog--member .mi-work-filter { --mi-work-ink: #174f42; position: relative; display: grid; grid-template-columns: minmax(0,1fr) 14px; align-items: center; gap: 10px; min-width: 0; min-height: 46px; padding: 8px 14px; border: 0; border-bottom: 1px solid #e3dcd0; border-radius: 0; background: transparent; color: #494b40; text-align: left; cursor: pointer; transition: background-color 160ms ease, color 160ms ease; }
.imprint-dialog--member .mi-work-filter:first-child { border-radius: 10px 10px 0 0; }
.imprint-dialog--member .mi-work-filter:last-child { border-bottom: 0; border-radius: 0 0 10px 10px; }
.imprint-dialog--member .mi-work-filter--sentence { --mi-work-ink: #8b6b26; }
.imprint-dialog--member .mi-work-filter--canvas { --mi-work-ink: #a3503a; }
.imprint-dialog--member .mi-work-filter--clock { --mi-work-ink: #42758a; }
.imprint-dialog--member .mi-work-filter-name { font: 400 22px/1.2 var(--pluritual-serif, Georgia, serif); letter-spacing: -.4px; }
.imprint-dialog--member .mi-work-filter-name { color: var(--mi-work-ink); white-space: nowrap; }
.imprint-dialog--member .mi-work-filter-impact { text-align: right; font: 400 13px/1.35 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-work-filter[aria-pressed="true"] { background: #e8eddf; color: #174f42; }
.imprint-dialog--member .mi-work-filter--sentence[aria-pressed="true"] { background: #101c20 url("sentence-paper-texture-v015ad.png?build=20261102-v024-clock-arrival1") center / cover; color: #e5d08b; }
.imprint-dialog--member .mi-work-filter--canvas[aria-pressed="true"] { background: #f0e4cf; color: #a3503a; }
.imprint-dialog--member .mi-work-filter--clock[aria-pressed="true"] { background: #09141c; color: #acd9ef; }
.imprint-dialog--member .mi-work-filter[aria-pressed="true"] .mi-work-filter-name { color: inherit; }
.imprint-dialog--member .mi-work-filter-check { grid-column: 2; width: 14px; height: 14px; }
.imprint-dialog--member .mi-work-breakdown { display: grid; grid-column: 1 / -1; gap: 7px; width: 100%; padding-top: 10px; margin-top: 3px; border-top: 1px solid currentColor; border-color: color-mix(in srgb,currentColor 25%,transparent); font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-work-metric { display: flex; justify-self: stretch; width: 100%; align-items: baseline; justify-content: space-between; gap: 8px; text-align: left; }
.imprint-dialog--member .mi-work-metric strong { font-weight: 400; font-size: 14px; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-work-sample { opacity: .7; font-size: 10px; }
.imprint-dialog--member .mi-work-filter:not([aria-pressed="true"]):hover { background: #ede8dd; }
.imprint-dialog--member .mi-work-filter:focus-visible { outline-offset: -3px; }
.imprint-dialog--member .mi-all-works { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; padding: 9px 14px; border: 0; border-bottom: 1px solid #e3dcd0; border-radius: 10px 10px 0 0; background: transparent; color: #24241f; font: 550 20px/1.2 "Pluritual Rounded", Arial, sans-serif; text-align: left; }
.imprint-dialog--member .mi-all-works[aria-pressed="true"] { background: #24241f; border-color: #24241f; color: #fffaf0; }
.imprint-dialog--member .mi-all-works .mi-work-filter-check { width: 14px; height: 14px; }
.imprint-dialog--member .mi-all-works:not([aria-pressed="true"]):hover { background: #ede8dd; }
.imprint-dialog--member .mi-account-shortcuts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.imprint-dialog--member .mi-account-shortcut { display: grid; grid-template-columns: 24px minmax(0,1fr) 10px; align-items: center; gap: 11px; min-height: 104px; width: 100%; padding: 18px 14px; border: 1px solid #dbd3c5; border-radius: 12px; background: #fffcf580; color: #34362f; text-align: left; }
.imprint-dialog--member .mi-account-shortcut:hover { background: #fffcf5; border-color: #b5ad9e; }
.imprint-dialog--member .mi-account-shortcut > .mi-icon { width: 23px; height: 23px; color: #655f50; }
.imprint-dialog--member .mi-account-shortcut strong { display: block; font: 400 15px/1.35 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-account-shortcut small { display: block; margin-top: 5px; color: #7b7568; font: 400 12px/1.4 Arial, Helvetica, sans-serif; }
.imprint-dialog--member .mi-shortcut-arrow { color: #8b8374; font: 19px/1 Arial,sans-serif; }
@media (max-width: 600px) {
  .imprint-dialog--member .mi-work-filter { padding: 8px 10px; min-height: 44px; gap: 8px; }
  .imprint-dialog--member .mi-work-filter-name { font-size: 20px; }
  .imprint-dialog--member .mi-work-filter-impact { font-size: 12px; }
  .imprint-dialog--member .mi-view-switch button { min-width: 0; padding-inline: 8px; font-size: 12px; }
  .imprint-dialog--member .mi-all-works { font-size: 19px; padding-inline: 10px; }
  .imprint-dialog--member .mi-account-shortcuts { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .imprint-dialog--member .mi-account-shortcut { min-height: 76px; padding: 14px; }
}
@media (max-width: 360px) {
  .imprint-dialog--member .mi-profile-summary { gap: 3px; margin-bottom: 14px; }
  .imprint-dialog--member .mi-work-filter-name { font-size: 18px; }
  .imprint-dialog--member .mi-work-filter-impact { font-size: 12px; }
  .imprint-dialog--member .mi-journal-toolbar { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .imprint-dialog--member .mi-journal-filter--year { width: 72px; padding-inline: 7px; }
  .imprint-dialog--member .mi-all-works { padding-inline: 6px; font-size: 11px; }
  .imprint-dialog--member .mi-view-switch button { padding-inline: 6px; }
}

.imprint-dialog--member .mi-brand img.mi-round-mark { width: 54px; height: 54px; }
.imprint-dialog--member .mi-year-view .mi-year-legend { width: 100%; max-width: 430px; margin-inline: auto; }

/* On a wide screen, the works and controls sit beside the whole year. */
@media (min-width: 800px) {
  .imprint-dialog--member:has(.mi-journal) { width: min(780px, calc(100vw - 48px)); }
  .imprint-dialog--member .mi-journal { display: grid; grid-template-columns: 230px 430px; align-items: start; justify-content: center; gap: 28px; }
  .imprint-dialog--member .mi-journal-sidebar { padding-top: 2px; }
  .imprint-dialog--member .mi-work-filters { margin-bottom: 16px; }
  .imprint-dialog--member .mi-work-filter { grid-template-columns: minmax(0,1fr) 14px; gap: 4px 8px; padding: 12px 14px; }
  .imprint-dialog--member .mi-work-filter-name { grid-column: 1; grid-row: 1; }
  .imprint-dialog--member .mi-work-filter-impact { grid-column: 1; grid-row: 2; text-align: left; font-size: 12px; }
  .imprint-dialog--member .mi-work-filter-check { grid-column: 2; grid-row: 1 / 3; }
  .imprint-dialog--member .mi-journal-toolbar { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .imprint-dialog--member .mi-view-switch { grid-column: 1 / -1; }
  .imprint-dialog--member .mi-journal-control--year { grid-column: 1 / -1; }
  .imprint-dialog--member .mi-journal-filter--year { width: 100%; }
}
.imprint-dialog--member .mi-view-switch button .mi-icon { width: 12px; height: 12px; }
@media (max-width: 600px) { .imprint-dialog--member .mi-brand img.mi-round-mark { width: 44px; height: 44px; } .imprint-dialog--member .mi-view-switch button { gap: 3px; } }
@media (max-width: 360px) { .imprint-dialog--member .mi-brand img.mi-round-mark { width: 36px; height: 36px; } .imprint-dialog--member .mi-view-switch button { padding-inline: 4px; gap: 2px; } }

/* The year scopes the work summaries and history from their shared header. */
.imprint-dialog--member .mi-work-header { display: grid; grid-template-columns: minmax(0,1fr) 82px; border-bottom: 1px solid #e3dcd0; }
.imprint-dialog--member .mi-work-header .mi-all-works { border-bottom: 0; border-radius: 10px 0 0 0; min-width: 0; }
.imprint-dialog--member .mi-work-year { display: flex; align-items: stretch; min-width: 0; border-left: 1px solid #e3dcd0; border-radius: 0 10px 0 0; overflow: hidden; }
.imprint-dialog--member .mi-work-year select { width: 100%; min-width: 0; min-height: 44px; border: 0; padding: 8px 6px; color: #494b40; background: transparent; font: 400 13px/1.4 Arial,Helvetica,sans-serif; font-variant-numeric: tabular-nums; cursor: pointer; }
.imprint-dialog--member .mi-work-year select:hover { background: #ede8dd; }
.imprint-dialog--member .mi-work-header .mi-all-works span:first-child { white-space: nowrap; }

.imprint-dialog--member .mi-badge-group { margin-top: 16px; }
.imprint-dialog--member .mi-badge-group:first-child { margin-top: 0; }
.imprint-dialog--member .mi-badge-group header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #ded7ca; margin-bottom: 7px; }
.imprint-dialog--member .mi-badge-group h3 { margin: 0; color: #24241f; font: 400 20px/1.2 var(--pluritual-serif,Georgia,serif); }
.imprint-dialog--member .mi-badge-group--general h3 { font-family: var(--pluritual-brand,Arial,sans-serif); font-weight: 700; font-size: 18px; }
.imprint-dialog--member .mi-badge-group header > span { font: 400 11px/1.4 Arial,Helvetica,sans-serif; color: #777164; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-badge-group--sentence h3 { color: #8b6b26; }
.imprint-dialog--member .mi-badge-group--canvas h3 { color: #a3503a; }
.imprint-dialog--member .mi-badge-group--clock h3 { color: #42758a; }
.imprint-dialog--member .mi-badge-group--canvas .mi-badge-card.is-earned .mi-badge-icon { background: #f1dfd2; border-color: #c8967e; color: #a3503a; }
.imprint-dialog--member .mi-badge-group--clock .mi-badge-card.is-earned .mi-badge-icon { background: #dde9ee; border-color: #9bb9c7; color: #42758a; }

.imprint-dialog--member .mi-work-filter-status { grid-column: 1; color: inherit; font: 400 11px/1.4 Arial,Helvetica,sans-serif; }
.imprint-dialog--member .mi-work-filter-check { grid-row: 1; }

/* Dense collection and optional country picker, 11 October. Family SVGs remain original. */
.imprint-dialog--member .mi-badge-group header { padding: 0; margin-bottom: 7px; }
.imprint-dialog--member .mi-badge-group h3 { width: 100%; }
.imprint-dialog--member .mi-badge-group-toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 3px 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
.imprint-dialog--member .mi-badge-group-count { margin-left: auto; color: #777164; font: 400 11px/1.4 Arial,Helvetica,sans-serif; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-badge-group-toggle > .mi-icon { width: 14px; height: 14px; color: #777164; transition: transform 200ms ease; }
.imprint-dialog--member .mi-badge-group-toggle[aria-expanded="false"] > .mi-icon { transform: rotate(-90deg); }
.imprint-dialog--member .mi-badge-group-body { overflow: hidden; }
.imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4px; }
.imprint-dialog--member .mi-badge-card { min-height: 102px; padding: 9px 2px; gap: 5px; }
.imprint-dialog--member .mi-badge-card strong { font-size: 11px; }
.imprint-dialog--member .mi-badge-card .mi-badge-icon { position: relative; width: 48px; height: 48px; }
.imprint-dialog--member .mi-badge-edition { position: absolute; right: -4px; top: -4px; display: grid; place-items: center; min-width: 19px; height: 17px; padding: 0 3px; border: 1px solid currentColor; border-radius: 4px; background: #f7f1e5; color: inherit; font: 500 9px/1 Arial,Helvetica,sans-serif; font-variant-numeric: tabular-nums; }
.imprint-dialog--member .mi-badge-card .mi-badge-edition { width: auto; max-width: none; }
.imprint-dialog .mi-country-field { position: relative; }
.imprint-dialog .mi-country-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; cursor: pointer; }
.imprint-dialog #mi-country-value { display: flex; align-items: center; gap: 10px; min-width: 0; }
.imprint-dialog .mi-country-toggle > .mi-icon { width: 16px; height: 16px; flex: 0 0 auto; }
.imprint-dialog .mi-country-popover { position: absolute; top: 100%; left: 0; right: 0; margin-top: 6px; padding: 8px; border: 1px solid #d2c7b5; border-radius: 10px; background: #fffcf5; box-shadow: 0 12px 32px #24241f26; z-index: 15; }
.imprint-dialog .mi-country-list { max-height: min(220px,30vh); overflow-y: auto; overscroll-behavior: contain; margin-top: 6px; }
.imprint-dialog .mi-country-list [role="option"] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 7px 9px; border: 0; border-radius: 5px; background: transparent; color: #24241f; text-align: left; font: 400 14px/1.3 Arial,Helvetica,sans-serif; }
.imprint-dialog .mi-country-list [role="option"][hidden] { display: none; }
.imprint-dialog .mi-country-list [role="option"]:is(:hover,:focus-visible,[aria-selected="true"]) { background: #ebe5d8; }
.imprint-dialog .mi-country-empty { margin: 12px 9px; color: #777164; font-size: 13px; }
.imprint-dialog .mi-identity-description { margin-bottom: 20px; }
.imprint-dialog .mi-settings-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.imprint-dialog .mi-settings-heading .mi-subtitle { margin: 0; }
.imprint-dialog .mi-settings-heading .mi-back { flex: 0 0 auto; min-height: 44px; margin: 0; }
@media(max-width:600px) { .imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .imprint-dialog--member .mi-badge-card strong { font-size: 12px; } .imprint-dialog .mi-settings-heading { flex-wrap: wrap; gap: 6px; } }
@media(max-width:360px) { .imprint-dialog--member .mi-badge-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .imprint-dialog--member .mi-badge-group-toggle > .mi-icon { transition: none; } }

.imprint-dialog .mi-country-popover { position: fixed; right: auto; margin: 0; box-sizing: border-box; }

/* The same work symbols identify navigation and contribution filters. */
.imprint-dialog--member .mi-work-filter {grid-template-columns:minmax(0,1fr) 24px;}
.imprint-dialog--member .mi-module-symbol {grid-column:2;grid-row:1;align-self:center;justify-self:end;display:block;width:24px;height:24px;opacity:.7;}
.imprint-dialog--member .mi-module-symbol svg {display:block;width:24px;height:24px;}
.imprint-dialog--member .mi-work-filter[aria-pressed="true"] .mi-module-symbol {opacity:1;}
.imprint-dialog--member .mi-module-symbol {color:var(--mi-work-ink);}
.imprint-dialog--member .mi-work-filter[aria-pressed="true"] .mi-module-symbol {color:inherit;}