/* The same worn folio as the cover: warm fibres, quiet creases, readable ink. */
#mha-familienkarte {
  background:linear-gradient(110deg,#f7efdd70,#f7efdd80 45%,#f0e1c466),var(--mha-paper-image) center / 1100px,#e6d2ac;
}
#mha-familienkarte .mha-cover-clean-paper {
  background-image:url('/assets/images/family-map-login.svg'),url('/assets/images/aged-paper.webp');
  background-size:100% 100%,680px auto;
  background-blend-mode:multiply;
  clip-path:polygon(.8% .9%,25.7% .3%,49.7% .8%,74.3% .2%,99.3% .9%,98.7% 29.7%,99.8% 48.9%,99% 74.8%,99.7% 99.3%,76.5% 99%,49.5% 99.8%,23.2% 99%,.5% 99.7%,1.2% 72.8%,.2% 49.2%,1% 27.3%);
}
#mha-familienkarte .mha-cover-clean-paper::after {
  content:'';position:absolute;inset:2%;pointer-events:none;
  background:linear-gradient(7deg,transparent 48%,#59391615 49.7%,#fff2d245 50%,transparent 50.5%),linear-gradient(97deg,transparent 48%,#51371917 49.7%,#fff4d833 50.2%,transparent 51%);
  box-shadow:inset 0 0 45px #6c441f30;
}
#mha-familienkarte .mha-chapter-plan {opacity:.105}
#mha-familienkarte .mha-account {gap:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
#mha-familienkarte .mha-account-logout {display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#71313a;border:1.5px solid #71313a88;background:#f4e6cd95;font-size:14px}
#mha-familienkarte .mha-account-logout[hidden] {display:none}
#mha-familienkarte .mha-room-nav {margin:3px 0;border:0;min-width:0}
#mha-familienkarte .mha-room-nav>summary {display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 8px;cursor:pointer;list-style:none;font-size:14px;font-weight:650;border-radius:5px;color:var(--mha-ink)}
#mha-familienkarte .mha-room-nav>summary::-webkit-details-marker {display:none}
#mha-familienkarte .mha-room-nav>summary>svg {width:19px;height:19px;flex:none}
#mha-familienkarte .mha-room-nav>summary>svg:last-child {width:14px;margin-left:auto;transition:transform .18s}
#mha-familienkarte .mha-room-nav[open]>summary>svg:last-child {transform:rotate(180deg)}
#mha-familienkarte .mha-room-nav>summary:hover {background:#8a653017}
#mha-familienkarte .mha-room-nav:has([aria-current=page])>summary {color:#34564c}
#mha-familienkarte .mha-room-pages {margin:0 0 6px 16px;padding-left:8px;border-left:1px solid #79623c66;display:grid;gap:3px}
#mha-familienkarte .mha-room-pages>button {width:100%;text-align:left;min-height:40px;gap:9px;padding:8px 6px;font-size:13px}
#mha-familienkarte .mha-room-subgroup {display:grid;gap:3px;min-width:0}
#mha-familienkarte .mha-room-subpages {display:grid;gap:3px;margin-left:13px;padding-left:8px;border-left:1px solid #79623c40}
#mha-familienkarte .mha-room-pages :is(.mha-room-subgroup>button,.mha-room-subpages>button) {width:100%;text-align:left;min-height:40px;gap:9px;padding:8px 6px;font-size:13px}
#mha-familienkarte .mha-trophy-collection {display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0 26px;padding:20px 0;border-block:1px solid #826c4855}
#mha-familienkarte .mha-trophy-collection>svg {width:34px;height:39px;color:#792f36}
#mha-familienkarte .mha-trophy-collection>div {flex:1;min-width:min(200px,100%)}
#mha-familienkarte .mha-trophy-collection h2 {font:400 29px var(--mha-hand);margin-bottom:4px}
#mha-familienkarte .mha-more-grid {display:block}
#mha-familienkarte .mha-more-grid :is(button,.mha-room-nav>summary) {width:100%;min-height:48px;padding:12px 10px;font:600 15px/1.5 'Manrope',sans-serif;gap:12px}
#mha-familienkarte .mha-more-grid .mha-room-nav>summary>svg:first-child {width:22px;height:22px;flex:0 0 22px}
#mha-familienkarte .mha-mobile-nav button {font-weight:600}
#mha-familienkarte .mha-mobile-nav button.mha-mobile-map{align-self:center;justify-self:center;width:48px;height:48px;min-height:48px;border:1px solid #796448;border-radius:50%;background:#efe2c4;box-shadow:inset 0 0 0 3px #f8eed8;transform:translateY(-9px)}
#mha-familienkarte .mha-mobile-nav button.mha-mobile-map[aria-current=page]{background:#dce0c5;color:#34564c}
#mha-familienkarte .mha-wishes>label {display:grid;justify-items:start;gap:8px;margin-top:20px}
#mha-familienkarte .mha-wishes>label>.mha-select {margin:0;max-width:100%;min-height:44px}
#mha-familienkarte .mha-profile-assignment {margin-top:5px;color:#34564c;font-weight:600}
#mha-familienkarte .mha-recipe-library {margin-top:34px;padding-top:22px;border-top:2px solid #78623e66}
#mha-familienkarte .mha-recipe-library>.mha-tools {align-items:end;margin:18px 0;gap:16px}
#mha-familienkarte .mha-recipe-library label {font-size:13px;display:grid;gap:5px;min-width:0}
#mha-familienkarte .mha-recipe-group {margin:24px 0}
#mha-familienkarte .mha-recipe-group>h3 {font:400 28px/1.3 var(--mha-hand);display:flex;gap:12px;align-items:center;margin-bottom:12px}
#mha-familienkarte .mha-recipe-group>h3 small {font:13px 'Manrope',sans-serif;color:var(--mha-muted)}
#mha-familienkarte .mha-recipe-strip {display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
#mha-familienkarte .mha-recipe-mini {display:grid;grid-template-columns:55px minmax(0,1fr) 12px;gap:10px;align-items:center;text-align:left;padding:9px;min-height:88px;background:#f7ecd5b8;border:1px solid #7e694661;border-radius:3px 7px 4px 5px;box-shadow:1px 3px 0 #6c502012;cursor:grab;color:var(--mha-ink);font-family:inherit}
#mha-familienkarte .mha-recipe-mini:active {cursor:grabbing}
#mha-familienkarte .mha-recipe-mini strong {display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#mha-familienkarte .mha-recipe-mini small {display:block;font-size:11px;margin-top:5px;color:var(--mha-muted)}
#mha-familienkarte .mha-recipe-mini>svg {width:12px;color:var(--mha-muted)}
#mha-familienkarte .mha-recipe-mini-image {width:55px;height:60px;display:grid;place-items:center}
#mha-familienkarte .mha-recipe-mini-image img {width:100%;height:100%;object-fit:contain}
#mha-familienkarte .mha-recipe-mini-image svg {width:30px;height:30px}
#mha-familienkarte .mha-meal-day {min-height:168px;padding:16px;background:#f9f0da55;border:1px solid #826c4855;border-radius:2px 6px 4px 2px}
#mha-familienkarte .mha-meal-day>h2 {font-size:29px;margin-top:0}
#mha-familienkarte .mha-meal-day .mha-row {flex-direction:column;align-items:stretch;gap:12px}
#mha-familienkarte .mha-meal-day .mha-row>div:first-child {flex:auto;width:100%}
#mha-familienkarte .mha-meal-day .mha-row strong {font-size:16px;line-height:1.4}
#mha-familienkarte .mha-meal-day .mha-row small {text-transform:none;letter-spacing:0;line-height:1.5;margin-top:5px}
#mha-familienkarte .mha-meal-day .mha-empty {font-size:21px}
#mha-familienkarte.is-planning-recipe .mha-meal-day {border:2px dashed #34564c88}
#mha-familienkarte .mha-meal-day.is-drop-target {background:#b8c3a780;outline:3px solid #34564c;outline-offset:2px}
#mha-familienkarte .mha-shared-recipe {padding:20px 0;border-bottom:1px solid #826c4855}
#mha-familienkarte .mha-shared-recipe>img {max-width:180px;max-height:130px;object-fit:contain;float:right}
#mha-familienkarte .mha-shared-recipe .mha-form-actions {clear:both}
#mha-familienkarte .mha-task-card {min-height:112px;padding:18px 15px;margin:14px 0;gap:12px;border:1px solid #715c3b66;border-left:4px solid #607651;border-radius:4px 9px 6px 3px;background:linear-gradient(#f9efdad4,#f5e8cacc),url('/assets/images/aged-paper.webp') center/650px;box-shadow:1px 4px 0 #72542916}
#mha-familienkarte .mha-task-card>.mha-inline-check {flex:1;gap:16px;align-items:center;min-width:0;cursor:pointer}
#mha-familienkarte .mha-task-card input[type=checkbox] {width:30px;height:30px;min-width:30px;accent-color:#34564c;cursor:pointer}
#mha-familienkarte .mha-task-card .mha-inline-check>span {display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 12px;align-items:center;min-width:0}
#mha-familienkarte .mha-task-art {grid-row:1/3;font-size:34px;display:grid;place-items:center;width:48px}
#mha-familienkarte .mha-task-art img {width:48px;height:60px;object-fit:contain}
#mha-familienkarte .mha-task-title {font:650 17px/1.45 'Manrope',sans-serif;overflow-wrap:anywhere}
#mha-familienkarte .mha-task-card small {grid-column:2;font-size:13px;color:#5b4a33}
#mha-familienkarte .mha-task-card.is-complete {opacity:.65;border-left-color:#977d4f}
#mha-familienkarte .mha-task-card.is-complete .mha-task-title {text-decoration:line-through}
#mha-familienkarte .mha-task-card.has-person-colors {position:relative;border-left-color:transparent;background:var(--task-people-tint),linear-gradient(#f9efdad4,#f5e8cacc),url('/assets/images/aged-paper.webp') center/650px}
#mha-familienkarte .mha-task-card.has-person-colors::before {content:'';position:absolute;left:-4px;top:-1px;bottom:-1px;width:5px;border-radius:4px 0 0 3px;background:var(--task-people-stripe)}
#mha-familienkarte .mha-task-assignees>span {display:inline-flex;align-items:center;gap:5px}
#mha-familienkarte .mha-task-person-dot {display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
#mha-familienkarte .mha-task-card>.mha-icon-button {flex:none}
#mha-familienkarte .mha-task-dayparts {display:block}
#mha-familienkarte [data-task-days] {touch-action:pan-y pinch-zoom}
#mha-familienkarte .mha-task-day-nav {display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;margin:22px 0 18px}
#mha-familienkarte .mha-task-selected-day {text-align:center;font-weight:600;font-size:16px}
#mha-familienkarte .mha-task-swipe-hint {display:none}
@media(max-width:619px) {
  #mha-familienkarte .mha-task-day-nav {grid-template-columns:1fr auto 1fr;gap:10px;margin-bottom:10px}
  #mha-familienkarte .mha-task-selected-day {grid-row:1;grid-column:1/-1}
  #mha-familienkarte [data-task-day="today"] {grid-row:2;grid-column:2}
  #mha-familienkarte [data-task-day="1"] {grid-row:2;grid-column:3}
  #mha-familienkarte .mha-task-swipe-hint {display:block;font-size:12px;color:var(--mha-muted);margin-bottom:18px}
}
#mha-familienkarte .mha-task-dayparts>.mha-shelf {min-height:0;padding:16px 0;margin:20px 0}
#mha-familienkarte .mha-task-dayparts>.mha-shelf>h2 {margin:0 0 10px}
#mha-familienkarte .mha-task-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
#mha-familienkarte .mha-task-cards .mha-task-card {margin:0}
#mha-familienkarte .mha-task-cards .mha-empty {min-height:0;margin:0;padding:6px 0;text-align:left;font-size:21px}
#mha-familienkarte .mha-wish-category {margin-top:24px}
#mha-familienkarte .mha-wish-category>h3 {font:400 29px var(--mha-hand);margin-bottom:8px}
#mha-familienkarte .mha-wish-quantity {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0;font-size:13px}
#mha-familienkarte .mha-wish-quantity select {min-height:44px}
#mha-familienkarte .mha-redeem-amount {font:400 34px var(--mha-hand);text-align:center}
#mha-familienkarte [data-reward-units] {margin-top:16px;padding:15px;border:1px solid #826c4866}
#mha-familienkarte .mha-year-intro {font:400 26px/1.4 var(--mha-hand);max-width:800px}
#mha-familienkarte .mha-year-people {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin:25px 0}
#mha-familienkarte .mha-year-person {text-align:center;padding:16px 10px;border-block:1px solid #826c4855;background:#f6e8cc40}
#mha-familienkarte .mha-year-person h2 {margin:0;font:400 30px var(--mha-hand)}
#mha-familienkarte .mha-year-glasses {display:flex;justify-content:center;gap:12px}
#mha-familienkarte .mha-year-glasses>div {display:flex;flex-direction:column;align-items:center;max-width:110px}
#mha-familienkarte .mha-year-glasses .mha-treasure-glass {width:100%;max-width:105px;height:220px}
#mha-familienkarte .mha-year-glasses strong {font:400 30px var(--mha-hand)}
#mha-familienkarte .mha-year-glasses span {font-size:12px}
#mha-familienkarte .mha-year-person p {font-size:12px;margin-top:15px}
#mha-familienkarte .mha-year-charts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
#mha-familienkarte .mha-year-chart {margin:20px 0;min-width:0;background:#fbf0d570;border:1px solid #826c4855;padding:18px 10px}
#mha-familienkarte .mha-year-chart figcaption {font:400 26px var(--mha-hand);margin-bottom:15px}
#mha-familienkarte .mha-year-chart>svg {width:100%;height:auto;overflow:visible}
#mha-familienkarte .mha-year-chart text {font:12px 'Manrope',sans-serif;fill:#594932}
#mha-familienkarte .mha-chart-legend {display:flex;justify-content:center;flex-wrap:wrap;gap:10px 16px;font-size:12px}
#mha-familienkarte .mha-chart-legend>span {display:inline-flex;align-items:center;gap:6px}
#mha-familienkarte .mha-chart-legend svg {width:27px;height:10px}
#mha-familienkarte .mha-year-table summary {cursor:pointer;min-height:44px;padding:12px 0}
#mha-familienkarte .mha-table-scroll {overflow:auto}
#mha-familienkarte .mha-year-table table {width:100%;border-collapse:collapse;font-size:13px}
#mha-familienkarte .mha-year-table :is(th,td) {padding:10px;text-align:left;border-bottom:1px solid #826c4833}
#mha-familienkarte :is(.mha-room-nav>summary,.mha-recipe-mini):focus-visible {outline:2px solid #34564c;outline-offset:3px}
#mha-familienkarte .mha-turning-leaf-light {overflow:hidden;contain:layout paint;will-change:transform,opacity;background:#e6d2ac url('/assets/images/aged-paper.webp') center/1100px;box-shadow:12px 0 22px #4e38272b;pointer-events:none}
#mha-familienkarte .mha-turning-leaf-light::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#77533322,transparent 9%,transparent 88%,#77533318);pointer-events:none}
@media(max-width:1100px) {#mha-familienkarte .mha-year-charts {grid-template-columns:1fr}}
@media(max-width:760px) {
  #mha-familienkarte .mha-account-logout {display:none}
  #mha-familienkarte .mha-task-card {padding:14px 10px;min-height:115px}
  #mha-familienkarte .mha-task-card>.mha-inline-check {gap:10px}
  #mha-familienkarte .mha-task-card .mha-inline-check>span {grid-template-columns:35px minmax(0,1fr);gap:6px 8px}
  #mha-familienkarte .mha-task-art {width:35px;font-size:28px}
  #mha-familienkarte .mha-task-art img {width:35px}
  #mha-familienkarte .mha-task-title {font-size:16px}
  #mha-familienkarte .mha-task-card small {font-size:12px}
  #mha-familienkarte .mha-recipe-strip {grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
  #mha-familienkarte .mha-year-people {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #mha-familienkarte .mha-year-glasses {gap:2px}
  #mha-familienkarte .mha-year-glasses .mha-treasure-glass {height:150px}
  #mha-familienkarte .mha-year-person .mha-button {font-size:12px;padding:8px}
  #mha-familienkarte .mha-cover-login {inset:18% 12% 6%}
  #mha-familienkarte .mha-cover-login h2 {font-size:30px;line-height:1.05;margin-bottom:12px}
  #mha-familienkarte .mha-cover-login .mha-login-actions {margin-top:10px}
  #mha-familienkarte .mha-cover-login label {margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce) {#mha-familienkarte .mha-room-nav>summary>svg:last-child {transition:none}}