:root{--bg:#f1ebfa;--card:#fff;--plum:#3f3354;--accent:#5e4f7d;--soft:#cdb9ee;--mist:#e8dcf8;--ink:#1d1724;--body:#3d3450;--muted:#6b6280;--line:rgba(94,79,125,.16)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0}
h1{font-size:clamp(2rem,6vw,2.8rem)}
h2{font-size:1.75rem}
h3{font-size:1.3rem}
em{font-style:italic}
button{font:inherit;cursor:pointer}
a{color:var(--accent)}
.mock{background:var(--plum);color:#ede6f8;font-size:.82rem;text-align:center;padding:8px 16px}
.mock b{color:#fff}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.head-in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}
.head-in img{height:44px;width:auto}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:1.35rem;font-weight:600;color:var(--plum);line-height:1.1}
.head-in .who{margin-left:auto;font-size:.85rem;color:var(--muted);text-align:right}
.tab .new{font-size:.62rem;background:#e9b949;color:#3a2a00;border-radius:999px;padding:1px 6px;margin-left:4px;vertical-align:1px}
main{max-width:1080px;margin:0 auto;padding:22px 16px 90px}
.panel{display:none}.panel.on{display:block}
.eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:rgba(255,255,255,.7);border:1px solid rgba(142,123,184,.25);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.lede{color:var(--body);font-size:1.05rem;max-width:44rem;margin:.6rem 0 0}
.grid{display:grid;gap:16px}
@media(min-width:860px){.grid.two{grid-template-columns:1.35fr 1fr}.grid.half{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}
.card h3{margin-bottom:10px}
.soft{background:linear-gradient(120deg,#e2d3f6 0%,#f8f4fd 45%,#ebe0f9 100%)}
.step{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.step:first-of-type{border-top:0}
.check{flex:0 0 26px;height:26px;border-radius:50%;border:2px solid var(--soft);background:#fff;display:grid;place-items:center;color:#fff;font-size:15px;margin-top:1px;padding:0}
.step.done .check{background:var(--accent);border-color:var(--accent)}
.step.done .txt{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--soft)}
.txt{flex:1}
.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.day{font-size:.78rem;color:var(--muted);font-weight:600}
.chip{border:1px solid var(--line);background:#f8f4fd;color:var(--accent);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;white-space:nowrap}
.chip.liz{background:#efe6fb;color:#4a3a6b}.chip.mike{background:#e6eefb;color:#2f4a7a}.chip.shared{background:#e7f3ec;color:#2f5e45}.chip.help{background:#fbf0e3;color:#7a5326}.chip.none{background:#f3f1f6;color:#8a8297}
.flag{display:inline-block;font-size:.72rem;font-weight:700;color:#7a5326;background:#fbf0e3;border-radius:999px;padding:2px 8px}
.tag{font-size:.72rem;color:var(--muted);font-style:italic}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:#000;color:#fff;font-weight:600;padding:11px 20px;font-size:.92rem;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(0,0,0,.5)}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.btn.soft-btn{background:var(--mist);color:var(--plum)}
.btn.small{padding:7px 14px;font-size:.84rem}
.btn.rec{background:#b3261e}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.list{margin:0;padding:0;list-style:none}
.list li{padding:10px 0;border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.when{font-weight:700;color:var(--accent);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.stat{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.6rem;font-weight:600;color:var(--plum);line-height:1}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.stats .card{padding:16px}
.small-note{font-size:.84rem;color:var(--muted)}
.sample{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a5326;background:#fbf0e3;border-radius:6px;padding:1px 6px}
.cat{margin-top:14px}
.cat summary{cursor:pointer;font-weight:700;color:var(--plum);padding:10px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
.cat summary::-webkit-details-marker{display:none}
.cat summary span{font-weight:500;color:var(--muted);font-size:.85rem}
.job{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.job .nm{flex:1;font-size:.95rem}
.diff{background:#fff8ec;border:1px solid #f0dcc0;border-radius:14px;padding:12px 14px;margin-top:10px}
.months{display:grid;gap:12px}
@media(min-width:700px){.months{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.months{grid-template-columns:1fr 1fr 1fr}}
.month h3{display:flex;justify-content:space-between;align-items:baseline}
.month h3 small{font-family:-apple-system,sans-serif;font-size:.75rem;color:var(--muted);font-weight:600}
.month.now{border-color:var(--accent);box-shadow:0 0 0 2px var(--soft)}
.item{padding:8px 0;border-top:1px solid var(--line);font-size:.93rem}
.item:first-of-type{border-top:0}
.item.added{background:#f8f4fd;border-radius:10px;padding:8px;border-top:0;margin-top:6px}
.lead{font-size:.8rem;color:var(--muted)}
.ph{color:var(--muted);font-style:italic}
textarea,input[type=text],input[type=number],input[type=date],input[type=url],input[type=email],input[type=time],input[type=tel],select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;line-height:1.4;background-color:#fff;color:var(--ink);box-sizing:border-box}
/* Every box looks the same: dropdowns drop the browser's own look and get the same shape, size and a soft arrow. */
select{-webkit-appearance:none;appearance:none;padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235e4f7d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center}
input[type=text],input[type=number],input[type=date],input[type=url],input[type=email],input[type=time],input[type=tel],select{height:48px}
.run-grid select,.run-grid input,.gift-table input,.gift-table select,.gp-row input,.gp-row select,.sys-in input,.vendor-row input,.vendor-row select,td.md select,.upkeep input,.gp-stats input{height:38px}
textarea{min-height:140px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:#8e7bb8;box-shadow:0 0 0 3px rgba(142,123,184,.2)}
label.f{display:block}
label.f > span{display:block;font-size:.84rem;font-weight:700;color:var(--plum);margin-bottom:6px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills button{border:1.5px solid var(--line);background:#fff;color:var(--body);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}
.pills button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:#fff}
.dump{display:grid;gap:12px;margin-top:16px}
@media(min-width:860px){.dump{grid-template-columns:repeat(4,1fr)}}
.bucket{background:#fff;border:1px dashed var(--soft);border-radius:18px;padding:14px;min-height:110px}
.bucket h3{font-size:1.15rem}
.dcard{background:#f8f4fd;border-radius:12px;padding:9px 10px;margin-top:8px;font-size:.9rem}
.dcard .row{gap:4px;margin-top:6px}
.dcard .row button{border:1px solid var(--line);background:#fff;border-radius:999px;font-size:.72rem;padding:2px 8px;color:var(--accent)}
.dcard .note{font-size:.76rem;color:#2f5e45;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px;white-space:nowrap}
td{padding:6px;border-top:1px solid var(--line);vertical-align:middle}
td input,td select{padding:8px 10px;border-radius:10px;font-size:.9rem;min-width:90px}
.count{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.count .card{text-align:center;padding:14px}
.email{max-width:600px;margin:0 auto;background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}
.email .top{background:var(--plum);color:#fff;padding:22px 24px}
.email .top h2{color:#fff}
.email .body{padding:22px 24px;color:var(--body)}
.email .body li{margin:6px 0}
.email .meals{background:#f8f4fd;border-radius:14px;padding:12px 16px;margin:12px 0}
.facts li{padding:6px 0}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:var(--plum);color:#fff;padding:10px 18px;border-radius:999px;font-size:.9rem;opacity:0;transition:all .25s ease;z-index:80;max-width:90vw;text-align:center;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.pill{display:inline-block;background:var(--mist);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}
/* sheet / pop-up */
.veil{position:fixed;inset:0;background:rgba(29,23,36,.42);display:none;align-items:flex-end;justify-content:center;z-index:70;padding:0}
.veil.on{display:flex}
@media(min-width:700px){.veil{align-items:center;padding:20px}}
.sheet{background:#fff;width:100%;max-width:460px;border-radius:24px 24px 0 0;padding:22px 20px 26px;box-shadow:0 -10px 40px -10px rgba(40,30,70,.4);animation:up .25s ease}
@media(min-width:700px){.sheet{border-radius:24px}}
@keyframes up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.sheet .q{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:600;line-height:1.15;margin:4px 0 6px}
.sheet .opts{display:grid;gap:8px;margin-top:14px}
.sheet .opts button{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font-weight:600;color:var(--ink)}
.sheet .opts button:hover{border-color:var(--accent)}
.sheet .opts button.primary{background:var(--plum);color:#fff;border-color:var(--plum)}
.sheet .skip{background:none;border:0;color:var(--muted);font-size:.86rem;margin-top:12px;text-decoration:underline}
/* meals */
.steps-nav{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.steps-nav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;color:var(--muted)}
.steps-nav button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.steps-nav button.ok{color:#2f5e45;border-color:#bfe0cb}
.favs{display:grid;gap:12px}
@media(min-width:760px){.favs{grid-template-columns:1fr 1fr}}
.fav{display:grid;gap:8px;background:#f8f4fd;border-radius:16px;padding:12px}
.fav .row{gap:8px}
.deck-wrap{display:grid;place-items:center;margin-top:10px}
.deck{position:relative;width:min(360px,100%);height:440px}
.rcard{position:absolute;inset:0;background:#fff;border-radius:26px;border:1px solid var(--line);box-shadow:0 26px 50px -30px rgba(40,30,70,.55);overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y;user-select:none;transition:transform .3s ease,opacity .3s ease}
.rcard.dragging{transition:none}
.rcard .art{position:relative;flex:none;height:190px;overflow:hidden;display:grid;place-items:center;font-size:84px;background:linear-gradient(140deg,#e2d3f6,#f8f4fd 60%,#ebe0f9)}
.rcard .art .rimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.deck{height:auto;min-height:440px}.rcard{position:relative;min-height:440px}
.swipe-card{position:relative;touch-action:pan-y;user-select:none;transition:transform .3s ease,opacity .3s ease}
.swipe-card.dragging{transition:none}.swipe-card img{-webkit-user-drag:none;user-select:none}
.swipe-card .stamp{position:absolute;top:18px;z-index:2;padding:6px 12px;border-radius:10px;font-weight:800;font-size:1.1rem;letter-spacing:.08em;opacity:0;border:3px solid;background:rgba(255,255,255,.85)}
.swipe-card .stamp.love{left:18px;color:#2f8a55;border-color:#2f8a55;transform:rotate(-12deg)}
.swipe-card .stamp.nope{right:18px;color:#b3261e;border-color:#b3261e;transform:rotate(12deg)}
.rcard .info{padding:16px 18px;flex:1;display:flex;flex-direction:column;gap:6px}
.rcard .because{font-size:.8rem;font-weight:700;color:var(--accent)}
.rcard .stamp{position:absolute;top:22px;padding:6px 12px;border-radius:10px;font-weight:800;font-size:1.1rem;letter-spacing:.08em;opacity:0;border:3px solid}
.rcard .stamp.love{left:20px;color:#2f8a55;border-color:#2f8a55;transform:rotate(-12deg)}
.rcard .stamp.nope{right:20px;color:#b3261e;border-color:#b3261e;transform:rotate(12deg)}
.deck-btns{display:flex;gap:22px;justify-content:center;margin-top:16px}
.deck-btns button{width:64px;height:64px;border-radius:50%;border:0;font-size:1.6rem;box-shadow:0 12px 24px -14px rgba(0,0,0,.5)}
.deck-btns .no{background:#fff;color:#b3261e;border:2px solid #f3c9c6}
.deck-btns .yes{background:var(--plum);color:#fff}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.navlbl{width:100%;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.navlbl:first-child{margin-top:0}
.org{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#2f5e45;background:#e8f5ec;border-radius:999px;padding:1px 6px;vertical-align:1px}
.raterow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
.raterow:last-of-type{border-bottom:0}.raterow small{font-weight:700}.raterow small.up{color:#2f5e45}.raterow small.down{color:var(--muted)}
.rbs{display:flex;gap:6px}.rb{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:.86rem;font-weight:700;color:var(--body);cursor:pointer}
.rb:hover{border-color:#8e7bb8}
.gcal{font-size:.74rem;font-weight:700;color:#1a73e8;text-decoration:none;border:1px solid #d2e3fc;background:#f1f6fe;border-radius:999px;padding:2px 8px;white-space:nowrap}
.dgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
@media(max-width:600px){.dgrid{grid-template-columns:repeat(4,1fr)}}
.dbtn{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:8px 4px;display:grid;gap:2px;justify-items:center;font-size:.8rem;color:var(--body)}
.dbtn span{font-size:1.2rem}.dbtn small{font-size:.66rem;line-height:1.2;text-align:center;color:var(--muted)}
.dbtn.cook{border-color:#bfe0cb;background:#f2faf5}.dbtn.flex{border-color:#f0dcc0;background:#fff8ec}.dbtn.off{background:#f3f1f6}
.rate{font-weight:800;color:#b07a00;font-size:.92rem}.rate span{font-weight:600;color:var(--muted);font-size:.8rem}
.reclink{font-size:.84rem;font-weight:700;margin-top:auto}
.tags span{font-size:.72rem;font-weight:700;color:var(--accent);background:var(--mist);border-radius:999px;padding:2px 8px}
.plan{display:grid;gap:10px}
.pday{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.pday .d{font-weight:800;color:var(--plum);font-size:.86rem;line-height:1.2}
.pday .d small{display:block;font-weight:600;color:var(--muted)}
.pday .m{font-weight:600}
.pday .m small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
.pday.off{background:#f8f4fd}
.shop{display:grid;gap:14px}
@media(min-width:860px){.shop{grid-template-columns:1fr 1fr}}
.sitem{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#f8f4fd;margin-top:6px;font-size:.92rem}
.sitem button{border:1px solid var(--line);background:#fff;border-radius:999px;font-size:.74rem;padding:3px 10px;color:var(--accent);white-space:nowrap}
.sitem small{color:var(--muted)}
.found{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.found:first-child{border-top:0}
.found .ic{font-size:1.4rem;flex:0 0 32px;text-align:center}
.found.ok{opacity:.65}
.found .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.found .acts button{border:1px solid var(--line);background:#fff;border-radius:999px;font-size:.78rem;padding:4px 12px;font-weight:700;color:var(--accent)}
.found .acts button.yes{background:var(--plum);color:#fff;border-color:var(--plum)}
.preview{max-width:100%;max-height:220px;border-radius:14px;border:1px solid var(--line);display:block;margin-top:10px}
.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--soft);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}
footer{max-width:1080px;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:.82rem}
@media(max-width:600px){.head-in .who span{display:none}.head-in img{height:36px}.head-in{gap:8px}.pday{grid-template-columns:62px 1fr}.pday .acts{grid-column:1/-1}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* ---------- live hub additions ---------- */
.beta{background:var(--plum);color:#ede6f8;font-size:.8rem;text-align:center;padding:6px 16px}
.beta a{color:#fff}
body.simple{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.narrow{max-width:520px;margin:0 auto;padding:0;text-align:left}
.mini-logo{height:64px;width:auto;margin-bottom:18px}
.btn.google{background:#fff;color:#1d1724;border:1px solid var(--line);box-shadow:0 2px 10px rgba(63,51,84,.08)}
.btn.google::before{content:"";width:18px;height:18px;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);border-radius:50%}
.pstep{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:10px 0}
.pstep button{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid var(--soft);background:#fff;color:#fff;font-weight:800}
.pstep.done button{background:var(--accent);border-color:var(--accent)}
.pstep.done b{color:var(--muted);text-decoration:line-through}
.pstep small{display:block;color:var(--muted);margin-top:2px}
.empty{padding:18px;border:1.5px dashed var(--soft);border-radius:16px;color:var(--muted);text-align:center}
.busy{opacity:.6;pointer-events:none}
.field{display:grid;gap:6px;margin:12px 0}
.field label{font-weight:700;color:var(--plum);font-size:.92rem}
.setup-steps{display:flex;gap:8px;margin:14px 0 4px;flex-wrap:wrap}
.setup-steps span{font-size:.78rem;font-weight:700;border-radius:999px;padding:4px 10px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.setup-steps span.on{background:var(--plum);color:#fff;border-color:var(--plum)}
.rimg{width:100%;height:100%;object-fit:cover;display:block}
.found .from{font-size:.78rem;color:var(--muted)}
.jobs-table{width:100%;border-collapse:collapse;font-size:.9rem}
.jobs-table td,.jobs-table th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.jobs-table tr.gap td{background:#fff8ec}
.err{color:#9b2c2c;font-weight:600}
iframe.mail{width:100%;min-height:900px;border:0;border-radius:18px;background:#f4f0fa}

/* ---------- round 2 ---------- */
.dayblock{margin-top:6px}
.dayhead{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.2rem;font-weight:700;color:var(--plum);padding:12px 0 2px;border-top:1px solid var(--line)}
.dayblock:first-of-type .dayhead{border-top:0}
.dayhead span{font-family:inherit;font-size:.9rem;font-weight:600;color:var(--muted);margin-left:6px}
.day.late{color:#b42318}
details.draft{margin-top:8px;background:#f8f4fd;border-radius:12px;padding:8px 10px}
details.draft summary{cursor:pointer;font-size:.84rem;font-weight:700;color:var(--accent)}
details.draft textarea{min-height:80px;margin:8px 0}
.todo-cols{display:grid;gap:16px;margin-top:16px}
@media(min-width:900px){.todo-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.todo-col{border-top:5px solid var(--soft)}
.todo-col.liz{border-top-color:#8e7bb8}.todo-col.mike{border-top-color:#5b7fc0}.todo-col.shared{border-top-color:#5fa37c}
.todo-line{margin-top:6px;font-size:.88rem;background:#fff8ec;border-radius:10px;padding:6px 10px}
.reply{margin-top:10px;background:#f8f4fd;border-radius:12px;padding:10px}
.reply textarea{margin-bottom:8px}
.ok-note{color:#2f5e45;font-weight:700;margin:.6rem 0 .3rem}
.draft-preview{white-space:pre-wrap;font:inherit;font-size:.86rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0}
.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:.82rem;color:var(--body)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 10px;margin-right:6px;vertical-align:1px}
.cal-item{padding:7px 0;border-top:1px solid var(--line);font-size:.92rem}
.cal-item:first-of-type{border-top:0}
.cal-item .lead{margin-left:16px}
a.gcal{display:inline-block}

/* Calendar: watched list, view switch, month grid */
.watched li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.watched a{color:var(--ink);word-break:break-all}
.divider{border-top:1px solid var(--line);margin:14px 0 10px}
.small-head{font-size:.92rem}
.cal-bar{justify-content:space-between;align-items:center;gap:12px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.seg button{border:0;background:none;padding:8px 14px;font:inherit;font-size:.88rem;cursor:pointer;color:var(--body)}
.seg button.on{background:var(--accent);color:#fff}
.mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px}
.mdow{font-size:.72rem;text-align:center;color:var(--body);font-weight:700;padding-bottom:4px}
.mcell{min-height:78px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}
.mcell.blank{border:0;background:none;cursor:default}
.mcell.today{border-color:var(--ink);border-width:2px}
.mcell.picked{background:var(--mist)}
.mnum{font-size:.78rem;font-weight:700}
.mev{display:block;font-size:.7rem;line-height:1.2;border-left:3px solid;padding-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmore{font-size:.68rem;color:var(--body)}
@media(max-width:560px){.mcell{min-height:54px}.mev{font-size:0;height:4px;border-left:0;border-top:4px solid;margin-top:1px}}

/* My Trybe */
.chip.kid{background:#fbf0e3;color:#7a5326}.todo-col.kid{border-top-color:#d39a5a}
.trybe-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}

/* Summer camp */
.kid-picks{display:flex;flex-wrap:wrap;gap:10px}
.kid-pick{border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px 16px;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;min-width:120px}
.kid-pick span{font-size:.78rem;color:var(--muted)}
.kid-pick.on{border-color:var(--accent);background:var(--mist)}
.kid-pick.on b::before{content:'✓ '}
.kid-block{border-top:1px solid var(--line);padding:12px 0}
.kid-block:first-of-type{border-top:0}
.camp-row{margin:8px 0}
.camp-card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:10px;font-size:.92rem}
.camp-card.done{background:#f1f8f3}
.warn-card{border-left:4px solid #c2410c}
.table-wrap{overflow-x:auto;margin-top:10px}
.camp-grid{border-collapse:collapse;width:100%;min-width:420px;font-size:.88rem}
.camp-grid th,.camp-grid td{border-bottom:1px solid var(--line);padding:6px;text-align:left;vertical-align:top}
.camp-grid select{width:100%;min-width:120px;font-size:.85rem;padding:5px}
.camp-grid td.gap select{background:#fff4ec;border-color:#e8a87c}
.camp-grid td.camp select{background:#eef7f1}
.camp-grid td.fam select{background:var(--mist)}
.gap-row{border-top:1px solid var(--line);padding:12px 0}
.gap-row:first-of-type{border-top:0}
.local-camps{margin-top:4px}

/* Calendars, activities, check-ins */
.watched li>div{min-width:0;flex:1}
.small-note.warn{color:#9a4b12}
.checkin{margin-top:16px;border-left:4px solid var(--accent)}
.linkish{border:0;background:none;padding:0;font:inherit;font-size:.85rem;color:var(--accent);text-decoration:underline;cursor:pointer}

/* Backup steps when a calendar link can't be read; calendar dates on This Week */
.backup{background:#fff7ef;border:1px solid #f1d3b6;border-radius:12px;padding:10px 12px;margin-top:8px;font-size:.88rem}
.backup ol{margin:6px 0 6px 18px;padding:0}.backup li{margin:4px 0}
.ev-line{font-size:.9rem;padding:4px 0 4px 2px;color:var(--body)}
.ev-line.past{opacity:.45}

/* Activity form: labeled fields, two per row on wide screens */
.act-form{display:grid;grid-template-columns:1fr;gap:0 12px;margin-top:8px}
@media(min-width:560px){.act-form{grid-template-columns:1fr 1fr}.act-form .wide{grid-column:1/-1}}
.act-form .field{margin:6px 0}
.act-form .opt{font-weight:400;color:var(--muted)}

.cal-notes{margin-top:6px;font-size:.88rem}
.cal-notes summary{cursor:pointer;color:var(--accent)}
.cal-notes textarea{min-height:70px;margin:8px 0 6px;font-size:.9rem}

.sorted{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 0}
.sorted:first-of-type{border-top:0}
.sorted .row{gap:6px}
.sorted .chip{border:1px solid var(--line);cursor:pointer}

/* Quick capture, on every page */
.quick-add{position:fixed;right:16px;bottom:16px;z-index:60;border:0;border-radius:999px;background:var(--plum);color:#fff;font:inherit;font-weight:700;font-size:.92rem;padding:12px 18px;box-shadow:0 10px 30px -8px rgba(40,30,70,.55);cursor:pointer}
.quick-add[hidden]{display:none}
@media(max-width:560px){.quick-add{right:12px;bottom:12px;padding:11px 15px;font-size:.86rem}}
main{padding-bottom:70px}

/* School run */
.run-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 8px;align-items:center;margin-top:8px}
.run-grid b{font-size:.82rem;color:var(--muted)}
.run-grid span{font-size:.88rem;font-weight:700}
.run-grid select,.run-grid input{padding:8px 10px;font-size:.88rem}
.run-flag{padding:8px 0;border-top:1px solid var(--line);font-size:.92rem}
.run-flag:first-of-type{border-top:0}
.run-week{font-size:.86rem;display:grid;gap:3px;margin-top:6px}

/* Gifts */
.countdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:18px}
.countdowns .stat{font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:600;line-height:1}
.gift-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.88rem}
.gift-table th{text-align:left;font-size:.78rem;color:var(--muted);padding:6px}
.gift-table td{padding:4px;border-top:1px solid var(--line);vertical-align:top}
.gift-table input,.gift-table select{padding:7px 9px;font-size:.88rem;border-radius:10px}

/* My Super */
.sys-grid{display:grid;grid-template-columns:minmax(150px,1.3fr) auto 1fr;gap:6px 10px;align-items:center;margin-top:8px;font-size:.9rem}
.sys-grid input{padding:7px 9px}
.vendor-row{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1.2fr auto;gap:6px;margin:6px 0}
.vendor-row input,.vendor-row select{padding:8px 10px;font-size:.88rem}
@media(max-width:640px){.vendor-row{grid-template-columns:1fr 1fr}.sys-grid{grid-template-columns:1fr 90px}.sys-grid .small-note{grid-column:1/-1;margin-top:-4px}}
.has-check{display:inline-flex;gap:6px;align-items:center;font-size:.88rem;margin-right:10px}
.has-check input{width:auto}
.upkeep{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:8px 0}
.upkeep:first-of-type{border-top:0}
.upkeep input{width:auto;padding:5px 8px;display:inline-block}
.fix-out{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.urgent{background:#fdecec;color:#8a1f1f;border-radius:10px;padding:10px 12px;font-weight:700}
.contact{gap:8px;margin-top:8px}
.home-intake{border:1px solid var(--line);border-radius:14px;padding:4px 12px}
.opt{font-weight:400;color:var(--muted)}

/* Hand-offs */
.lighten{margin:4px 0 8px}
.hand-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line);font-size:.92rem;cursor:pointer}
.hand-row input{width:auto;margin-top:4px}
.sheet{max-height:88vh;overflow-y:auto}

/* Holiday Gift Planner */
.gp-stats{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin:10px 0}
.gp-stats div{display:flex;flex-direction:column}
.gp-stats b{font-family:"Cormorant Garamond",serif;font-size:1.7rem;line-height:1}
.gp-stats b.over{color:#b42318}
.gp-stats span{font-size:.78rem;color:var(--muted)}
.gp-bar{height:8px;background:var(--mist);border-radius:99px;overflow:hidden}
.gp-bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.gp-row{display:grid;grid-template-columns:1.4fr 100px 120px auto;gap:6px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;margin:6px 0}
.gp-row input,.gp-row select{padding:7px 9px;font-size:.88rem}
.gp-row .gp-idea{grid-column:1/-1;font-size:.84rem}
.gp-money{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--muted)}
.gp-quick{border:1px solid var(--line);cursor:pointer}
.gp-group{display:grid;grid-template-columns:1fr auto;gap:4px;margin:8px 0;font-size:.88rem}
.gp-group .gp-bar{grid-column:1/-1}
.steps-nav button span{opacity:.75;font-weight:600}
td.md select{width:auto;display:inline-block;padding:6px 8px;margin:0 2px 4px 0}
@media(max-width:560px){.gp-row{grid-template-columns:1fr 90px}.gp-row select{grid-column:1}}

.sys-in{display:flex;align-items:center;gap:8px}
.sys-in input[type=number]{width:96px;padding:7px 9px}
.sys-in input:disabled{background:var(--mist);color:var(--muted)}
.sys-in .has-check{margin:0;white-space:nowrap;font-size:.82rem;color:var(--muted)}
.vend-site{grid-column:1/-1;margin-top:-2px}
@media(max-width:640px){.sys-grid{grid-template-columns:1fr auto}}
.sys-in .has-check{font-weight:400}

.limit-note{color:var(--muted);font-size:.78rem;margin-left:4px}

.danger-card{border:1px solid #f1c9c9}
.danger-card h3{color:#8a1f1f}
/* Gift review spreadsheet */
.gp-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px 18px}
.gp-filter span{font-weight:500;color:var(--muted);margin-left:2px}
.gp-sheet{min-width:720px}
.gp-sheet th .sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.gp-sheet th .sort.on{color:var(--accent)}
.gp-sheet .num{text-align:right;white-space:nowrap}
.gp-sheet td:nth-child(2) input{min-width:120px}
.gp-sheet td:nth-child(3) input{min-width:200px}
.gp-sheet .gp-money{justify-content:flex-end}
.gp-sheet .gp-money input{width:80px}
.gp-sheet tr.sub td{background:#f8f4fd;font-size:.8rem;font-weight:700;color:var(--accent);padding:7px 8px}
.gp-sheet tfoot td{border-top:2px solid var(--accent);font-weight:800;color:var(--plum);padding:10px 8px}
.gp-sheet .st-sel{font-weight:600}
.gp-sheet tr.s-purchased .st-sel{background:#fff6e0;border-color:#f1d79a}
.gp-sheet tr.s-arrived .st-sel{background:#e6f1fb;border-color:#a9cbe9}
.gp-sheet tr.s-wrapped .st-sel{background:#e5f4ea;border-color:#9fd1b0}
.gp-sheet th{text-transform:none;letter-spacing:0;font-weight:700}
.gp-sheet td:first-child select{min-width:150px}
.gp-sheet .st-sel{min-width:120px}
.swipe-hint{display:none}
@media(max-width:760px){.swipe-hint{display:block;margin:8px 0 0}}
/* Whose items to show, and folding To-do lists */
.who-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px}
.who-bar .small-note{margin-right:2px}
.who-bar .chip{cursor:pointer;padding:5px 12px;font-size:.8rem}
.who-bar .chip.on{background:var(--plum);color:#fff;border-color:var(--plum)}
details.todo-col>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}
details.todo-col>summary::-webkit-details-marker{display:none}
details.todo-col>summary h3{margin:0;flex:1}
.fold-ic{color:var(--muted);font-size:.9rem;transition:transform .2s}
details.todo-col:not([open])>summary .fold-ic{transform:rotate(-90deg)}
details.todo-col[open]>summary{margin-bottom:6px}
.file-view{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:12px;border:1px solid var(--line);margin:10px 0;background:#fff}
.file-view.pdf{height:70vh}
.sheet{position:relative}
.sheet .opts:empty{display:none}
.sheet-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--plum);font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sheet-x:hover{background:var(--mist)}
.sheet-x+.q{padding-right:44px}
/* Google calendars she picks */
.gc-list{display:grid;gap:4px;margin:6px 0}
.gc-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:.92rem}
.gc-row input{width:18px;height:18px;margin:0;flex:0 0 auto}
.gc-row i{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.gc-row span:not(.tag){flex:1}
details.fold-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}
details.fold-card>summary::-webkit-details-marker{display:none}
details.fold-card>summary h3{margin:0;flex:1}
details.fold-card:not([open])>summary .fold-ic{transform:rotate(-90deg)}
details.fold-card[open]>summary{margin-bottom:10px}
.dayblock.overdue{background:#fff5f2;border:1px solid #f6c9bb;border-radius:16px;padding:4px 12px 8px;margin-top:10px}
.dayblock.overdue .dayhead{color:#b42318}
/* New-item badges on the tabs */
.tab .badge{position:absolute;top:-9px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:.62rem;font-weight:800;line-height:16px;text-align:center;border:2px solid #fff;box-sizing:content-box}
/* Anti-Burnout Mamas: its own rose color everywhere it shows up */
.abm-eyebrow{color:#9c3d64;border-color:rgba(184,77,120,.3)}
.abm-intro{margin-top:16px;border-left:5px solid #b84d78;background:#fdf3f7}
.abm-months{display:grid;gap:12px;margin-top:16px}
.abm-month{border-top:5px solid #b84d78}
.abm-week{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.abm-month>summary+.abm-week{border-top:0}
.abm-week.now{background:#fdf3f7;border-radius:12px;padding:12px;margin:4px -12px}
.abm-date{flex:0 0 78px;display:flex;flex-direction:column;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.3}
.abm-date b{font-size:1rem;color:#9c3d64;letter-spacing:0;text-transform:none}
.abm-date em{font-style:normal;font-weight:700;color:#b84d78}
.abm-body{flex:1;min-width:0}
.abm-task{font-weight:600;color:var(--ink)}
.abm-week.did .abm-task{color:var(--muted);text-decoration:line-through;text-decoration-color:#e3b3c7}
.abm-gone{font-size:.88rem;color:var(--muted);margin-bottom:6px}
.abm-body input.abm-mine{width:100%;height:38px}
.abm-x{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.85rem;line-height:1}
.abm-x.blank{visibility:hidden}
.abm-week>.abm-x{margin-top:3px}
.abm-x:hover{border-color:#b84d78;color:#b84d78}
.step.abm{border-left:4px solid #b84d78;padding-left:10px;border-radius:2px}
.tag.abm-tag{color:#9c3d64;font-style:normal;font-weight:600}
/* First look at a new calendar's dates */
.cal-review{margin-top:16px}
.cal-review-list{margin-top:10px;border-top:1px solid var(--line)}
.cal-review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.gc-accts{margin-top:10px}
.allergy-note,.vet-note{color:var(--muted);font-style:italic}
/* Add a to-do: labeled fields so the date box is obvious */
details.td-add-wrap>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
details.td-add-wrap>summary::-webkit-details-marker{display:none}
details.td-add-wrap[open]>summary{display:none}
.td-add{display:grid;grid-template-columns:3fr 1fr 1.2fr auto;gap:12px;align-items:end}
.td-add .field{margin:0;min-width:0}
.td-add .opt{font-weight:400;color:var(--muted)}
.td-add input,.td-add select{width:100%;min-width:0;box-sizing:border-box;height:44px}
.td-add .btn{height:44px}
@media(max-width:700px){.td-add{grid-template-columns:1fr 1fr}.td-add .td-what{grid-column:1/-1}.td-add .btn{grid-column:1/-1}}
/* Date boxes: same size as the other boxes everywhere (iPhones draw them taller and blank) */
.date-box{position:relative;display:block;min-width:0}
.date-box input[type=date]{display:block;width:100%;min-width:0;box-sizing:border-box;height:44px;margin:0}
.date-ph{display:none;position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9a92aa;pointer-events:none;font-size:1rem}
@supports (-webkit-touch-callout: none){
  input[type=date]{-webkit-appearance:none;appearance:none;min-height:44px;line-height:44px;text-align:left;background:#fff}
  input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}
  .date-box:not(.has-val) .date-ph{display:block}
}
/* Calendar setup folds away once something is set up */
details.cal-setup>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px;margin:0}
details.cal-setup>summary::-webkit-details-marker{display:none}
.cal-setup-ic{font-size:1.4rem}
.cal-setup-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.cal-setup-txt b{font-size:1.02rem;color:var(--plum)}
.cal-setup-txt .small-note{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.cal-setup:not([open])>summary .fold-ic{transform:rotate(-90deg)}
details.cal-setup>summary:hover{border-color:var(--soft)}
/* Thank-you notes */
.ty-group{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}
.ty-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.ty-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-top:1px dashed var(--line)}
.ty-head + .ty-row{border-top:0}
.ty-row.sent .ty-what{opacity:.6}
.ty-what{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.ty-acts{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ty-acts select{width:auto;height:30px;padding:2px 28px 2px 9px;font-size:.78rem;background-position:right 8px center}
/* The menu: a tab bar along the bottom (phones and tablets), a sidebar on computers. */
:where(.nav button){font:inherit;border:0;background:none;cursor:pointer;color:inherit}
.nav .tab[hidden]{display:none!important}
.nav .tab,.nav-more{position:relative}
.nav .tab .badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:.62rem;font-weight:800;line-height:16px;text-align:center;border:2px solid #fff;box-sizing:content-box}
.nav-group{margin:16px 10px 6px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nav-side{display:none}
.nav-bar{position:fixed;left:0;right:0;bottom:0;z-index:62;display:flex;justify-content:space-around;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 4px calc(10px + env(safe-area-inset-bottom))}
.nav-bar .tab,.nav-more{flex:1 1 0;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;font-weight:600;color:#8a8297;padding:0}
.nav-bar .i{display:grid;place-items:center;width:54px;height:30px;border-radius:999px;transition:background .15s}
.nav-bar .tab[aria-selected=true],.nav-more.on{color:var(--plum)}
.nav-bar .tab[aria-selected=true] .i,.nav-more.on .i{background:#e9def9}
.nav-bar .tab .badge{top:-3px;right:calc(50% - 30px)}
.nav-veil{position:fixed;inset:0;background:rgba(29,23,36,.38);z-index:63;display:none}
.nav-sheet{position:fixed;left:0;right:0;bottom:0;z-index:64;background:#fff;border-radius:24px 24px 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.12);transform:translateY(105%);transition:transform .22s ease;max-width:620px;margin:0 auto}
.nav.sheet-open .nav-veil{display:block}.nav.sheet-open .nav-sheet{transform:none}
.nav-sheet .grab{width:40px;height:5px;border-radius:9px;background:#ddd5ea;margin:0 auto 4px}
.nav-sheet .nav-group{margin:12px 6px 8px}
.nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.nav-grid .tab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;border-radius:16px;font-size:.74rem;font-weight:600;color:var(--plum);text-align:center;line-height:1.2}
.nav-grid .tab[aria-selected=true]{background:#f6f1fd}
.nav-grid .i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center}
.nav-grid .tab .badge{top:4px;right:calc(50% - 32px)}
body.has-nav main{padding-bottom:150px}
body.has-nav .quick-add{bottom:calc(80px + env(safe-area-inset-bottom))}
body.has-nav .toast{bottom:calc(96px + env(safe-area-inset-bottom))}
@media(min-width:1100px){
  body.has-nav{padding-left:250px}
  body.has-nav header{display:none}
  body.has-nav main{padding-bottom:90px}
  body.has-nav .quick-add{bottom:16px}
  body.has-nav .toast{bottom:22px}
  .nav-bar,.nav-sheet,.nav-veil{display:none!important}
  .nav-side{display:block;position:fixed;top:0;left:0;bottom:0;width:250px;z-index:30;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:18px 14px}
  .nav-brand{display:flex;gap:10px;align-items:center;padding:4px 6px 6px}.nav-brand img{height:40px;width:auto}.nav-brand .brand-name{font-size:1.18rem}.nav-brand .small-note{font-size:.76rem}
  .nav-side .tab{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border-radius:12px;font-size:.92rem;font-weight:600;color:var(--body);text-align:left}
  .nav-side .tab:hover{background:#f6f1fd}
  .nav-side .tab[aria-selected=true]{background:var(--plum);color:#fff}
  .nav-side .tab .badge{position:static;margin-left:auto;border:0}
  .nav-me{margin:18px 6px 0;padding:12px;border-radius:14px;background:#f6f1fd;font-size:.85rem;color:var(--muted)}
}
/* My week, at a glance */
.glance{max-width:980px}
.gl-date{margin:0 0 4px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.glance .lede{margin-top:8px}
.gl-grid{display:grid;gap:16px;margin-top:20px;align-items:start}
@media(min-width:860px){.gl-grid{grid-template-columns:1.25fr 1fr}}
.gl-side{display:grid;gap:16px}
.glance .card h3{margin-bottom:10px}
.gl-today{padding-bottom:14px}
.gl-ev{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--body);padding:2px 0 8px}
.gl-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.gl-item .check{flex:0 0 26px;width:26px;margin-top:0}
.gl-txt{flex:1;text-align:left;border:0;background:none;padding:0;font:inherit;font-size:1.02rem;color:var(--ink);line-height:1.4;cursor:pointer}
.gl-txt .chip{margin-left:8px;vertical-align:2px}
.gl-tag{margin-left:8px;font-size:.7rem;font-weight:700;color:#b42318;background:#fee4e2;border-radius:999px;padding:2px 8px;vertical-align:2px}
.gl-empty{color:var(--muted);margin:4px 0 6px}
.gl-others{margin:10px 0 0}
.gl-dinner{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#f6f1fd;text-decoration:none;color:var(--body);font-size:.92rem;cursor:pointer}
.gl-dinner span{color:var(--muted)}.gl-dinner b{color:var(--plum);margin-left:auto;text-align:right}
.gl-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 0;border-top:1px solid var(--line);font-size:.94rem;color:var(--body)}
.gl-head:first-of-type{border-top:0;padding-top:0}
.gl-when{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);width:100%}
.gl-acts{display:flex;gap:6px}
.gl-day{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--body)}
.gl-day:first-of-type{border-top:0;padding-top:0}
.gl-day b{flex:0 0 78px;color:var(--plum)}.gl-day i{color:var(--muted);font-style:normal;white-space:nowrap}
.gl-more{display:inline-block;margin-top:10px;font-size:.88rem;font-weight:600;cursor:pointer}
.gl-hand summary{cursor:pointer;list-style:none;font-size:.94rem;color:var(--body)}.gl-hand summary::-webkit-details-marker{display:none}
.gl-hand summary b{color:var(--plum)}
.gl-foot{margin:18px 0 0;text-align:center}
.gl-build{margin-top:16px;text-align:center}
.nav:not(.sheet-open) .nav-sheet{visibility:hidden;transition:transform .22s ease,visibility 0s .22s}
/* Plans: Base has no Claude, so its AI-only parts hide. The owner's preview bar says which plan she's trying. */
.tier-base .ai-only{display:none!important}
.preview-bar{background:#fff4e5;color:#7a4b12;font-size:.84rem;text-align:center;padding:8px 16px;border-bottom:1px solid #f3d9b1}
.preview-bar a{color:#7a4b12;font-weight:700}
.abm-theme{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.78rem;font-weight:600;color:var(--muted);margin-left:6px;letter-spacing:0}
.abm-week.rest .abm-task{color:var(--muted);font-style:italic}
/* Anti-Burnout Mamas 2027 member view: locks, previews, the way into My Team Trybe */
.no-ai .ai-only{display:none!important}
.nav .tab .nav-lock{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--plum);color:#fff;margin-left:auto}
.nav-bar .tab .nav-lock{position:absolute;top:-2px;right:calc(50% - 30px);margin:0}
.nav-grid .tab .nav-lock{position:absolute;top:2px;right:calc(50% - 32px);margin:0}
.nav-side .tab[aria-selected=true] .nav-lock{background:#fff;color:var(--plum)}
.tag-lock{display:inline-flex;gap:5px;align-items:center;font-size:.72rem;font-weight:700;color:var(--plum);background:#efe6fb;border-radius:999px;padding:3px 10px;white-space:nowrap}
.lock-prev{position:relative;margin-top:18px;min-height:470px}
.lock-blur{filter:blur(3px);opacity:.7;pointer-events:none;user-select:none}
.lock-card{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 20px 50px rgba(63,51,84,.25);max-width:520px;margin:0 auto}
.lock-card h3{margin:8px 0 6px}.lock-card ul{margin:6px 0 14px;padding-left:18px;color:var(--body);font-size:.94rem}
.lock-mini{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.join-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.join-row .i{width:38px;height:38px;border-radius:12px;background:#efe6fb;color:#5e4f7d;display:grid;place-items:center;flex:0 0 auto}
.join-row b{color:var(--plum)}
.abm-hero-card{margin-top:16px;background:linear-gradient(160deg,#f6eefc,#fff)}
.abm-hero-when{text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.abm-hero-task{font-family:"Cormorant Garamond",serif;font-size:1.45rem;font-weight:600;color:var(--plum);line-height:1.25;margin-top:6px}
.abm-video{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px;border-radius:14px;background:#f6f1fd;text-decoration:none;color:var(--body)}
.abm-video .pl{width:42px;height:42px;border-radius:12px;background:var(--plum);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.abm-video b{color:var(--plum)}
.abm-locked{display:flex;justify-content:space-between;align-items:center;gap:10px;opacity:.6;padding-top:16px;padding-bottom:16px}
.abm-locked h3{margin:0}
.abm-join{margin-top:16px;background:var(--plum);color:#fff}.abm-join h3{color:#fff;margin:6px 0}.abm-join p{color:#ede6f8;font-size:.94rem;margin:0 0 12px}.abm-join .small-note{color:#d9cdee}
.abm-join .btn{background:#fff;color:var(--plum)}
/* Kids, work weeks, sick day, and the ✨ My Team Trybe nudges */
.upsell{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:14px;background:#f6f1fd;border:1px dashed #cdb9ee;font-size:.9rem;color:var(--body)}
.upsell b{color:var(--plum)}
.kid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 12px;margin-top:8px}
.kid-grid .field{margin:6px 0}
.kid-smart{margin-top:10px;padding:12px 14px;border-radius:14px;background:#f6f1fd;display:grid;gap:6px;font-size:.92rem;color:var(--body)}
.kid-smart b{color:var(--plum)}
.season-kid{margin:10px 0}.season-kid ul{margin:4px 0 0;padding-left:18px;color:var(--body)}
.work-row{padding:10px 0;border-top:1px solid var(--line)}.work-row:first-of-type{border-top:0}
.work-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:6px}
.work-days label{display:flex;flex-direction:column;font-size:.74rem;font-weight:700;color:var(--muted);gap:2px}
.work-days select,.work-days input{height:36px;padding:4px 8px;font-size:.84rem}
.gl-sick{margin-top:6px;font-size:.9rem;font-weight:600}
.sick-step{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.sick-step b{color:var(--plum)}
/* With your Claude: the step-by-step helpers */
.claude-card{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);margin-top:10px}
.claude-card>div{display:flex;flex-direction:column;gap:2px;flex:1 1 200px}.claude-card b{color:var(--plum)}
.claude-list{margin-top:6px}
.claude-btn{white-space:nowrap}
.cl-step{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.cl-step b{color:var(--plum)}.cl-step textarea{width:100%;min-height:90px;font-size:.86rem}
.steps-plain{margin:6px 0 0;padding-left:20px;color:var(--body)}.steps-plain li{margin:6px 0}

/* Photo outfits */
.of-tier{margin-top:10px}.of-tl{font-weight:700;color:var(--plum,#3f3354);font-size:.85rem;margin-bottom:6px}.of-tl span{color:#9a8fb0;font-weight:600;margin-left:4px}
.of-item{display:flex;gap:10px;align-items:center;border:1px solid rgba(94,79,125,.16);border-radius:14px;padding:8px;margin:6px 0;background:#fff}
.of-item.on{border-color:#c0577a;background:#fff6f9}
.of-item img,.of-sw{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;border:1px solid rgba(0,0,0,.06)}
.of-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.of-txt b{font-size:.9rem;line-height:1.25}
.of-heart{border:0;background:none;font-size:1.3rem;cursor:pointer;padding:4px}

.of-board{display:flex;gap:8px;overflow-x:auto;padding:4px 0 2px}
.of-col{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.of-pics{display:flex;flex-direction:column;gap:6px;width:100%}
.of-pic{display:block;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#f6f1fb;border:1px solid rgba(94,79,125,.12)}
.of-pic img,.of-pic .of-sw{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.of-name{font-weight:700;font-size:.8rem;color:#3f3354;margin-bottom:6px}

.of-np{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center;background:#f6f1fb!important;color:#3f3354;font-size:.7rem;line-height:1.2}
.of-np small{color:#8a7fa0;font-size:.65rem}

.of-piece{margin-top:12px}.of-ph{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.of-ph b{color:#3f3354}
.of-have{border:1px solid rgba(94,79,125,.25);background:#fff;border-radius:999px;padding:5px 10px;font:inherit;font-size:.78rem;color:#5e4f7d;cursor:pointer}.of-have.on{background:#e9f4ee;border-color:#9cc9ad;color:#2f5e45;font-weight:700}
.of-tier-tag{flex:none;width:34px;text-align:center;font-weight:800;color:#5e4f7d;font-size:.82rem}

.brand-note{text-align:center;margin:28px auto 90px;max-width:520px;font-size:.72rem;color:#8a7fa0}

/* Party sheet: the picked theme answer */
.chip[data-pth].on { background: #111; color: #fff; border-color: #111; }

/* Dinners: settings folded away, the month in weeks */
.meal-settings > summary { cursor: pointer; list-style: none; }
.meal-settings > summary::-webkit-details-marker { display: none; }
.meal-settings > summary::after { content: '›'; float: right; transform: rotate(90deg); color: var(--plum); font-size: 1.2rem; }
.meal-settings[open] > summary::after { transform: rotate(-90deg); }
.mweek { border-top: 1px solid #eee6f5; padding: 8px 0; }
.mweek > summary { cursor: pointer; padding: 4px 0; }
.pday.today { background: #f6f3fb; border-radius: 10px; }

/* Menu: a thin line between groups instead of headers */
.nav-div { height: 1px; background: #e8e0f2; margin: 10px 12px; }
.nav-sheet .nav-div { margin: 12px 4px; }

/* Gifts tabs and the parties page */
.gift-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 16px; }
.gift-tabs button { border: 1.5px solid #e2d8ef; background: #fff; color: var(--plum); border-radius: 999px; padding: 8px 14px; font-weight: 700; font-size: .9rem; cursor: pointer; }
.gift-tabs button.on { background: #111; border-color: #111; color: #fff; }
.party-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #eee6f5; }
.party-row:first-of-type { border-top: 0; }

/* Mental Load Map page: stacked share bars (2px gaps, rounded ends, a label on each wide segment) */
.mbar-wrap { margin-top: 14px; }
.mbar { display: flex; gap: 2px; height: 28px; margin-top: 6px; }
.mbar span { display: flex; align-items: center; justify-content: center; color: #fff; font-size: .78rem; font-weight: 700; min-width: 4px; }
.mbar span:first-child { border-radius: 4px 0 0 4px; }
.mbar span:last-child { border-radius: 0 4px 4px 0; }
.mbar span:only-child { border-radius: 4px; }
.mlegend { display: flex; gap: 14px; flex-wrap: wrap; font-size: .85rem; color: #4a4258; }
.mlegend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }

/* Family outfits: event status */
.of-status { font-weight: 700; color: #8a8297; }
.of-status.mid { color: #9a5b1f; }
.of-status.done { color: #2f6b48; }

/* Anti-Burnout Mamas: the year at a glance */
.abm-year { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 12px; }
.ym { background: #fff; border: 1px solid #eee6f5; border-radius: 16px; padding: 12px 12px 10px; }
.ym.now { border-color: #2f6b48; box-shadow: 0 0 0 2px #e6f2ea; }
.ym-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.ym-h span { font-size: .78rem; color: #2f6b48; font-weight: 700; text-align: right; }
.yw { display: grid; grid-template-columns: 52px 1fr; gap: 8px; width: 100%; text-align: left; background: none; border: 0; border-top: 1px solid #f3eef8; padding: 7px 4px; font: inherit; font-size: .88rem; color: #2c2438; cursor: pointer; border-radius: 8px; }
.yw:hover { background: #f8f5fc; }
.yw .yd { color: #8a8297; font-size: .8rem; padding-top: 1px; }
.yw.now { background: #e6f2ea; font-weight: 700; }
.yw.did .yt { color: #8a8297; }
.yw.rest .yt, .yw.open .yt { color: #8a8297; font-style: italic; }
.ym-v { display: inline-block; margin-top: 6px; font-size: .82rem; font-weight: 600; }

/* In-store shopping list */
.trip-sec { margin-top: 12px; }
.trip-h { font-weight: 800; font-size: .85rem; color: #5e4f7d; padding: 4px 0; border-bottom: 1px solid #eee6f5; }
.trip-item { display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid #f5f1f9; padding: 11px 2px; font: inherit; color: #2c2438; cursor: pointer; }
.trip-item .tick { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #c9bedb; display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; color: #fff; flex: none; }
.trip-item.got .tick { background: #2f6b48; border-color: #2f6b48; }
.trip-item.got span:last-child { text-decoration: line-through; color: #9a93a6; }

/* What you've sent */
.upl { border-top: 1px solid #eee6f5; padding: 8px 0; }
.upl > summary { cursor: pointer; list-style: none; }
.upl > summary::-webkit-details-marker { display: none; }
.upl-row { display: flex; gap: 8px; align-items: baseline; padding: 5px 0 5px 4px; font-size: .9rem; }
.upl-row span { flex: 1; }
.upl-row small { color: #8a8297; white-space: nowrap; }

/* Upload delete, What's new */
.upl > summary { display: flex; align-items: flex-start; gap: 8px; }
.upl > summary > div { flex: 1; }
.upl-x { background: none; border: 0; color: #8a8297; font-size: 1rem; padding: 2px 6px; cursor: pointer; border-radius: 8px; }
.upl-x:hover { background: #f3eef9; color: #3d3550; }
.wn-list { margin: 4px 0 8px; }
.wn-row { display: flex; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid #eee6f5; font-size: .95rem; }
.wn-row span { flex: 1; }
.wn-row small { display: block; color: #8a8297; font-size: .8rem; }
.wn-go { padding: 6px 12px; font-size: .85rem; white-space: nowrap; }
@keyframes justNew { 0%, 100% { box-shadow: 0 0 0 0 rgba(107,79,158,0); background-color: transparent; } 15%, 70% { box-shadow: 0 0 0 3px rgba(107,79,158,.45); background-color: #f4eefc; } }
.just-new { animation: justNew 4s ease; border-radius: 10px; }

/* What you've sent: folded */
.upl-card > summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.upl-card > summary::-webkit-details-marker { display: none; }
.upl-card > summary > div { flex: 1; }
.upl-card > summary .small-note { margin-top: 4px; }
.upl-chev { color: #6b4f9e; font-size: 1.1rem; transition: transform .2s; }
.upl-card[open] .upl-chev { transform: rotate(180deg); }

/* Dinners: earlier this week */
.mpast > summary b { color: #6f6680; }
.pday.past .m { color: #6f6680; }

/* My week: a planner button under a to-do */
.gl-main { flex: 1; min-width: 0; }
.gl-main .gl-txt { width: 100%; }
.gl-go { margin-top: 6px; }

/* Dinners: top up the month's 30 */
.topup { background: #f6f1fc; border-radius: 14px; padding: 12px 14px; margin: 8px 0 12px; }

/* Every button the same height and type size, one line each (Liz, Nov 4): AI buttons, small buttons and links styled as buttons alike.
   Phones: every button is full width, stacked. Next to a label (an event, a card's title): one fixed width.
   Computers: buttons side by side, all the same width. */
.btn, .btn.small { min-height: 48px; padding: 12px 20px; font-size: .95rem; line-height: 1.2; box-sizing: border-box; text-align: center; white-space: nowrap; }
.party-row > .btn, .party-row > a.btn, .claude-card > .btn { flex: 0 0 11.5rem; width: 11.5rem; }
@media (max-width: 719px) {
  .btn:not(.wn-go) { width: 100%; }
  .row > .btn, .row > a.btn, .row > label.btn { flex: 1 1 100%; }
  .party-row > .btn, .party-row > a.btn, .claude-card > .btn { width: 11.5rem; }
}
@media (min-width: 720px) {
  .btn:not(.wn-go) { min-width: 13rem; }
  .row > .btn, .row > a.btn, .row > label.btn { flex: 0 0 13rem; }
}

/* Liz's favorites and Team Trybe ratings */
.lizfav { display: inline-block; background: #efe6fb; color: #5e4f7d; font-weight: 700; font-size: .78rem; border-radius: 999px; padding: 3px 10px; margin-bottom: 6px; }
.lizfav.sm { font-size: .72rem; padding: 2px 8px; margin: 0 0 4px; display: table; }
.rate.tt { color: #5e4f7d; font-weight: 600; }
.lizfav-btn { margin-top: 6px; font-size: .85rem; }
.rate2 { border-top: 1px solid #eee6f5; padding: 12px 0; }
.rate2-q { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.stars { display: inline-flex; gap: 2px; }
.star { background: none; border: 0; font-size: 1.6rem; line-height: 1; color: #d9d0e6; padding: 4px; cursor: pointer; }
.star.on { color: #e0a526; }
.rate2 .rb { border: 1.5px solid #3d3550; background: #fff; border-radius: 999px; padding: 8px 14px; font: inherit; font-size: .88rem; cursor: pointer; }
.rate2 .rbs { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.rcard .lizfav, .lizfav { width: fit-content; align-self: flex-start; }
.rate2 .rbs { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; }
@media (min-width: 720px) { .rate2 .rbs { grid-template-columns: 1fr 1fr; } }
.rate2 .rb { min-height: 48px; font-size: .95rem; font-weight: 600; }

/* Calendar: quick buttons on top, then the calendar */
.cal-quick { margin: 14px 0 6px; }
.cal-quick-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.cal-quick-row .qbtn:last-child { grid-column: 1 / -1; }
@media (min-width: 720px) { .cal-quick-row { grid-template-columns: repeat(5, 1fr); } .cal-quick-row .qbtn:last-child { grid-column: auto; } }
.qbtn { min-height: 48px; border-radius: 999px; border: 1.5px solid var(--ink, #2c2438); background: #fff; color: var(--ink, #2c2438); font: inherit; font-weight: 600; font-size: .95rem; padding: 10px 12px; cursor: pointer; white-space: nowrap; }
.qbtn.on { background: #000; color: #fff; border-color: #000; }
.cal-panel:not(:empty) { margin: 10px 0 16px; padding: 14px; border-radius: 18px; background: #f6f1fc; }
.cal-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.cal-panel .card { margin-top: 10px; }

/* To-dos by when */
.td-group, .td-later { border-top: 1px solid var(--line, #eee6f5); padding-top: 6px; margin-top: 6px; }
.td-group h4, .td-later h4 { margin: 8px 0 4px; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: #6f6680; display: inline-flex; gap: 6px; align-items: center; }
.td-group h4 span, .td-later h4 span { background: #efe6fb; color: #5e4f7d; border-radius: 999px; padding: 0 8px; font-size: .72rem; letter-spacing: 0; }
.td-group.late h4 { color: #b3261e; }
.td-later > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.td-later > summary::-webkit-details-marker { display: none; }