.moment-setup,.moment-story{padding:24px;border:1px solid var(--border,#e9ddec);border-radius:18px;margin:22px 0;background:var(--surface,#fff)}
.moment-editor{border:1px solid #ded4e8;border-radius:16px;padding:20px;margin:20px 0;min-width:0}.moment-editor legend,.moment-day legend{font-weight:800;padding:0 8px;color:var(--ink,#2a1a5e)}
.moment-options,.moment-editor-actions{display:flex;gap:20px;flex-wrap:wrap}.moment-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0}.moment-summary-grid article{background:#faf5ff;border-radius:14px;padding:20px}.moment-summary-grid small,.moment-summary-grid strong{display:block;margin:8px 0}.moment-summary-grid article>span{color:#d1006f;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.moment-family-form{padding:20px 0;border-bottom:1px solid #ded4e8}.moment-day{padding:18px;border:1px solid #ded4e8;border-radius:16px;margin:20px 0;min-width:0}.moment-day fieldset{border:0;padding:12px 0;min-width:0}.moment-day [hidden]{display:none!important}.moment-individual label{font-size:.85rem}.moments-panel .section-title{flex-wrap:wrap}.moment-story h3{margin-top:8px}.moment-story .text-link{display:inline-block;margin:10px 0}
.personal-invite [hidden],#invite-manual [hidden]{display:none!important}
.public-page [hidden]{display:none!important}
.moment-day:not(:has([data-day-split]:checked)) .moment-split-fields{display:none}
.moment-family-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.moment-family-chips span{padding:7px 10px;background:#f5edf9;color:#2a1a5e;border-radius:10px;font-size:.78rem}
.moment-place{margin:20px 0;padding:16px;border:1px solid #e8deec;border-radius:14px}.moment-place details{margin:16px 0}.moment-map[hidden]{display:none!important}.moment-map{height:280px;margin:16px 0}.moment-pass{border-top:1px solid #e8deec;padding-top:18px;margin-top:18px}.moment-pass-qr{max-width:220px;background:#fff;border-radius:12px}.moment-pass-qr svg{width:100%;height:auto;display:block}.moment-pass code{display:block;overflow-wrap:anywhere;font-size:.75rem;margin:12px 0}.moment-bulk-choice{display:flex;align-items:flex-start;gap:12px;padding:12px;border-bottom:1px solid #e8deec}.moment-bulk-choice>input{width:auto;margin-top:5px}.moment-bulk-choice small{display:block;margin-top:4px}.moment-extra-review,.moment-role-row,.moment-check-row,.moment-special-role{border:1px solid #e8deec;border-radius:14px;padding:18px;margin:16px 0}.moment-special-role{background:#faf5ff}.moments-panel details>summary{cursor:pointer;font-weight:800;padding:12px 0}
[data-theme=dark] .moment-summary-grid article{background:#302348}[data-theme=dark] .moment-setup,[data-theme=dark] .moment-story{background:#251b38}
@media(max-width:600px){.moment-editor,.moment-day,.moment-setup,.moment-story{padding:16px}.moment-summary-grid{grid-template-columns:1fr}.moment-editor .form-row,.moment-day .form-row{grid-template-columns:1fr}}

/* Recognizable, compact editing sections; inputs remain mounted while collapsed. */
details.moment-editor{display:block;min-width:0;padding:0;margin:20px 0;border:1px solid #ded4ec;border-radius:18px;background:var(--surface);overflow:visible}
.moment-editor-heading{display:flex;align-items:center;gap:16px;padding:20px;list-style:none;cursor:pointer;border-radius:17px;background:#f3edf9;color:var(--ink)}
.moment-editor-heading::-webkit-details-marker{display:none}
.moment-editor-heading::marker{content:''}
.moment-editor-heading:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.moment-editor-heading:hover{background:#ece2f6}
.moment-number{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:var(--ink);color:white;border-radius:14px;font-size:22px;font-weight:900}
.moment-editor-heading-copy{display:grid;gap:5px;flex:1;min-width:0}
.moment-editor-heading-copy .moment-editor-label{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#9b0055}
.moment-editor-title{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.moment-editor-date{font-size:12px;color:var(--muted);line-height:1.5}
.moment-editor-chevron{flex:0 0 28px;text-align:center;font-size:25px;transition:transform .15s}
.moment-editor[open]>.moment-editor-heading{border-bottom:1px solid #ded4ec;border-radius:17px 17px 0 0}
.moment-editor[open] .moment-editor-chevron{transform:rotate(180deg)}
.moment-editor-body{padding:24px;min-width:0}
.dark .moment-editor-heading{background:#342348;color:#fff}
.dark .moment-editor-heading-copy .moment-editor-label{color:#ff92ce}
.dark .moment-editor-date{color:#d4c6df}
@media(max-width:580px){.moment-editor-heading{padding:16px;gap:12px}.moment-editor-title{font-size:18px}.moment-number{flex-basis:36px;width:36px;height:36px;font-size:19px;border-radius:11px}.moment-editor-body{padding:18px 16px}}