/* Design Bible v1.0 — measured Home/Transport materials. Opt-in physical grammar. */
:root {
  --planzzz-yellow: #e5b800; /* Home hero-logo-zzz; primary Bible reference. */
  --planzzz-cream: #f4ede2;
  --planzzz-paper: #fffdf8;
  --planzzz-black: #10100e;
  --planzzz-text: #17150f;
  --planzzz-muted: #625744;
  --planzzz-honey-light: #ffd95e;
  --planzzz-honey: #e79b13;
  --planzzz-honey-dark: #bd5c05;
  /* Honey Material System: exact Home hive materials, opt-in via background: var(...).
     Keep the phase-1 face/state tokens below unchanged until individual pages adopt these. */
  --planzzz-honey-gradient-base: radial-gradient(circle at 30% 20%, rgba(255,244,170,.82), transparent 25%), linear-gradient(145deg, #ffd95e 0%, #e79b13 53%, #bd5c05 100%);
  --planzzz-honey-gradient-light: radial-gradient(circle at 28% 18%, rgba(255,246,180,.82), transparent 25%), linear-gradient(150deg, #ffe77c 0%, #efa817 55%, #c46704 100%);
  --planzzz-honey-gradient-dark: radial-gradient(circle at 27% 18%, rgba(255,226,112,.62), transparent 26%), linear-gradient(145deg, #f6bc2c 0%, #d87b08 58%, #9d3e01 100%);
  --planzzz-honey-gradient-amber: radial-gradient(circle at 27% 19%, rgba(255,240,160,.72), transparent 25%), linear-gradient(145deg, #ffd153 0%, #e38b0d 54%, #ac4802 100%);
  --planzzz-honey-gradient-hover: radial-gradient(circle at 30% 18%, rgba(255,255,220,.9), transparent 25%), linear-gradient(145deg, #ffe875, #f4aa12 58%, #cd6904);
  --planzzz-honey-gradient-edge: linear-gradient(145deg, #fff18a 0%, #f7b51d 20%, #c76804 58%, #713000 100%);
  /* Bounds of the twelve original Home face-gradient stops (not cream highlights/shadows). */
  --honey-r-min: 157;
  --honey-r-max: 255;
  --honey-g-min: 62;
  --honey-g-max: 231;
  --honey-b-min: 1;
  --honey-b-max: 124;
  --honey-h-min: 23.46;
  --honey-h-max: 49.01;
  --honey-s-min: 84.8;
  --honey-s-max: 100;
  --honey-l-min: 30.98;
  --honey-l-max: 74.31;
  --planzzz-action-yellow: #f4c900;
  --planzzz-danger: #8e352a;
  --planzzz-highlight: #fff6b4;
  --planzzz-edge: #c8b997;
  --planzzz-shadow: #6b513027;
  --planzzz-inner-shadow: #76592a40;
  --radius-control: 13px;
  --radius-card: 18px;
  --radius-panel: 22px;
  --elevation-1: inset 0 1px 0 #fff9, 1px 3px 8px #6b513018;
  --elevation-2: inset 1px 2px 0 #fff9, 0 3px 0 #d5c39f, 2px 5px 9px var(--planzzz-shadow);
  --elevation-3: inset 1px 2px 1px #fff9, 0 4px 0 #a87925, 2px 7px 12px #0005;
  --elevation-hero: drop-shadow(0 6px 7px #652b002e);
  --press-duration: 100ms;
  --hover-duration: 160ms;
  --lift-distance: -1px;
  --press-distance: 3px;
  --planzzz-face-honey: radial-gradient(ellipse at 24% 12%, #fff6b4c9, transparent 55%), linear-gradient(145deg, #ffd95e, #e79b13 65%, #d87b08);
  --planzzz-face-cream: radial-gradient(ellipse at 24% 10%, #fffdf8, transparent 65%), linear-gradient(145deg, #fffaf0, #eee0c2);
  --planzzz-face-selected: radial-gradient(ellipse at 5% 0%, #855b2b52, transparent 65%), linear-gradient(135deg, #d8ad55, #ffedaa 85%);
  --planzzz-concave: inset 3px 5px 9px #62431866, inset -2px -3px 3px #fff6b4cc, 0 1px 0 #fff6;
  --planzzz-canvas: radial-gradient(ellipse at 12% 0%, #fff6b480, transparent 45%), linear-gradient(135deg, #fcf9f3, var(--planzzz-cream) 55%, #eee2d1);
}

/* Transport retains its existing button material; only the save action zone is shared. */
.app-shell .main-area .transport-save-zone { position:sticky; top:8px; z-index:8; display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:10px 12px; background:var(--planzzz-paper); border:1px solid var(--planzzz-edge); border-radius:var(--radius-control); }
.transport-save-zone small { min-width:0; line-height:1.4; }
@media(max-width:650px){.app-shell .main-area .transport-save-zone{top:4px;gap:8px;padding:8px;flex-wrap:nowrap}.transport-save-zone small{font-size:.75rem}.transport-save-zone button{flex-shrink:0}}

/* Shared action material. Existing controls opt in by semantic class/context. */
body .app-shell .main-area :is(.primary-button, .secondary-button, .back-button),
.pz-action,
.app-shell .pz-overview :is(.add-to-plan, .travel-tool, .zzzeff-check-button, .archive-plan-button, .invite-button, .claim-button, .unclaim-button, .open-plan-item, .google-link-button, .choice-vote-cta),
.app-shell .pz-overview .premium-modules a,
.home .my-plans-tabs button,
.language-toolbar .language-switch a {
  --action-face: var(--planzzz-face-cream);
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px solid var(--planzzz-edge);
  border-bottom: 3px solid #b49c70;
  border-radius: var(--radius-control);
  background: var(--action-face);
  color: var(--planzzz-text);
  box-shadow: var(--elevation-2);
  font-weight: 800;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--press-duration) ease, box-shadow var(--press-duration) ease, filter var(--hover-duration) ease;
  touch-action: manipulation;
}
body .app-shell .main-area .primary-button,
.pz-action-primary,
.app-shell .pz-overview .add-to-plan {
  --action-face: var(--planzzz-face-honey);
  border-color: #b58b33;
  border-bottom-color: #9b681e;
}
/* Quiet destructive material; it never inherits the inviting honey action face. */
.pz-destructive,
.app-shell .pz-overview .archive-plan-button.pz-destructive {
  --action-face: linear-gradient(145deg, #fffaf4, #f1ded4);
  color: var(--planzzz-danger);
  border-color: #c99b87;
  border-bottom-color: #a87763;
  box-shadow: var(--elevation-1);
}
.pz-action:is(.active, [aria-pressed="true"], [aria-current="page"]),
.home .my-plans-tabs button.active,
.app-shell .pz-overview .choice-vote-cta[aria-pressed="true"],
.language-toolbar .language-switch a[aria-current="true"] {
  background: var(--planzzz-face-selected);
  box-shadow: var(--planzzz-concave);
  border-color: #aa894f;
  transform: translateY(2px);
}
.pz-action:active:not(:disabled),
body .app-shell .main-area :is(.primary-button, .secondary-button, .back-button):active:not(:disabled),
.app-shell .pz-overview :is(.add-to-plan, .travel-tool, .zzzeff-check-button, .invite-button, .claim-button, .unclaim-button, .open-plan-item, .google-link-button, .choice-vote-cta, .archive-plan-button):active:not(:disabled),
.app-shell .pz-overview .premium-modules a:active,
.home .my-plans-tabs button:active,
.language-toolbar .language-switch a:active {
  transform: translateY(var(--press-distance));
  box-shadow: var(--planzzz-concave);
}
/* The sidebar is the dark chassis, with honey hexagonal switches. */
.app-shell .sidebar { background: radial-gradient(ellipse at 10% 0, #ffd95e1a, transparent 45%), linear-gradient(#171714, var(--planzzz-black)); }
.app-shell .main-area { background: var(--planzzz-canvas); }
.app-shell .brand-name span, .app-shell .brand-tagline strong { color: var(--planzzz-yellow); }
.home .hero h1 .hero-logo-zzz { color: var(--planzzz-yellow); }
.app-shell .navigation .nav-item {
  color: var(--planzzz-text);
  min-height: 58px;
  height: auto;
  padding-block: 12px;
  transform: none;
  filter: drop-shadow(2px 5px 3px #0006);
  transition: transform var(--press-duration), filter var(--hover-duration);
}
.app-shell .navigation .nav-item::before { background: var(--planzzz-honey-gradient-edge); filter: none; }
.app-shell .sidebar .sidebar-content > .navigation:first-child > .nav-item { height: auto; min-height: 64px; }
.app-shell .navigation .nav-item::after { top: 2px; bottom: 6px; background: var(--honey-material); box-shadow: inset 1px 2px 1px #fff6b4bb, inset -1px -4px 7px #9d3e013d; transition: top var(--press-duration), bottom var(--press-duration), box-shadow var(--press-duration); }
.app-shell .navigation .nav-item:is(.active, :active) { color: var(--planzzz-text); transform: translateY(2px); filter: drop-shadow(0 1px 1px #0004); }
.app-shell .navigation .nav-item:is(.active, :active)::after { top: 4px; bottom: 3px; background: var(--planzzz-face-selected); box-shadow: var(--planzzz-concave); }
.app-shell .navigation .nav-item:active > * { transform: translateY(1px); }
.app-shell .navigation .nav-item :is(.nav-label, .nav-label-two-lines, .nav-label-two-lines strong, .nav-label-two-lines small) { color: var(--planzzz-text); white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.app-shell .mobile-menu-button { background: var(--honey-material); color: var(--planzzz-text); box-shadow: var(--elevation-2); border-color: #bd8630; }
.app-shell .mobile-menu-button[aria-expanded="true"], .app-shell .mobile-menu-button:active { background: var(--planzzz-face-selected); box-shadow: var(--planzzz-concave); }
.language-toolbar .language-switch a { min-width: 44px; padding: 4px 9px; border-radius: 99px; }
.language-toolbar .language-switch { gap: 5px; padding: 5px; }

/* Repeated choice tiles: restrained dome, below navigation/hero intensity. */
.pz-new-item .item-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pz-new-item .item-card, .pz-choice-tile {
  border: 1px solid var(--planzzz-edge);
  border-bottom: 3px solid #c5ad7e;
  border-radius: var(--radius-card);
  background: var(--honey-material, radial-gradient(ellipse at 20% 8%, #fffdf8, transparent 60%), linear-gradient(145deg, #fffaf0, #efdfba));
  color: var(--planzzz-text);
  box-shadow: inset 1px 2px 1px #fff, inset -1px -3px 6px #c5ad7e26, 2px 4px 7px #6b51301a;
  min-width: 0;
  min-height: 125px;
  overflow-wrap: anywhere;
  transition: transform var(--press-duration), filter var(--hover-duration), box-shadow var(--press-duration);
}
.pz-new-item .item-card small { color: var(--planzzz-muted); }
body .pz-new-item .item-card:hover .item-icon { animation: none; transform: none; }
.pz-new-item .item-card:is(:active, [aria-pressed="true"]):not(:disabled), .pz-choice-tile:is(:active, [aria-pressed="true"]):not(:disabled) { background: var(--planzzz-face-selected); transform: translateY(var(--press-distance)); box-shadow: var(--planzzz-concave); }

/* Phase 2: opt-in Home honey materials; neutral/destructive actions keep their faces.
   Face variation is local to each control, never inherited by Home or Transport. */
.app-shell .navigation .nav-item,
.app-shell .mobile-menu-button,
.app-shell .pz-overview .add-to-plan,
.pz-new-item .item-card { --honey-material: var(--planzzz-honey-gradient-base); }
.app-shell .navigation .nav-item:nth-child(4n+2),
.pz-new-item .item-card:nth-child(4n+2) { --honey-material: var(--planzzz-honey-gradient-light); }
.app-shell .navigation .nav-item:nth-child(4n+3),
.pz-new-item .item-card:nth-child(4n+3) { --honey-material: var(--planzzz-honey-gradient-dark); }
.app-shell .navigation .nav-item:nth-child(4n),
.pz-new-item .item-card:nth-child(4n) { --honey-material: var(--planzzz-honey-gradient-amber); }
.app-shell .pz-overview .add-to-plan { --action-face: var(--honey-material); }
.pz-new-item .item-card { border-color: #b58b33; border-bottom-color: #9b681e; box-shadow: var(--elevation-3); }
.app-shell .pz-overview .add-to-plan:is(:active, .active, [aria-pressed="true"]):not(:disabled) { background: var(--planzzz-face-selected); box-shadow: var(--planzzz-concave); }
.pz-new-item .item-card small { color: var(--planzzz-text); }
@media (hover: hover) and (pointer: fine) {
  .app-shell .pz-overview .add-to-plan:hover:not(:disabled, :active, [aria-pressed="true"], .active),
  .app-shell .mobile-menu-button:hover:not(:disabled, :active, [aria-expanded="true"]),
  .pz-new-item .item-card:hover:not(:disabled, :active, [aria-pressed="true"]) { background: var(--planzzz-honey-gradient-hover); }
}
/* Objects remain quiet. No convex domes for information cards. */
.pz-card, .app-shell .home .my-plan-card, .app-shell .pz-overview :is(.overview-card, .plan-item) {
  background: var(--planzzz-paper);
  border: 1px solid #d8cfbf;
  border-bottom: 2px solid #d8bd84;
  border-radius: var(--radius-card);
  box-shadow: var(--elevation-1);
  color: var(--planzzz-text);
}
.app-shell .home .my-plan-card { transition: transform var(--hover-duration), box-shadow var(--hover-duration); }
.home .my-plans-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.home .my-plan-info strong { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.home .my-plan-info span { color: var(--planzzz-muted); }
.home .my-plan-icon { background: var(--planzzz-face-honey); box-shadow: inset 1px 2px 1px #fff9, 1px 2px 3px #6b513027; }
.app-shell .pz-overview .plan-item:is(.attention-needed, .attention-personal, .attention-complete) { background: var(--planzzz-paper); } /* Existing status markers/text remain. */
.app-shell .pz-overview .plan-item .item-text { min-width: 0; }
.app-shell .pz-overview .plan-builder, .pz-information-panel { background: var(--planzzz-paper); border: 1px solid #d8cfbf; box-shadow: none; }
.app-shell .pz-overview .plan-topbar h1 { color: var(--planzzz-text); }
.pz-icon-action { min-width: 44px; padding-inline: 10px; }
.pz-input { background: var(--planzzz-paper); border: 1px solid var(--planzzz-edge); border-radius: 10px; box-shadow: inset 1px 2px 3px #7b603318, inset -1px -1px 0 #fff; min-height: 44px; padding: 10px; color: var(--planzzz-text); }

/* Focus remains visible without hover. Disabled controls do not lift or glow. */
.app-shell :is(.nav-item, .mobile-menu-button, .pz-action, .pz-choice-tile, .pz-input):focus-visible,
body .app-shell .main-area :is(.primary-button, .secondary-button, .back-button):focus-visible,
.app-shell .pz-overview :is(button, a):focus-visible,
.pz-new-item .item-card:focus-visible { outline: 3px solid var(--planzzz-text); outline-offset: 4px; }
.app-shell .nav-item:focus-visible, .app-shell .mobile-menu-button:focus-visible { outline-color: var(--planzzz-highlight); }
.app-shell .pz-overview button:disabled, .pz-action:disabled, .pz-choice-tile:disabled, .pz-new-item .item-card:disabled, body .app-shell .main-area :is(.primary-button, .secondary-button):disabled { opacity: .55; filter: grayscale(.45); transform: none; cursor: not-allowed; box-shadow: inset 1px 2px 3px #76592a33; }
@media (hover: hover) and (pointer: fine) {
  .app-shell .navigation .nav-item:hover:not(.active, :active) { transform: translateY(var(--lift-distance)); filter: drop-shadow(2px 6px 5px #0006); }
  .app-shell .navigation .nav-item:hover:not(.active, :active)::after { background: var(--planzzz-honey-gradient-hover); }
  .pz-new-item .item-card:hover:not(:active, :disabled), .pz-choice-tile:hover:not(:active, :disabled, [aria-pressed="true"]), .pz-action:hover:not(:disabled, :active, .active, [aria-pressed="true"], [aria-current="page"]), .app-shell .pz-overview :is(.add-to-plan, .travel-tool, .zzzeff-check-button, .invite-button):hover:not(:disabled, :active), body .app-shell .main-area :is(.primary-button, .secondary-button, .back-button):hover:not(:disabled, :active) { transform: translateY(var(--lift-distance)); filter: brightness(1.035); }
  .home .my-plan-card:hover { transform: translateY(var(--lift-distance)); box-shadow: inset 0 1px 0 #fff9, 2px 4px 10px #6b513025; }
}
@media (max-width: 900px) { .pz-new-item .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container core-overview (max-width: 740px) { .app-shell .pz-overview .premium-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .pz-new-item .item-grid { grid-template-columns: minmax(0, 1fr); } .home .my-plan-card { padding: 12px; gap: 10px; } }
@media (prefers-reduced-motion: reduce) {
  .app-shell .navigation .nav-item::before, .app-shell .navigation .nav-item::after, .app-shell .navigation .nav-item > *,
  .app-shell :is(.nav-item, .nav-item::before, .nav-item::after, .nav-item > *, .mobile-menu-button, .pz-action, .pz-choice-tile, .pz-input),
  body .app-shell .main-area :is(.primary-button, .secondary-button, .back-button),
  .app-shell .pz-overview :is(button, a), .pz-new-item .item-card, .pz-new-item .item-icon, .home .my-plan-card, .home .my-plan-arrow, .home .my-plans-tabs button, .language-toolbar .language-switch a { transition: none !important; animation: none !important; }
}

/* Honey Material: original-color allowlist. */
/* Only reviewed honey controls are listed here. Selected/hover-only entries never
   tint neutral resting faces. No page-wide button, primary, card or premium rule. */
body :where(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview),
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on,
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button,
  .app-shell .main-area .home .quick-options button,
  .app-shell .main-area .home .home-pluzzz-link,
  .app-shell .main-area .home .home-profile-avatar,
  .app-shell .main-area .home .new-plan-options button,
  .app-shell .main-area .create-page .participant-avatar,
  .app-shell .main-area .create-page .me-button,
  .app-shell .main-area .pz-overview .drag-handle,
  .app-shell .main-area .pz-overview .claim-button,
  .app-shell .main-area .plan-date-picker .add-date-option,
  .app-shell .main-area .activity-extra summary
) {
  --honey-material: var(--planzzz-honey-gradient-base);
  --honey-dome: inset 0 1px 1px #fff9, inset 0 -2px 4px #71300022, 0 2px 0 #a87925, 0 4px 6px #652b0026;
  --honey-hollow: inset 2px 3px 5px #71300066, inset -1px -2px 2px #fff6b4cc, 0 1px 0 #fff6;
}
body :where(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview),
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on,
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button,
  .app-shell .main-area .home .quick-options button,
  .app-shell .main-area .home .home-pluzzz-link,
  .app-shell .main-area .home .home-profile-avatar,
  .app-shell .main-area .home .new-plan-options button,
  .app-shell .main-area .create-page .participant-avatar,
  .app-shell .main-area .create-page .me-button,
  .app-shell .main-area .pz-overview .drag-handle,
  .app-shell .main-area .pz-overview .claim-button,
  .app-shell .main-area .plan-date-picker .add-date-option,
  .app-shell .main-area .activity-extra summary
):nth-of-type(4n+2) { --honey-material: var(--planzzz-honey-gradient-light); }
body :where(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview),
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on,
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button,
  .app-shell .main-area .home .quick-options button,
  .app-shell .main-area .home .home-pluzzz-link,
  .app-shell .main-area .home .home-profile-avatar,
  .app-shell .main-area .home .new-plan-options button,
  .app-shell .main-area .create-page .participant-avatar,
  .app-shell .main-area .create-page .me-button,
  .app-shell .main-area .pz-overview .drag-handle,
  .app-shell .main-area .pz-overview .claim-button,
  .app-shell .main-area .plan-date-picker .add-date-option,
  .app-shell .main-area .activity-extra summary
):nth-of-type(4n+3) { --honey-material: var(--planzzz-honey-gradient-dark); }
body :where(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview),
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on,
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button,
  .app-shell .main-area .home .quick-options button,
  .app-shell .main-area .home .home-pluzzz-link,
  .app-shell .main-area .home .home-profile-avatar,
  .app-shell .main-area .home .new-plan-options button,
  .app-shell .main-area .create-page .participant-avatar,
  .app-shell .main-area .create-page .me-button,
  .app-shell .main-area .pz-overview .drag-handle,
  .app-shell .main-area .pz-overview .claim-button,
  .app-shell .main-area .plan-date-picker .add-date-option,
  .app-shell .main-area .activity-extra summary
):nth-of-type(4n) { --honey-material: var(--planzzz-honey-gradient-amber); }
/* These tools sit beside the separate Add-to-plan panel; their first button must
   differ even though each panel has its own first child. */
body .app-shell .main-area .pz-overview .plan-builder .travel-tool:nth-of-type(odd) { --honey-material: var(--planzzz-honey-gradient-light); }
body .app-shell .main-area .pz-overview .plan-builder .travel-tool:nth-of-type(even) { --honey-material: var(--planzzz-honey-gradient-amber); }
/* Repeated cards retain their own variant even when their internal form expands. */
body .zzzeff-message-card:nth-of-type(4n+1) .zzzeff-planner-action,
body .zzzeff-check-item:nth-of-type(4n+1) .zzzeff-planner-action,
body .app-shell .main-area .pz-overview .choice-result-option:nth-of-type(4n+1) .choice-vote-cta,
body .app-shell .main-area .music-page .music-card:nth-of-type(4n+1) .music-primary { --honey-material: var(--planzzz-honey-gradient-base); }
body .zzzeff-message-card:nth-of-type(4n+2) .zzzeff-planner-action,
body .zzzeff-check-item:nth-of-type(4n+2) .zzzeff-planner-action,
body .app-shell .main-area .pz-overview .choice-result-option:nth-of-type(4n+2) .choice-vote-cta,
body .app-shell .main-area .music-page .music-card:nth-of-type(4n+2) .music-primary { --honey-material: var(--planzzz-honey-gradient-light); }
body .zzzeff-message-card:nth-of-type(4n+3) .zzzeff-planner-action,
body .zzzeff-check-item:nth-of-type(4n+3) .zzzeff-planner-action,
body .app-shell .main-area .pz-overview .choice-result-option:nth-of-type(4n+3) .choice-vote-cta,
body .app-shell .main-area .music-page .music-card:nth-of-type(4n+3) .music-primary { --honey-material: var(--planzzz-honey-gradient-dark); }
body .zzzeff-message-card:nth-of-type(4n+4) .zzzeff-planner-action,
body .zzzeff-check-item:nth-of-type(4n+4) .zzzeff-planner-action,
body .app-shell .main-area .pz-overview .choice-result-option:nth-of-type(4n+4) .choice-vote-cta,
body .app-shell .main-area .music-page .music-card:nth-of-type(4n+4) .music-primary { --honey-material: var(--planzzz-honey-gradient-amber); }
body :is(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview)
) {
  background: var(--honey-material);
  color: var(--planzzz-text);
  box-shadow: var(--honey-dome);
  transform: none;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: transform var(--press-duration) ease, box-shadow var(--press-duration) ease, filter var(--hover-duration) ease;
  touch-action: manipulation;
}
body :is(
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on
),
body :is(
  .zzzeff-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .zzzeff-planner-action:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .support-pay-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .analytics-consent__actions .primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  [id="components-reconnect-modal"] button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .startup-shell button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-admin button.primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .agenda-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .beevatar-page .confirm-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .costs-page .add-expense-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .discover-shell .discover-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .feedback-page .send-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .friends-weekend-page .friends-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .add-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .support-options button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .invite-page .add-participant-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .invite-page .send-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .join-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .login-page .login-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .music-page .music-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .activity-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .checklist-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .choice-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .item-form-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .expense-page .save-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .free-item-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .shopping-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .stay-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .task-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .packing-page .add-to-plan-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .map-shell .map-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pluzzz-info button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .profile-page .profile-primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .add-item:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .choice-vote-cta:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .zzzeff-subpage .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .period-boundary button:first-child:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .activity-actions button:last-child:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .pluzzz-map-marker:not(.selected, .preview):is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"])
) {
  background: var(--honey-material);
  box-shadow: var(--honey-hollow);
  color: var(--planzzz-text);
}
body :is(
  .zzzeff-button:active:not(:disabled, [aria-disabled="true"]),
  .zzzeff-planner-action:active:not(:disabled, [aria-disabled="true"]),
  .support-pay-button:active:not(:disabled, [aria-disabled="true"]),
  .analytics-consent__actions .primary:active:not(:disabled, [aria-disabled="true"]),
  [id="components-reconnect-modal"] button:active:not(:disabled, [aria-disabled="true"]),
  .startup-shell button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-admin button.primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .agenda-primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .beevatar-page .confirm-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .costs-page .add-expense-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .discover-shell .discover-primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .feedback-page .send-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .friends-weekend-page .friends-primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .add-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .support-options button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .add-participant-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .send-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .join-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .login-page .login-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .music-page .music-primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .checklist-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .choice-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .item-form-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .expense-page .save-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .free-item-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .shopping-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .stay-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .task-page .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .add-to-plan-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-shell .map-primary:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pluzzz-info button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .profile-page .profile-primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .add-item:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .choice-vote-cta:active:not(:disabled, [aria-disabled="true"]),
  .zzzeff-subpage .primary-button:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .period-boundary button:first-child:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-actions button:last-child:active:not(:disabled, [aria-disabled="true"]),
  .pluzzz-map-marker:not(.selected, .preview):active:not(:disabled, [aria-disabled="true"])
) {
  transform: translateY(2px);
  box-shadow: var(--honey-hollow);
}
body :is(
  .app-shell .main-area .language-switch a[aria-current="true"]:hover:not(:disabled, [aria-disabled="true"]),
  .zzzeff-mini-grid button.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-admin button.active:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .my-plans-tabs button.active:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .secondary-button.active:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .music-switch.is-on:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .trip-filter.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .must-bring-button.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .invite-method.active:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-toolbar button.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-visits button.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-endpoints button[aria-pressed=true]:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview button.drag-handle-active:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .date-poll-vote.selected:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .owner-switch.is-on:hover:not(:disabled, [aria-disabled="true"]),
  .zzzeff-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .zzzeff-planner-action:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .support-pay-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .analytics-consent__actions .primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  [id="components-reconnect-modal"] button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .startup-shell button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-admin button.primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .agenda-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .beevatar-page .confirm-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .costs-page .add-expense-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .discover-shell .discover-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .feedback-page .send-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .friends-weekend-page .friends-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .add-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .support-options button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .add-participant-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .send-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .join-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .login-page .login-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .music-page .music-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .checklist-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .choice-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .item-form-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .expense-page .save-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .free-item-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .shopping-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .stay-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .task-page .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .add-to-plan-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-shell .map-primary:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pluzzz-info button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .profile-page .profile-primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .add-item:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .choice-vote-cta:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .zzzeff-subpage .primary-button:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .period-boundary button:first-child:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-actions button:last-child:is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"]),
  .pluzzz-map-marker:not(.selected, .preview):is(.active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]):hover:not(:disabled, [aria-disabled="true"])
) { filter: brightness(1.025); }
body :is(
  .zzzeff-button:focus-visible,
  .zzzeff-planner-action:focus-visible,
  .support-pay-button:focus-visible,
  .analytics-consent__actions .primary:focus-visible,
  [id="components-reconnect-modal"] button:focus-visible,
  .startup-shell button:focus-visible,
  .app-shell .main-area .pz-admin button.primary:focus-visible,
  .app-shell .main-area .agenda-primary:focus-visible,
  .app-shell .main-area .beevatar-page .confirm-button:focus-visible,
  .app-shell .main-area .costs-page .add-expense-button:focus-visible,
  .app-shell .main-area .discover-shell .discover-primary:focus-visible,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:focus-visible,
  .app-shell .main-area .feedback-page .send-button:focus-visible,
  .app-shell .main-area .friends-weekend-page .friends-primary:focus-visible,
  .app-shell .main-area .home .add-button:focus-visible,
  .app-shell .main-area .home .primary:focus-visible,
  .app-shell .main-area .home .support-options button:focus-visible,
  .app-shell .main-area .invite-page .add-participant-button:focus-visible,
  .app-shell .main-area .invite-page .send-button:focus-visible,
  .app-shell .main-area .join-page .primary-button:focus-visible,
  .app-shell .main-area .login-page .login-button:focus-visible,
  .app-shell .main-area .music-page .music-primary:focus-visible,
  .app-shell .main-area .activity-page .primary-button:focus-visible,
  .app-shell .main-area .checklist-page .primary-button:focus-visible,
  .app-shell .main-area .choice-page .primary-button:focus-visible,
  .app-shell .main-area .item-form-page .primary-button:focus-visible,
  .app-shell .main-area .expense-page .save-button:focus-visible,
  .app-shell .main-area .free-item-page .primary-button:focus-visible,
  .app-shell .main-area .shopping-page .primary-button:focus-visible,
  .app-shell .main-area .stay-page .primary-button:focus-visible,
  .app-shell .main-area .task-page .primary-button:focus-visible,
  .app-shell .main-area .packing-page .add-to-plan-button:focus-visible,
  .app-shell .main-area .map-shell .map-primary:focus-visible,
  .app-shell .main-area .pluzzz-info button:focus-visible,
  .app-shell .main-area .profile-page .profile-primary-button:focus-visible,
  .app-shell .main-area .pz-overview .add-item:focus-visible,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:focus-visible,
  .app-shell .main-area .pz-overview .choice-vote-cta:focus-visible,
  .zzzeff-subpage .primary-button:focus-visible,
  .app-shell .main-area .period-boundary button:first-child:focus-visible,
  .app-shell .main-area .activity-actions button:last-child:focus-visible,
  .pluzzz-map-marker:not(.selected, .preview):focus-visible,
  .app-shell .main-area .language-switch a[aria-current="true"]:focus-visible,
  .zzzeff-mini-grid button.selected:focus-visible,
  .app-shell .main-area .pz-admin button.active:focus-visible,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked:focus-visible,
  .app-shell .main-area .home .my-plans-tabs button.active:focus-visible,
  .app-shell .main-area .invite-page .secondary-button.active:focus-visible,
  .app-shell .main-area .music-switch.is-on:focus-visible,
  .app-shell .main-area .packing-page .trip-filter.selected:focus-visible,
  .app-shell .main-area .packing-page .must-bring-button.selected:focus-visible,
  .app-shell .main-area .create-page .invite-method.active:focus-visible,
  .app-shell .main-area .map-toolbar button.selected:focus-visible,
  .app-shell .main-area .map-visits button.selected:focus-visible,
  .app-shell .main-area .map-endpoints button[aria-pressed=true]:focus-visible,
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box:focus-visible,
  .app-shell .main-area .pz-overview button.drag-handle-active:focus-visible,
  .app-shell .main-area .pz-overview .date-poll-vote.selected:focus-visible,
  .app-shell .main-area .owner-switch.is-on:focus-visible
) {
  outline: 3px solid var(--planzzz-text);
  outline-offset: 3px;
}
body :is(
  .zzzeff-button:is(:disabled, [aria-disabled="true"]),
  .zzzeff-planner-action:is(:disabled, [aria-disabled="true"]),
  .support-pay-button:is(:disabled, [aria-disabled="true"]),
  .analytics-consent__actions .primary:is(:disabled, [aria-disabled="true"]),
  [id="components-reconnect-modal"] button:is(:disabled, [aria-disabled="true"]),
  .startup-shell button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-admin button.primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .agenda-primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .beevatar-page .confirm-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .costs-page .add-expense-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .discover-shell .discover-primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .feedback-page .send-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .friends-weekend-page .friends-primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .add-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .support-options button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .add-participant-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .send-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .join-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .login-page .login-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .music-page .music-primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .checklist-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .choice-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .item-form-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .expense-page .save-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .free-item-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .shopping-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .stay-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .task-page .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .add-to-plan-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-shell .map-primary:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pluzzz-info button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .profile-page .profile-primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .add-item:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .choice-vote-cta:is(:disabled, [aria-disabled="true"]),
  .zzzeff-subpage .primary-button:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .period-boundary button:first-child:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-actions button:last-child:is(:disabled, [aria-disabled="true"]),
  .pluzzz-map-marker:not(.selected, .preview):is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .language-switch a[aria-current="true"]:is(:disabled, [aria-disabled="true"]),
  .zzzeff-mini-grid button.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-admin button.active:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .my-plans-tabs button.active:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .invite-page .secondary-button.active:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .music-switch.is-on:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .trip-filter.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .packing-page .must-bring-button.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .invite-method.active:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-toolbar button.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-visits button.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .map-endpoints button[aria-pressed=true]:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview button.drag-handle-active:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .date-poll-vote.selected:is(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .owner-switch.is-on:is(:disabled, [aria-disabled="true"])
) {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.45);
  transform: none;
  box-shadow: inset 0 1px 3px #71300033;
}
@media (hover: hover) and (pointer: fine) {
  body :is(
  .zzzeff-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .zzzeff-planner-action:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .support-pay-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .analytics-consent__actions .primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  [id="components-reconnect-modal"] button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .startup-shell button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-admin button.primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .agenda-primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .beevatar-page .confirm-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .costs-page .add-expense-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .discover-shell .discover-primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .feedback-page .send-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .friends-weekend-page .friends-primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .add-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .home .support-options button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .invite-page .add-participant-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .invite-page .send-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .join-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .login-page .login-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .music-page .music-primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .activity-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .checklist-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .choice-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .item-form-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .expense-page .save-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .free-item-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .shopping-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .stay-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .task-page .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .packing-page .add-to-plan-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .map-shell .map-primary:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pluzzz-info button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .profile-page .profile-primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .add-item:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .plan-builder .travel-tool:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .pz-overview .choice-vote-cta:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .zzzeff-subpage .primary-button:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .period-boundary button:first-child:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .app-shell .main-area .activity-actions button:last-child:hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"]),
  .pluzzz-map-marker:not(.selected, .preview):hover:not(:disabled, [aria-disabled="true"]):not(:active, .active, .selected, .checked, [aria-pressed="true"], [aria-current="true"], [aria-current="page"])
) {
    background: var(--planzzz-honey-gradient-hover);
    filter: brightness(1.035);
    transform: translateY(var(--lift-distance));
  }
  body :is(
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .quick-options button:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .home-pluzzz-link:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .home-profile-avatar:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .new-plan-options button:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .participant-avatar:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .me-button:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .drag-handle:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .claim-button:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .plan-date-picker .add-date-option:hover:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-extra summary:hover:not(:disabled, [aria-disabled="true"])
) {
    background: var(--planzzz-honey-gradient-hover);
    box-shadow: var(--honey-dome);
  }
  body :is(
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .quick-options button:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .home-pluzzz-link:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .home-profile-avatar:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .home .new-plan-options button:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .participant-avatar:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .create-page .me-button:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .drag-handle:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .pz-overview .claim-button:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .plan-date-picker .add-date-option:hover:active:not(:disabled, [aria-disabled="true"]),
  .app-shell .main-area .activity-extra summary:hover:active:not(:disabled, [aria-disabled="true"])
) { box-shadow: var(--honey-hollow); }
}
body :is(
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button:focus-visible,
  .app-shell .main-area .home .quick-options button:focus-visible,
  .app-shell .main-area .home .home-pluzzz-link:focus-visible,
  .app-shell .main-area .home .home-profile-avatar:focus-visible,
  .app-shell .main-area .home .new-plan-options button:focus-visible,
  .app-shell .main-area .create-page .participant-avatar:focus-visible,
  .app-shell .main-area .create-page .me-button:focus-visible,
  .app-shell .main-area .pz-overview .drag-handle:focus-visible,
  .app-shell .main-area .pz-overview .claim-button:focus-visible,
  .app-shell .main-area .plan-date-picker .add-date-option:focus-visible,
  .app-shell .main-area .activity-extra summary:focus-visible
) { outline: 3px solid var(--planzzz-text); outline-offset: 3px; }
/* The Overview drag handle was also honey on touch press, not only desktop hover. */
.app-shell .main-area .pz-overview .drag-handle:active { background: var(--honey-material); box-shadow: var(--honey-hollow); }
/* Calendar day geometry, plan-period blue/green and focus behavior stay local. */
.app-shell .range-picker .day:is(.in-range, .range-start, .range-end):not(.past) {
  background: var(--planzzz-honey-gradient-light);
  box-shadow: var(--honey-hollow, var(--planzzz-concave));
}
.app-shell .range-picker .day.selected-in-period:is(.in-range, .range-start, .range-end):not(.past) {
  box-shadow: inset 0 0 0 3px #c8e4c6, var(--planzzz-concave);
}
.app-shell .range-picker .day:is(.range-start, .range-end)::after {
  background: var(--planzzz-honey-gradient-light);
  box-shadow: var(--planzzz-concave);
}
.app-shell .range-picker .day:is(.range-start, .range-end) { z-index: 2; }
@media (hover: hover) and (pointer: fine) {
  .app-shell .range-picker .day:hover:not(:disabled, .past, .in-range, .range-start, .range-end) { background: var(--planzzz-honey-gradient-hover); }
}
@media (prefers-reduced-motion: reduce) {
  body :is(
  .zzzeff-button,
  .zzzeff-planner-action,
  .support-pay-button,
  .analytics-consent__actions .primary,
  [id="components-reconnect-modal"] button,
  .startup-shell button,
  .app-shell .main-area .pz-admin button.primary,
  .app-shell .main-area .agenda-primary,
  .app-shell .main-area .beevatar-page .confirm-button,
  .app-shell .main-area .costs-page .add-expense-button,
  .app-shell .main-area .discover-shell .discover-primary,
  .app-shell .main-area .edit-page:not(.transport-workbench) .save-button,
  .app-shell .main-area .feedback-page .send-button,
  .app-shell .main-area .friends-weekend-page .friends-primary,
  .app-shell .main-area .home .add-button,
  .app-shell .main-area .home .primary,
  .app-shell .main-area .home .support-options button,
  .app-shell .main-area .invite-page .add-participant-button,
  .app-shell .main-area .invite-page .send-button,
  .app-shell .main-area .join-page .primary-button,
  .app-shell .main-area .login-page .login-button,
  .app-shell .main-area .music-page .music-primary,
  .app-shell .main-area .activity-page .primary-button,
  .app-shell .main-area .checklist-page .primary-button,
  .app-shell .main-area .choice-page .primary-button,
  .app-shell .main-area .item-form-page .primary-button,
  .app-shell .main-area .expense-page .save-button,
  .app-shell .main-area .free-item-page .primary-button,
  .app-shell .main-area .shopping-page .primary-button,
  .app-shell .main-area .stay-page .primary-button,
  .app-shell .main-area .task-page .primary-button,
  .app-shell .main-area .packing-page .add-to-plan-button,
  .app-shell .main-area .map-shell .map-primary,
  .app-shell .main-area .pluzzz-info button,
  .app-shell .main-area .profile-page .profile-primary-button,
  .app-shell .main-area .pz-overview .add-item,
  .app-shell .main-area .pz-overview .plan-builder .travel-tool,
  .app-shell .main-area .pz-overview .choice-vote-cta,
  .zzzeff-subpage .primary-button,
  .app-shell .main-area .period-boundary button:first-child,
  .app-shell .main-area .activity-actions button:last-child,
  .pluzzz-map-marker:not(.selected, .preview),
  .app-shell .main-area .language-switch a[aria-current="true"],
  .zzzeff-mini-grid button.selected,
  .app-shell .main-area .pz-admin button.active,
  .app-shell .main-area .edit-page:not(.transport-workbench) button.edit-checkbox.checked,
  .app-shell .main-area .home .my-plans-tabs button.active,
  .app-shell .main-area .invite-page .secondary-button.active,
  .app-shell .main-area .music-switch.is-on,
  .app-shell .main-area .packing-page .trip-filter.selected,
  .app-shell .main-area .packing-page .must-bring-button.selected,
  .app-shell .main-area .create-page .invite-method.active,
  .app-shell .main-area .map-toolbar button.selected,
  .app-shell .main-area .map-visits button.selected,
  .app-shell .main-area .map-endpoints button[aria-pressed=true],
  .app-shell .main-area .pz-overview .checklist-item.checked button.check-box,
  .app-shell .main-area .pz-overview button.drag-handle-active,
  .app-shell .main-area .pz-overview .date-poll-vote.selected,
  .app-shell .main-area .owner-switch.is-on,
  .app-shell .main-area .edit-page:not(.transport-workbench) .add-row-button,
  .app-shell .main-area .home .quick-options button,
  .app-shell .main-area .home .home-pluzzz-link,
  .app-shell .main-area .home .home-profile-avatar,
  .app-shell .main-area .home .new-plan-options button,
  .app-shell .main-area .create-page .participant-avatar,
  .app-shell .main-area .create-page .me-button,
  .app-shell .main-area .pz-overview .drag-handle,
  .app-shell .main-area .pz-overview .claim-button,
  .app-shell .main-area .plan-date-picker .add-date-option,
  .app-shell .main-area .activity-extra summary
) { transition: none; animation: none; scroll-behavior: auto; }
  body .app-shell .main-area .music-page :is(.music-switch, .music-switch-knob) { transition: none; }
}