:root {
  --p741-gold: #d7b05b;
  --p741-gold-soft: #f5dda0;
  --p741-silver-1: #fbfcfd;
  --p741-silver-2: #d4d9df;
  --p741-silver-3: #aeb6c0;
  --p741-ink: #16181d;
  --p741-muted: #454b53;
  --p741-line: #87909b;
  --p741-red: #c92f44;
  --p741-orange: #b44b0a;
  --p741-green: #4d965c;
  --p741-purple: #8050ad;
  --p741-blue: #397fa6;
  --p741-shadow: #00000038;
}

* { box-sizing: border-box; }
body.planner-page-v741 {
  min-height: 100vh;
  margin: 0;
  padding-bottom: 0;
  background: radial-gradient(circle at 50% 0, #302b38 0, #101117 58%, #090a0e 100%);
  color: var(--p741-ink);
}
body.planner-modal-open-v741 { overflow: hidden; }

.planner-shell-v741 {
  min-height: 100vh;
  padding: calc(96px + env(safe-area-inset-top, 0px)) 14px calc(42px + env(safe-area-inset-bottom, 0px));
  display: grid;
  place-items: start center;
}

.tablet-v741 {
  position: relative;
  width: min(1220px, 97vw);
  height: clamp(690px, 79vh, 850px);
  padding: 15px;
  border: 1px solid #f7f8fa;
  border-radius: 36px;
  background: linear-gradient(145deg, #eef0f3 0, #858d97 44%, #f8f9fa 77%, #9aa2ac 100%);
  box-shadow: 0 28px 75px #000a, inset 0 1px 1px #fff;
}

.tablet-camera-v741 {
  position: absolute;
  z-index: 3;
  top: 5px;
  left: 50%;
  width: 7px;
  height: 7px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #506077, #12141a 58%);
  box-shadow: 0 0 0 2px #8f969e;
}

.tablet-screen-v741 {
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 18px 18px 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid #646c75;
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 12%, #ffffffaa, transparent 27%),
    linear-gradient(145deg, #f3f4f6, #c8ced5);
  color: var(--p741-ink);
}

.planner-topbar-v741 {
  flex: 0 0 auto;
  min-height: 62px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.planner-heading-v741 { min-width: 0; }
.eyebrow-v741 {
  display: block;
  margin: 0 0 1px;
  color: #665020;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .18em;
}
.planner-heading-v741 > strong {
  display: block;
  max-width: 48vw;
  overflow: hidden;
  color: #191a1e;
  font-size: 1.05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sync-status-v741 {
  display: inline-flex;
  min-height: 22px;
  margin-top: 4px;
  padding: 3px 8px;
  align-items: center;
  gap: 5px;
  border: 1px solid #8a930b;
  border-radius: 999px;
  background: #f8fafb;
  color: #4e555d;
  font-size: .68rem;
  font-weight: 850;
}
.sync-status-v741::before { content: "•"; color: var(--p741-green); font-size: 1rem; line-height: .5; }
.sync-status-v741.guest::before { color: #747d87; }
.sync-status-v741.dirty::before { content: "!"; color: var(--p741-orange); }
.sync-status-v741.syncing::before,
.sync-status-v741.pending::before { color: var(--p741-orange); }
.sync-status-v741.offline::before { color: var(--p741-red); }
.sync-status-v741.account::before { content: "!"; color: var(--p741-red); }
.sync-status-v741.synced::before { content: "✓"; }

.planner-actions-v741,
.agenda-actions-v741,
.widget-head-actions-v741,
.people-actions-v741,
.form-actions-v741,
.planner-form-v741 .form-actions,
.modal-actions-v741 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.planner-page-v741 button,
.planner-page-v741 input,
.planner-page-v741 select,
.planner-page-v741 textarea { font: inherit; }

.planner-actions-v741 button,
.widget-head-v741 button,
.agenda-actions-v741 button,
.add-task-v741,
.planner-form-v741 button,
.modal-actions-v741 button,
.people-head-v741 button {
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid #747d87;
  border-radius: 11px;
  background: linear-gradient(#ffffff, #bcc3cb);
  box-shadow: inset 0 1px #fff, 0 2px 5px #0002;
  color: #181a1f;
  font-weight: 900;
  cursor: pointer;
}
.planner-page-v741 button:active { transform: translateY(1px); filter: brightness(.94); }
.planner-page-v741 button:disabled { opacity: .5; cursor: not-allowed; }
.planner-page-v741 button.primary-v741,
.planner-form-v741 button[type="submit"] {
  border-color: #856925;
  background: linear-gradient(#f7e3a4, #c99e43);
}
.planner-page-v741 button.danger-v741 { border-color: #9c3c49; background: linear-gradient(#fce5e8, #db7b88); }
.round-v741 {
  width: 44px;
  height: 44px;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: 1.35rem;
}

.planner-grid-v741 {
  flex: 1;
  min-height: 0;
  height: auto;
  padding-bottom: 86px;
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(235px, .76fr);
  grid-template-rows: minmax(0, 1.2fr) minmax(0, .8fr);
  grid-template-areas:
    "agenda today"
    "tasks people";
  gap: 12px;
}

.widget-v741,
.people-v741 {
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--p741-line);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--planner-widget-color, var(--p741-silver-1)), var(--p741-silver-2));
  background: linear-gradient(145deg, color-mix(in srgb, var(--planner-widget-color, #d7d7d7) 64%, white), color-mix(in srgb, var(--planner-widget-color, #d7d7d7) 78%, #89929c));
  box-shadow: inset 0 1px #fff, 0 8px 18px var(--p741-shadow);
}
.agenda-v741 { --planner-widget-color: #c9e8f2; }
.today-v741 { --planner-widget-color: #f3dda8; }
.task-v741 { --planner-widget-color: #dfd0ef; }
.people-v741 { --planner-widget-color: #cfe8d3; }
.planner-grid-v741 > section { margin: 0 !important; padding: 0 !important; }
.planner-grid-v741 > .today-v741 { grid-area: today; padding: 12px 14px !important; overflow: auto; }
.planner-grid-v741 > .agenda-v741 { grid-area: agenda; padding: 13px 14px !important; display: flex; flex-direction: column; }
.planner-grid-v741 > .task-v741 { grid-area: tasks; padding: 0 !important; overflow: hidden; }
.people-v741 { grid-area: people; padding: 12px; overflow: auto; }

.widget-head-v741,
.people-head-v741 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.widget-head-v741 > div:first-child,
.people-head-v741 > span { min-width: 0; }
.widget-head-v741 span,
.widget-head-v741 h2,
.people-head-v741 span,
.people-head-v741 h2 {
  margin: 0;
  font-size: 1.03rem;
  font-weight: 950;
}
.widget-head-v741 strong {
  display: block;
  overflow: hidden;
  color: var(--p741-muted);
  font-size: .73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.people-head-v741 { position: sticky; z-index: 2; top: -12px; margin: -4px -2px 6px; padding: 5px 2px 8px; background: linear-gradient(color-mix(in srgb, var(--planner-widget-color, #cfe8d3) 64%, white) 70%, transparent); }
.people-head-v741 button { width: 44px; height: 44px; padding: 0; border-radius: 50%; }
.task-head-v741 { display: flex; align-items: center; }
.task-head-v741 .task-title-v741 { min-width: 0; flex: 1; }
.widget-drag-handle-v741 { display: none !important; width: 44px; min-width: 44px; height: 44px; padding: 0 !important; place-items: center; cursor: grab !important; touch-action: none; letter-spacing: -4px; }
.layout-unlocked-v741 .widget-drag-handle-v741,
.layout-edit-v741 .widget-drag-handle-v741 { display: grid !important; }

.today-list-v741 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.today-item-v741,
.brief-item-v741 {
  min-width: 0;
  padding: 7px 9px;
  border-left: 4px solid var(--person-color, #777f88);
  border-radius: 9px;
  background: #ffffffa8;
}
.today-item-v741 strong,
.brief-item-v741 strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.today-item-v741 small,
.brief-item-v741 small { color: var(--p741-muted); }

.agenda-actions-v741 { flex-wrap: nowrap; }
.agenda-actions-v741 button { min-width: 44px; min-height: 44px; padding: 7px 9px; }
.agenda-actions-v741 button[aria-label] { font-size: 1.2rem; }
.week-strip-v741 {
  margin: 10px 0 8px;
  display: grid;
  grid-template-columns: repeat(7, minmax(44px, 1fr));
  gap: 5px;
  overflow-x: auto;
}
.day-v741 {
  min-width: 0;
  min-height: 48px;
  padding: 5px 2px;
  border: 1px solid #abb2bb;
  border-radius: 10px;
  background: #e4e7ea;
  color: #25282d;
  font-size: .7rem;
  text-align: center;
}
.day-v741 strong { display: block; font-size: .98rem; }
.day-v741.today { border-color: #8b6920; background: linear-gradient(#f9e7a7, #d3a745); }
.day-v741.selected { outline: 3px solid #7950a9; outline-offset: -2px; }
.day-v741.has-items::after { content: ""; display: block; width: 5px; height: 5px; margin: 1px auto 0; border-radius: 50%; background: var(--p741-red); }

.week-events-v741 {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow: auto;
  overscroll-behavior: contain;
}
.event-chip-v741 {
  --person-color: #757e88;
  width: 100%;
  min-height: 46px;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #bbc1c8;
  border-left: 5px solid var(--person-color);
  border-radius: 10px;
  background: #ffffffb8;
  color: #1d1f24;
  text-align: left;
}
.event-chip-v741 .event-icon-v741 { width: 24px; flex: 0 0 24px; font-size: 1.05rem; text-align: center; }
.event-copy-v741 { min-width: 0; flex: 1; }
.event-copy-v741 b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-copy-v741 small { display: block; color: var(--p741-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-chip-v741.due,
.event-chip-v741.overdue { background: #fff2f4; }
.event-chip-v741.paid,
.event-chip-v741.completed { opacity: .67; }
.event-chip-v741.paid b,
.event-chip-v741.completed b { text-decoration: line-through; }

.source-badge-v741,
.priority-badge-v741,
.reward-badge-v741,
.status-badge-v741 {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid #989fa8;
  border-radius: 999px;
  background: #edf0f2;
  color: #484e56;
  font-size: .63rem;
  font-weight: 900;
  white-space: nowrap;
}
.source-badge-v741 { border-color: #809ab1; background: #e5f0f8; color: #315d7d; }
.priority-badge-v741.urgent { border-color: #ad3345; background: #ffe1e6; color: #912638; }
.priority-badge-v741.important { border-color: #b06a1d; background: #ffecd4; color: #875014; }

.task-title-v741 {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  background: transparent;
  color: #1a1c20;
  font-weight: 950;
  text-align: left;
}
.count-v741 { min-width: 28px; padding: 3px 8px; border-radius: 999px; background: #7c4ca5; color: #fff; text-align: center; }
.task-body-v741 { max-height: calc(100% - 48px); padding: 0 14px 12px; overflow: auto; }
.task-body-v741.collapsed { display: none; }
.add-task-v741 { width: 100%; margin-bottom: 6px; }
.task-list-v741 { display: grid; gap: 2px; }
.task-row-v741 {
  --person-color: #747d86;
  min-height: 46px;
  padding: 6px 2px 6px 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #aab0b766;
  border-left: 4px solid var(--person-color);
}
.task-row-v741 input[type="checkbox"] { width: 22px; height: 22px; flex: 0 0 22px; accent-color: var(--p741-purple); }
.task-copy-v741,
.task-row-v741 label { min-width: 0; flex: 1; }
.task-copy-v741 strong,
.task-row-v741 label > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-copy-v741 small,
.task-row-v741 small { display: block; color: var(--p741-muted); }
.icon-button-v741 { min-width: 44px; min-height: 44px; padding: 5px; border: 0; background: transparent; }
.completed-v741 { margin-top: 7px; border-top: 1px solid #959da677; padding-top: 6px; }
.completed-v741 summary { min-height: 44px; padding: 9px 2px; font-weight: 900; cursor: pointer; }
.completed-v741 .task-row-v741 { opacity: .65; }
.completed-v741 .task-copy-v741 strong { text-decoration: line-through; }

.person-row-v741 {
  --person-color: #747d86;
  min-height: 58px;
  padding: 7px 2px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #aab0b766;
}
.person-color-v741,
.person-dot-v741 { width: 12px; height: 36px; flex: 0 0 12px; border-radius: 999px; background: var(--person-color); box-shadow: inset 0 0 0 1px #0002; }
.person-face-v741 { width: 30px; flex: 0 0 30px; font-size: 1.35rem; text-align: center; }
.person-info-v741 { min-width: 0; flex: 1; }
.person-info-v741 strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-info-v741 small { display: block; color: var(--p741-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-rewards-v741 { margin-top: 3px; }
.person-row-v741 > button { min-width: 44px; min-height: 44px; border: 0; background: transparent; }

.empty-v741 {
  margin: 6px 0;
  padding: 9px;
  border: 1px dashed #969ea8;
  border-radius: 10px;
  color: var(--p741-muted);
  font-size: .82rem;
  text-align: center;
}

.alert-star-v741 {
  position: absolute;
  z-index: 8;
  right: 18px;
  bottom: 94px;
  width: 62px;
  height: 62px;
  padding: 0;
  border: 2px solid #80691e;
  border-radius: 50%;
  box-shadow: 0 7px 16px #0005;
  font-size: 2rem;
  transition: transform .2s ease, background .2s ease;
}
.alert-star-v741.idle { background: #f3cf42; color: #5b4a00; }
.alert-star-v741.upcoming,
.alert-star-v741.ack { background: var(--p741-orange); color: #fff; }
.alert-star-v741.action,
.alert-star-v741.active { background: var(--p741-red); color: #fff; }
.alert-star-v741.due,
.alert-star-v741.overdue { background: #c71f3b; color: #fff; animation: planner-star-pulse-v741 1.2s ease-in-out infinite; }
@keyframes planner-star-pulse-v741 { 50% { transform: scale(1.1); box-shadow: 0 0 0 10px #d7354d2e, 0 7px 16px #0005; } }

.planner-save-v746 {
  position: absolute;
  z-index: 9;
  right: 18px;
  bottom: 18px;
  width: 62px;
  height: 62px;
  padding: 0;
  border: 2px solid #6f5517;
  border-radius: 50%;
  background: linear-gradient(145deg, #f7df78, #bd8720);
  box-shadow: inset 0 1px #fff5b8, 0 7px 16px #0005;
  color: #171108;
  font-size: 2rem;
  font-weight: 950;
  cursor: pointer;
}
.planner-save-v746.dirty { animation: planner-save-ready-v746 1.6s ease-in-out infinite; }
.planner-save-v746.saved { border-color: #3f7150; background: linear-gradient(145deg, #dff3e5, #75a783); color: #17301f; }
@keyframes planner-save-ready-v746 { 50% { transform: translateY(-2px); box-shadow: 0 0 0 8px #d7b05b30, 0 9px 20px #0006; } }

.planner-account-link-v746 {
  min-height: 44px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #856925;
  border-radius: 11px;
  background: linear-gradient(#f7e3a4, #c99e43);
  box-shadow: inset 0 1px #fff, 0 2px 5px #0002;
  color: #181a1f;
  font-weight: 900;
  text-decoration: none;
}

.avatar-corner-v741 {
  position: absolute;
  z-index: 6;
  left: 12px;
  bottom: 8px;
  width: 86px;
  height: 86px;
  filter: drop-shadow(0 8px 5px #0005);
  transition: transform .25s ease;
  pointer-events: none;
}
.avatar-corner-v741 .avatar-nav-live,
.avatar-corner-v741 .planner-avatar-live-v742,
.avatar-corner-v741 svg { width: 100%; height: 100%; }
.avatar-corner-v741 .planner-avatar-live-v742 { display: grid; place-items: end center; overflow: visible; }
.avatar-corner-v741 .planner-avatar-live-v742 > svg { display: block !important; max-width: 100%; max-height: 100%; overflow: visible; opacity: 1 !important; visibility: visible !important; }
.avatar-corner-v741.happy { animation: planner-avatar-happy-v741 2.8s ease-in-out infinite; }
.avatar-corner-v741.attention { transform: rotate(3deg) translateX(2px); }
.avatar-reaction-v741 {
  position: absolute;
  z-index: 2;
  right: -20px;
  top: -17px;
  min-width: 33px;
  min-height: 30px;
  padding: 5px 7px;
  display: grid;
  place-items: center;
  border: 2px solid #555d67;
  border-radius: 14px 14px 14px 3px;
  background: #fff;
  color: #22252a;
  box-shadow: 0 4px 9px #0004;
  font-size: 1rem;
  font-weight: 950;
}
.avatar-reaction-v741:empty { display: none; }
@keyframes planner-avatar-happy-v741 { 50% { transform: translateY(-3px) rotate(-1deg); } }

.planner-modal-v741 {
  position: fixed;
  z-index: 2147483640;
  inset: 0;
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  display: grid;
  place-items: center;
  overflow: auto;
  background: #08090dcc;
  backdrop-filter: blur(4px);
}
.planner-modal-v741[hidden] { display: none; }
.planner-card-v741 {
  position: relative;
  width: min(620px, 96vw);
  max-height: min(820px, calc(100dvh - max(16px, env(safe-area-inset-top, 0px)) - max(16px, env(safe-area-inset-bottom, 0px))));
  overflow: auto;
  padding: 22px;
  border: 2px solid #69717b;
  border-radius: 20px;
  background: linear-gradient(145deg, #f8f9fa, #c4cad1);
  box-shadow: 0 28px 70px #0009, inset 0 1px #fff;
  color: #15171a;
}
.planner-card-v741 h2 { margin: 0 38px 14px 0; }
.planner-card-v741 h3 { margin: 14px 0 7px; }
.modal-close-v741 {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 7px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  font-size: 1.65rem;
}
.planner-form-v741 { display: grid; gap: 11px; }
.assignment-picker-v741 {
  min-width: 0;
  margin: 0;
  padding: 10px 11px 11px;
  border: 1px solid #8b939d;
  border-radius: 11px;
}
.assignment-picker-v741 legend { padding: 0 5px; color: #34383f; font-weight: 900; }
.choice-grid-v741 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 9px; }
.planner-form-v741 label,
.field-v741 { display: grid; gap: 5px; color: #34383f; font-weight: 850; }
.planner-form-v741 input:not([type="checkbox"]):not([type="radio"]),
.planner-form-v741 select,
.planner-form-v741 textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 11px;
  border: 1px solid #838c97;
  border-radius: 10px;
  background: #fff;
  color: #17191d;
}
.planner-form-v741 textarea { min-height: 76px; resize: vertical; }
.form-grid-v741 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.check-row-v741,
.radio-row-v741 { min-height: 44px; display: flex !important; align-items: center; gap: 9px; }
.check-row-v741 input,
.radio-row-v741 input { width: 22px; height: 22px; accent-color: var(--p741-purple); }
.help-v741 { margin: 0; color: #5b626b; font-size: .78rem; }

.color-options-v741,
.color-swatches-v741 { display: flex; gap: 8px; flex-wrap: wrap; }
.color-swatch-v741,
.swatch-v741 {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 3px solid transparent;
  border-radius: 50%;
  background: var(--swatch, #777);
  box-shadow: inset 0 0 0 1px #0003;
}
.color-swatch-v741.selected,
.swatch-v741.selected,
.color-swatch-v741[aria-pressed="true"],
.swatch-v741[aria-pressed="true"] { border-color: #16181d; outline: 2px solid #fff; outline-offset: -5px; }

.school-results-v741,
.import-list-v741,
.alert-list-v741,
.briefing-list-v741 { display: grid; gap: 7px; }
.school-result-v741,
.import-row-v741,
.alert-row-v741 {
  min-height: 48px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #9ca4ae;
  border-radius: 10px;
  background: #ffffffaa;
}
.school-result-v741 > div,
.import-row-v741 > div,
.alert-row-v741 > div { min-width: 0; flex: 1; }
.school-result-v741 strong,
.import-row-v741 strong,
.alert-row-v741 strong { display: block; }
.school-result-v741 small,
.import-row-v741 small,
.alert-row-v741 small { display: block; color: var(--p741-muted); }
.import-row-v741 input { width: 22px; height: 22px; flex: 0 0 22px; }
.school-import-v741 { margin-top: 8px; padding: 11px; border: 1px solid #8796a4; border-radius: 12px; background: #eef3f7; }
.planner-avatar-snapshot-v741 > svg { display: block; width: 100%; height: 100%; }

.widget-color-palette-v742 {
  display: grid;
  grid-template-columns: repeat(4, minmax(58px, 1fr));
  gap: 11px;
}
.widget-color-choice-v742 {
  min-height: 64px !important;
  padding: 6px !important;
  border: 3px solid #707984 !important;
  background: #f3f4f6 !important;
}
.widget-color-choice-v742 > span {
  display: block;
  width: 100%;
  height: 46px;
  border: 1px solid #ffffffcc;
  border-radius: 8px;
  background: var(--choice-color);
  box-shadow: inset 0 0 0 1px #0002;
}
.widget-color-choice-v742.selected { border-color: #6e319a !important; box-shadow: 0 0 0 3px #b982df66 !important; }
.color-holding-v742 { animation: planner-color-hold-v742 .68s ease-in-out both; }
@keyframes planner-color-hold-v742 { to { filter: brightness(1.07); box-shadow: inset 0 0 0 5px #8451ae, 0 8px 18px var(--p741-shadow); } }

.planner-toast-v741 {
  position: fixed;
  z-index: 2147483641;
  left: 50%;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  max-width: min(90vw, 520px);
  padding: 11px 15px;
  transform: translateX(-50%);
  border: 1px solid #8b6c27;
  border-radius: 999px;
  background: #17191f;
  box-shadow: 0 8px 30px #0008;
  color: #fff;
  font-weight: 850;
  text-align: center;
}
.planner-toast-v741[hidden] { display: none; }

.layout-unlocked-v741 .widget-v741,
.layout-unlocked-v741 .people-v741,
.layout-edit-v741 .widget-v741,
.layout-edit-v741 .people-v741 {
  outline: 3px dashed #8352af;
  outline-offset: -4px;
  cursor: default;
  touch-action: pan-y;
}
.layout-unlocked-v741 [data-widget].dragging,
.layout-edit-v741 [data-widget].dragging { opacity: .66; cursor: grabbing; transform: scale(.99); }
.layout-unlocked-v741 ~ .avatar-corner-v741,
.avatar-corner-v741[tabindex="0"] { cursor: grab; touch-action: none; pointer-events: auto; }

.planner-page-v741 :focus-visible {
  outline: 3px solid #7b44ad;
  outline-offset: 2px;
}
.sr-only-v741 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-gg-site-theme="moon"] .tablet-screen-v741 {
  background: radial-gradient(circle at 88% 12%, #ffffff18, transparent 25%), linear-gradient(145deg, #343943, #20242c);
  color: #f3f4f6;
}
html[data-gg-site-theme="moon"] .planner-heading-v741 > strong { color: #f5f6f7; }
html[data-gg-site-theme="moon"] .eyebrow-v741 { color: #f0cc75; }
html[data-gg-site-theme="moon"] .widget-v741,
html[data-gg-site-theme="moon"] .people-v741 { border-color: #747c87; background: linear-gradient(145deg, color-mix(in srgb, var(--planner-widget-color, #555) 34%, #343943), color-mix(in srgb, var(--planner-widget-color, #555) 17%, #20242c)); color: #f5f6f7; box-shadow: inset 0 1px #ffffff25, 0 8px 18px #0006; }
html[data-gg-site-theme="moon"] .people-head-v741 { background: linear-gradient(color-mix(in srgb, var(--planner-widget-color, #555) 30%, #343943) 70%, transparent); }
html[data-gg-site-theme="moon"] .task-title-v741 { color: #f5f6f7; }
html[data-gg-site-theme="moon"] .widget-head-v741 strong,
html[data-gg-site-theme="moon"] .person-info-v741 small,
html[data-gg-site-theme="moon"] .task-copy-v741 small,
html[data-gg-site-theme="moon"] .empty-v741 { color: #d0d4da; }

@media (max-width: 900px) {
  .tablet-v741 { height: clamp(720px, 82vh, 900px); }
  .planner-grid-v741 { grid-template-columns: minmax(0, 1.45fr) minmax(220px, .78fr); }
  .agenda-actions-v741 #todayWeekV741 { display: none; }
  .today-list-v741 { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .planner-shell-v741 { padding: calc(80px + env(safe-area-inset-top, 0px)) 5px calc(18px + env(safe-area-inset-bottom, 0px)); }
  .tablet-v741 { width: 100%; height: auto; min-height: 920px; padding: 8px; border-radius: 25px; }
  .tablet-camera-v741 { top: 2px; }
  .tablet-screen-v741 { min-height: 900px; overflow: hidden; padding: 11px; border-radius: 18px; }
  .planner-topbar-v741 { align-items: flex-start; }
  .planner-heading-v741 > strong { max-width: 52vw; font-size: .9rem; }
  .planner-actions-v741 { max-width: 46vw; gap: 5px; }
  .planner-actions-v741 button { min-height: 44px; padding: 6px 8px; font-size: .73rem; }
  .planner-actions-v741 .round-v741 { font-size: 1.2rem; }
  .planner-grid-v741 {
    height: auto;
    padding-bottom: 100px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "agenda" "tasks" "today" "people";
    gap: 10px;
  }
  .today-v741 { max-height: 180px; }
  .agenda-v741 { min-height: 320px; }
  .task-v741 { min-height: 170px; max-height: 320px; }
  .people-v741 { min-height: 145px; max-height: 310px; }
  .week-strip-v741 { gap: 2px; }
  .day-v741 { min-height: 48px; padding: 5px 1px; font-size: .61rem; }
  .day-v741 strong { font-size: .9rem; }
  .agenda-actions-v741 { gap: 4px; }
  .agenda-actions-v741 button { min-width: 44px; padding: 6px 7px; font-size: .78rem; }
  .agenda-actions-v741 #todayWeekV741 { display: none; }
  .event-chip-v741 { align-items: flex-start; }
  .source-badge-v741,
  .priority-badge-v741 { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
  .avatar-corner-v741 { width: 78px; height: 78px; }
  .alert-star-v741 { width: 56px; height: 56px; right: 12px; bottom: 80px; }
  .planner-save-v746 { width: 56px; height: 56px; right: 12px; bottom: 14px; }
  .form-grid-v741 { grid-template-columns: 1fr; }
  .choice-grid-v741 { grid-template-columns: 1fr; }
  .planner-form-v741 input:not([type="checkbox"]):not([type="radio"]),
  .planner-form-v741 select,
  .planner-form-v741 textarea { font-size: 16px; }
  .planner-card-v741 { padding: 19px 15px; }
}

@media (max-width: 390px) {
  .planner-actions-v741 #layoutEditV741 { max-width: 83px; }
  .widget-head-v741 { align-items: flex-start; }
  .agenda-v741 .widget-head-v741 { display: grid; }
  .agenda-actions-v741 { justify-content: stretch; }
  .agenda-actions-v741 #addEventV741 { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .alert-star-v741,
  .planner-save-v746,
  .avatar-corner-v741 { animation: none !important; transition: none !important; }
}

/* v765 — Planner uses the full live Avatar Studio snapshot instead of a tiny avatar chip. */
.avatar-corner-v741{
  z-index:7;
  left:16px;
  bottom:8px;
  width:clamp(154px,18vw,214px);
  height:clamp(188px,23vw,278px);
  display:grid;
  align-items:end;
  justify-items:center;
  filter:drop-shadow(0 11px 7px rgba(0,0,0,.34));
  transform-origin:50% 100%;
  overflow:visible;
}
.avatar-corner-v741 .planner-avatar-live-v742,
.avatar-corner-v741 .planner-avatar-live-v742>svg,
.avatar-corner-v741 .avatar-nav-live{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
}
.avatar-corner-v741 .planner-avatar-live-v742{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.avatar-corner-v741 .planner-avatar-live-v742>svg{
  display:block!important;
  object-fit:contain;
  transform:none!important;
  transform-origin:50% 100%;
}
.avatar-reaction-v741{right:-8px;top:1px}
.planner-grid-v741{padding-bottom:190px}
@media(max-width:760px){
  .planner-grid-v741{padding-bottom:205px}
  .avatar-corner-v741{left:7px;bottom:7px;width:150px;height:188px}
  .people-v741{min-height:175px}
  .alert-star-v741{right:12px;bottom:84px}
  .planner-save-v746{right:12px;bottom:16px}
}
@media(max-width:410px){
  .planner-grid-v741{padding-bottom:190px}
  .avatar-corner-v741{width:142px;height:178px;left:4px;bottom:5px}
}

/* Live canonical name; a label, never part of Planner saved layout. */
.planner-avatar-name-v804{display:block;position:absolute;left:50%;bottom:1px;transform:translateX(-50%);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #997c3d;border-radius:9px;padding:4px 7px;background:linear-gradient(#f9e3a8,#dabb66);color:#24212b;font:800 10px/1.2 system-ui;pointer-events:none}

/* v816 — the Planner keeps the live avatar and active Familiar together as a small animated scene. */
.planner-duo-scene-v816{width:clamp(218px,25vw,306px);height:clamp(188px,23vw,278px);isolation:isolate}
.planner-duo-scene-v816 .planner-avatar-live-v742{position:absolute;z-index:3;left:0;bottom:0;width:68%!important;height:100%!important;transform-origin:48% 100%}
.planner-duo-scene-v816 .planner-familiar-live-v816{position:absolute;z-index:4;right:0;bottom:14px;width:43%;height:48%;display:grid;place-items:end center;transform-origin:50% 100%;filter:drop-shadow(0 7px 5px rgba(0,0,0,.3));pointer-events:none}
.planner-familiar-live-v816 :is(.familiar-avatar,.pet-hover,svg),.planner-familiar-live-v816>div{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;overflow:visible!important}
.planner-familiar-fallback-v816{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#8b65b3,#412f57);border:4px solid #241a2c;color:#ffe280;font-size:42px}
.planner-duo-props-v816,.planner-duo-props-v816>i{position:absolute;inset:0;pointer-events:none}.planner-duo-props-v816{z-index:8;overflow:visible}.planner-duo-props-v816>i{display:none;font-style:normal}
.planner-duo-props-v816 .ball{width:18px;height:18px;inset:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#ef4f86 10% 47%,#8a2757 49%);border:2px solid #271827;box-shadow:0 3px 4px #0004}
.planner-duo-props-v816 .chicken-leg{width:28px;height:15px;inset:auto;border-radius:58% 42% 48% 52%;background:#b95b2f;border:2px solid #3b221b;transform:rotate(-24deg)}.planner-duo-props-v816 .chicken-leg:after{content:"";position:absolute;right:-10px;top:4px;width:13px;height:5px;border-radius:5px;background:#efe4c7;box-shadow:6px -3px 0 -1px #efe4c7}
.planner-duo-props-v816 .dragon-flame{width:48px;height:35px;inset:auto;background:radial-gradient(ellipse at 15% 50%,#fff680 0 13%,#ff9b24 27%,#f04425 53%,transparent 70%);filter:drop-shadow(0 0 8px #ff8b28);transform-origin:left center}
.planner-duo-props-v816 .bone{width:28px;height:8px;inset:auto;border-radius:7px;background:#eee5cf;border:2px solid #4d4134}.planner-duo-props-v816 .bone:before,.planner-duo-props-v816 .bone:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#eee5cf;border:2px solid #4d4134;top:-3px}.planner-duo-props-v816 .bone:before{left:-5px}.planner-duo-props-v816 .bone:after{right:-5px}
.planner-duo-props-v816 .sleep{inset:auto;right:14%;top:19%;font:900 22px/1 system-ui;color:#624e91;text-shadow:0 1px #fff}.planner-duo-props-v816 .spark{inset:auto;right:31%;top:39%;font:900 24px/1 system-ui;color:#ffe46d;text-shadow:0 0 8px #ffb938}
.planner-duo-props-v816 .whistle-notes{inset:auto;display:none;left:45%;top:22%;color:#42305d;font:1000 28px/1 Georgia,serif;text-shadow:0 2px #fff,0 0 8px rgba(255,255,255,.75)}
.planner-duo-scene-v816.planner-whistle-v818 .planner-avatar-live-v742{animation:planner-avatar-whistle-v818 1.55s ease-in-out both!important}
.planner-duo-scene-v816.planner-whistle-v818 .whistle-notes{display:block;animation:planner-whistle-notes-v818 1.55s ease-out both}
.planner-duo-scene-v816.scene-fetch-v816 .ball{display:block;animation:planner-duo-fetch-v816 4.1s ease-in-out both}.planner-duo-scene-v816.scene-fetch-v816 .planner-familiar-live-v816{animation:planner-pet-fetch-v816 4.1s ease-in-out both}.planner-duo-scene-v816.scene-fetch-v816 .planner-avatar-live-v742{animation:planner-avatar-throw-v816 1.1s ease-out}
.planner-duo-scene-v816.scene-ride-v816 .planner-familiar-live-v816{animation:planner-pet-ride-v816 4.1s ease-in-out both}.planner-duo-scene-v816.scene-ride-v816 .planner-avatar-live-v742{animation:planner-avatar-ride-v816 4.1s ease-in-out both}
.planner-duo-scene-v816.scene-highfive-v816 .planner-avatar-live-v742{animation:planner-avatar-highfive-v816 2.1s ease-in-out 2}.planner-duo-scene-v816.scene-highfive-v816 .planner-familiar-live-v816{animation:planner-pet-highfive-v816 2.1s ease-in-out 2}.planner-duo-scene-v816.scene-highfive-v816 .spark{display:block;animation:planner-spark-v816 2.1s ease-in-out 2}
.planner-duo-scene-v816.scene-nap-v816 :is(.planner-avatar-live-v742,.planner-familiar-live-v816){animation:planner-duo-nap-v816 4.2s ease-in-out both}.planner-duo-scene-v816.scene-nap-v816 .sleep{display:block;animation:planner-sleep-v816 1.5s ease-in-out infinite}
.planner-duo-scene-v816.scene-orbit-v816 .planner-familiar-live-v816{animation:planner-pet-orbit-v816 4.2s ease-in-out both}
.planner-duo-scene-v816.scene-dragon-feed-v816 .planner-avatar-live-v742{animation:planner-avatar-throw-v816 1.15s ease-out}.planner-duo-scene-v816.scene-dragon-feed-v816 .chicken-leg{display:block;animation:planner-dragon-leg-v816 2s cubic-bezier(.25,.7,.35,1) both}.planner-duo-scene-v816.scene-dragon-feed-v816 .planner-familiar-live-v816{animation:planner-dragon-eat-v816 5.4s ease-in-out both}.planner-duo-scene-v816.scene-dragon-feed-v816 .dragon-flame{display:block;animation:planner-dragon-flame-v816 5.4s ease-out both}.planner-duo-scene-v816.scene-dragon-feed-v816 .bone{display:block;animation:planner-dragon-bone-v816 5.4s ease-out both}
@keyframes planner-duo-fetch-v816{0%{left:30%;top:50%;opacity:0}9%{opacity:1}42%{left:88%;top:20%}55%{left:81%;top:63%}75%,100%{left:28%;top:67%;opacity:1}}
@keyframes planner-pet-fetch-v816{0%,18%,100%{transform:none}45%{transform:translate(18px,-18px) rotate(5deg)}68%{transform:translate(-84px,4px) rotate(-5deg)}}
@keyframes planner-avatar-throw-v816{0%,100%{transform:none}42%{transform:rotate(-7deg) translateY(-3px)}68%{transform:rotate(5deg)}}
@keyframes planner-pet-ride-v816{0%,15%,100%{transform:none}34%,78%{transform:translate(-56px,13px) scale(1.12)}}
@keyframes planner-avatar-ride-v816{0%,22%,100%{transform:none}38%,76%{transform:translate(30px,-21px) rotate(-2deg) scale(.94)}52%,66%{transform:translate(35px,-26px) rotate(2deg) scale(.94)}}
@keyframes planner-avatar-highfive-v816{0%,100%{transform:none}50%{transform:translateX(10px) rotate(4deg)}}@keyframes planner-pet-highfive-v816{0%,100%{transform:none}50%{transform:translate(-13px,-15px) rotate(-8deg)}}@keyframes planner-spark-v816{0%,35%,70%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}
@keyframes planner-duo-nap-v816{0%,100%{transform:none}35%,82%{transform:translateY(5px) rotate(-3deg) scaleY(.96)}}@keyframes planner-sleep-v816{0%{opacity:0;transform:translate(0,8px) scale(.7)}45%{opacity:1}100%{opacity:0;transform:translate(14px,-20px) scale(1.2)}}
@keyframes planner-pet-orbit-v816{0%,100%{transform:none;z-index:4}25%{transform:translate(-105px,-70px) scale(.8);z-index:5}55%{transform:translate(-125px,12px) scale(1.15);z-index:2}78%{transform:translate(-30px,-42px) scale(.9);z-index:4}}
@keyframes planner-dragon-leg-v816{0%{left:25%;top:62%;opacity:0}12%{opacity:1}62%{left:80%;top:25%;transform:rotate(380deg)}85%,100%{left:82%;top:57%;opacity:0;transform:rotate(480deg)}}
@keyframes planner-dragon-eat-v816{0%,31%,100%{transform:none}40%{transform:translateY(-14px) scale(1.08)}52%{transform:translateY(3px) scale(.95)}70%{transform:translate(-3px,-3px) rotate(-4deg)}}
@keyframes planner-dragon-flame-v816{0%,57%,82%,100%{opacity:0;right:22%;top:46%;transform:scaleX(.15)}65%,75%{opacity:1;right:5%;top:42%;transform:scaleX(1.2)}}
@keyframes planner-dragon-bone-v816{0%,72%{opacity:0;right:10%;top:52%;transform:translate(0,0) rotate(0)}78%{opacity:1}100%{opacity:1;right:-2%;top:80%;transform:translate(10px,20px) rotate(320deg)}}
@keyframes planner-avatar-whistle-v818{0%,100%{transform:none}18%,72%{transform:translateY(-2px) rotate(-3deg)}42%{transform:translateY(-4px) rotate(2deg)}}
@keyframes planner-whistle-notes-v818{0%{opacity:0;transform:translate(0,10px) scale(.7) rotate(-8deg)}18%,62%{opacity:1}100%{opacity:0;transform:translate(26px,-32px) scale(1.22) rotate(15deg)}}
.planner-page-v741 .gg-familiar-trigger-v339{display:none!important}
@media(max-width:760px){.planner-duo-scene-v816{left:5px!important;width:196px!important;height:184px!important}.planner-duo-scene-v816 .planner-familiar-live-v816{bottom:13px}.planner-grid-v741{padding-bottom:200px}}
@media(prefers-reduced-motion:reduce){.planner-duo-scene-v816 *{animation:none!important}.planner-duo-props-v816{display:none!important}}

/* v824 — keep the reaction badge upright while the avatar reacts, and expose the canonical Familiar renderer. */
.avatar-corner-v741.happy,.avatar-corner-v741.attention{animation:none!important;transform:none!important}
.avatar-corner-v741.happy .planner-avatar-live-v742{animation:planner-avatar-happy-v741 2.8s ease-in-out infinite}
.planner-familiar-live-v816{display:grid!important;opacity:1!important;visibility:visible!important}
.planner-familiar-live-v816>.gg-familiar-avatar-v339,.planner-familiar-live-v816>.familiar-avatar,.planner-familiar-live-v816>.pet-hover,.planner-familiar-live-v816>.pet-model-v345{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
.planner-duo-scene-v816 .avatar-reaction-v741{transform:none!important;rotate:0deg!important;animation:none!important}