.chat-view{position:relative;background:#f5f7f1}.chat-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 30px;scroll-padding:28px}.chat-content{max-width:770px;margin:0 auto;padding:8px 0 18px}.day-divider{width:max-content;max-width:100%;margin:30px auto 22px;padding:6px 15px;color:#526849;background:#e7ecdf;border:1px solid #dfe6d7;border-radius:20px;font-size:10px;letter-spacing:.2px;text-align:center}.message{display:flex;margin:8px 0;scroll-margin:28px}.bubble{position:relative;max-width:76%;min-width:115px;background:#fff;padding:12px 16px 8px;border:1px solid #e5eade;border-radius:4px 17px 17px 17px;box-shadow:0 2px 3px #233d3203;overflow:hidden}.outgoing{justify-content:flex-end}.outgoing .bubble{background:#e5eddf;border-color:#dce7d5;border-radius:17px 4px 17px 17px}.sender-name{display:block;font-size:10px;color:var(--sage);font-weight:600;margin-bottom:5px}.message-text{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message-time{display:block;font-size:9px;text-align:right;color:#62735c;margin-top:5px;line-height:1.5}.reply-preview{display:block;text-align:left;width:100%;border:0;border-left:3px solid #91a680;border-radius:0 6px 6px 0;background:#42645409;padding:7px 10px;margin:5px 0 10px;max-width:430px;min-height:44px}.reply-preview strong{display:block;font-size:10px;color:var(--sage)}.reply-preview span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.message-photo{display:block;border:0;padding:0;border-radius:10px;overflow:hidden;margin:5px 0 7px;background:#dfe7d7;position:relative;max-width:100%}.message-photo img{display:block;max-width:100%;width:auto;height:auto;max-height:330px;object-fit:contain;min-height:80px}.message-photo:only-of-type{min-width:120px}.message audio{max-width:100%;width:260px}.attachment{display:flex;align-items:center;gap:12px;background:#42645409;border-radius:8px;padding:12px;margin:7px 0;min-width:180px;max-width:100%}.attachment>span{color:var(--sage)}.attachment strong{display:block;font-size:12px;overflow-wrap:anywhere}.attachment small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.reactions{display:flex;gap:5px;margin-top:8px}.reactions span{font-size:12px;background:#fff9;padding:2px 8px;border-radius:14px;border:1px solid #42645415}.archive-beginning,.archive-end{text-align:center;margin:25px 0;font-size:10px;color:var(--muted)}.service-message{justify-content:center}.service-message .bubble{background:transparent;border:0;box-shadow:none;text-align:center}.service-message .sender-name{display:none}.service-message .message-text{font-size:11px;color:var(--muted)}.service-message .message-time{text-align:center}.highlighted .bubble{border-color:var(--gold);box-shadow:0 0 0 3px #b9975033}.highlighted:focus{outline:none}.chat-footer{display:flex;align-items:center;gap:6px;padding:11px 30px;border-top:1px solid var(--line);background:#fdfefb;font-size:10px;color:var(--muted);flex-shrink:0}.chat-footer>span svg{width:12px;height:12px}.chat-footer button{margin-left:auto;border:0;font-size:10px;display:flex;gap:7px;align-items:center;min-height:28px}.chat-footer button svg{width:13px;height:13px}mark{background:#e7d28c;color:#453714;border-radius:3px;padding:1px 0}
.search-form{padding:26px 32px 13px;background:#fdfefb}.search-input-wrap{position:relative;display:flex;align-items:center;gap:10px;max-width:820px;margin:auto}.search-input-wrap>span{position:absolute;left:15px;color:var(--muted)}.search-input-wrap input{width:100%;padding-left:46px;padding-right:85px;min-height:56px;background:#f5f7f1;border-color:#dce5d6}.search-input-wrap button{position:absolute;right:6px;min-height:44px;padding:9px 19px;font-size:13px}.search-view>.view-scroll{background:#fdfefb}.results-summary{font-size:12px;color:var(--muted);padding:12px 0 20px;max-width:820px;margin:auto}.search-results{max-width:820px;margin:auto}.search-result{display:block;text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;padding:23px 8px;background:transparent}.search-result:hover{background:#f4f7ee}.result-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px}.result-heading time{font-size:10px;color:var(--muted)}.result-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:9px 0 13px;line-height:1.65}.result-action{font-size:10px;color:var(--sage);display:flex;align-items:center;gap:8px}.result-action svg{width:14px;height:14px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 32px 20px}.gallery-toolbar p{font-size:12px;color:var(--muted)}.gallery-toolbar select{font-size:13px;min-height:44px;background:transparent;max-width:200px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1200px;margin:auto}.gallery-item{display:block;position:relative;border:0;padding:0;aspect-ratio:1;overflow:hidden;background:#e4eade;border-radius:12px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .22s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item-label{position:absolute;bottom:8px;right:8px;background:#1e3129c9;color:white;font-size:9px;padding:3px 7px;border-radius:6px}.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;background:#233d3299;color:white;border-radius:50%}.play-badge svg{width:22px;height:22px}
dialog{color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:26px;background:#fdfefb;box-shadow:0 24px 80px #233d3233;max-width:calc(100vw - 28px)}dialog::backdrop{background:#15281dbc;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-header h2{font:27px var(--font-display);margin-top:5px}.dialog-header .eyebrow{font-size:8px}.calendar-dialog{width:390px}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin:26px 0 15px}.calendar-month h3{font-size:15px;font-weight:600;text-transform:capitalize}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.weekdays{font-size:10px;color:var(--muted);text-align:center;margin-bottom:8px}.calendar-days button{min-width:0;min-height:44px;padding:7px 0;border:0;border-radius:10px;position:relative;font-size:13px}.calendar-days button.has-messages::after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--sage)}.calendar-days button.has-messages:hover{background:var(--sage-light)}.calendar-days button:disabled{opacity:.35}.calendar-days button.selected{background:var(--sage);color:#fff}.calendar-days button.selected::after{background:#d5e5c5}.calendar-days button.selected:hover{background:var(--sage-dark)}.calendar-hint{font-size:10px;color:var(--muted);margin:17px 0 25px;display:flex;align-items:center;gap:7px}.calendar-hint i{height:5px;width:5px;border-radius:50%;background:var(--sage)}#date-form{border-top:1px solid var(--line);padding-top:19px}#date-form label{font-size:11px;display:block;margin-bottom:8px}.date-input-row{display:flex;gap:8px}.date-input-row input{min-width:0;flex:1}.date-input-row button{font-size:13px;padding:8px 15px}.lightbox{width:min(1100px,calc(100vw - 44px));height:min(900px,calc(100dvh - 50px));max-height:calc(100dvh - 50px);padding:0;background:#1e2923;color:#f4f5ef;border-color:#ffffff15;overflow:hidden}.lightbox[open]{display:flex;flex-direction:column}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;flex-shrink:0}.lightbox-header strong{display:block;font-size:13px}.lightbox-header span{font-size:10px;color:#b8c9bd}.lightbox .icon-button{color:white}.lightbox .icon-button:hover{background:#ffffff18}.lightbox-stage{min-height:0;flex:1;display:flex;align-items:center;gap:12px;padding:0 12px}.lightbox-stage #lightbox-media{height:100%;flex:1;min-width:0;display:flex;align-items:center;justify-content:center}.lightbox-stage img,.lightbox-stage video{max-height:100%;max-width:100%;object-fit:contain;display:block}.lightbox-stage .empty-state h2,.lightbox-stage .empty-state p{color:#f4f5ef}.lightbox-footer{padding:18px 24px 22px;flex-shrink:0}.lightbox-footer>p{font-size:12px;white-space:pre-wrap;max-height:70px;overflow-y:auto;margin-bottom:12px}.lightbox-footer>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-footer>div>span{font-size:11px;color:#b8c9bd}.lightbox-footer button{background:#d8e5cc;color:#233d32;font-size:12px}.lightbox-footer button:hover{background:#c7dab8}.lightbox-footer button svg{width:17px;height:17px}
@media(min-width:1500px){.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bubble{max-width:84%}.chat-scroll{padding:0 22px}.chat-footer{padding-left:22px;padding-right:22px}}
@media(max-width:700px), (max-height:500px) and (max-width:1000px){.chat-scroll{padding:0 13px}.chat-content{padding-top:0}.bubble{max-width:86%;padding:10px 12px 7px;border-radius:4px 15px 15px 15px}.outgoing .bubble{border-radius:15px 4px 15px 15px}.message-text{font-size:15px;line-height:1.6}.message{margin:7px 0}.sender-name{font-size:9px}.day-divider{font-size:9px;margin:22px auto 19px;padding:5px 12px}.chat-footer{padding:5px 13px;min-height:36px}.chat-footer>span{display:none}.chat-footer button{width:100%;justify-content:center;min-height:32px;font-size:10px}.message-photo img{max-height:300px}.gallery-toolbar{padding:17px;gap:8px}.gallery-toolbar p{font-size:10px;max-width:130px}.gallery-toolbar select{font-size:12px;max-width:185px;padding:8px}.gallery-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-item{border-radius:7px}.gallery-item-label{font-size:8px;bottom:5px;right:5px;padding:2px 5px}.search-form{padding:18px 17px 8px}.search-input-wrap input{font-size:17px;padding-left:41px;padding-right:67px;min-height:52px}.search-input-wrap>span{left:12px}.search-input-wrap button{padding:8px 13px;min-height:40px}.result-heading{font-size:11px}.result-heading time{font-size:9px}.search-result{padding:19px 3px}.results-summary{font-size:11px;padding:12px 0 8px}.result-text{font-size:14px}.calendar-dialog{padding:22px 19px}.calendar-days button{min-height:44px}.lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.lightbox-header{padding:calc(15px + env(safe-area-inset-top)) 16px 15px}.lightbox-stage{padding:0;position:relative;gap:0}.lightbox-stage .photo-arrow{position:absolute;top:calc(50% - 22px);z-index:1;background:#14221c77;border-radius:50%;width:40px;height:44px;min-width:40px}.lightbox-stage #previous-photo{left:7px}.lightbox-stage #next-photo{right:7px}.lightbox-stage #lightbox-media{width:100%}.lightbox-footer{padding:18px 18px calc(22px + env(safe-area-inset-bottom))}.lightbox-footer button{min-height:48px}.lightbox-footer>p{font-size:12px}.photo-arrow:disabled{opacity:.25}}