.dialog-scope{position:fixed;inset:0;z-index:91;outline:none}.dialog-scope>.dialog-content{pointer-events:auto}.dialog-scope[data-state=closed]{animation:dialog-scope-exit .2s}@keyframes dialog-scope-exit{0%{opacity:1}to{opacity:1}}.pswp.jiali-gallery{--pswp-bg: #101913;--pswp-icon-color: #f7f8f3;--pswp-icon-color-secondary: #101913;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:auto;overscroll-behavior:contain}.jiali-gallery .pswp__top-bar{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:60px;padding:6px 10px;align-items:center;gap:2px}.jiali-gallery .pswp__button{width:48px!important;height:48px;flex-shrink:0;border-radius:50%;color:#f7f8f3;touch-action:manipulation}.jiali-gallery .pswp__button:active{background:#ffffff18}.jiali-gallery .pswp__button:focus-visible{outline:2px solid #e4eddb;outline-offset:-3px}.jiali-gallery .pswp__button--close{margin-right:0}.jiali-gallery .pswp__button .pswp__icn{width:30px;height:30px;left:9px;top:9px}.jiali-gallery .pswp__counter{margin:0 auto 0 8px;height:auto;line-height:48px;font-size:14px;font-variant-numeric:tabular-nums}.jiali-gallery .pswp__preloader{margin:0;width:36px;height:48px}.jiali-gallery .pswp__preloader .pswp__icn{top:9px}.jiali-gallery .pswp__button--arrow{top:50%;margin-top:-24px}.jiali-gallery .pswp__button--arrow .pswp__icn{margin-top:0}.jiali-gallery .pswp__button--arrow--prev{left:max(8px,env(safe-area-inset-left,0px))}.jiali-gallery .pswp__button--arrow--next{right:max(8px,env(safe-area-inset-right,0px))}.jiali-gallery .pswp__photo-caption,.jiali-gallery .pswp__photo-gestures{position:absolute;left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px));pointer-events:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease}.jiali-gallery .pswp__photo-caption{bottom:calc(47px + env(safe-area-inset-bottom,0px));color:#dce4d8;font-size:13px}.jiali-gallery .pswp__photo-gestures{bottom:calc(23px + env(safe-area-inset-bottom,0px));color:#98a794;font-size:12px;letter-spacing:.15px}.jiali-gallery:not(.pswp--ui-visible) .pswp__photo-caption,.jiali-gallery:not(.pswp--ui-visible) .pswp__photo-gestures{opacity:0}@media(max-width:760px){.dialog-scope[data-state=closed]{animation-duration:.24s}}@media(prefers-reduced-motion:reduce){.dialog-scope[data-state=closed]{animation:none}.jiali-gallery .pswp__photo-caption,.jiali-gallery .pswp__photo-gestures{transition:none}}.dialog-overlay[data-state]{animation-duration:.26s;animation-timing-function:ease-out;animation-fill-mode:both}.dialog-overlay[data-state=open]{animation-name:dialog-backdrop-in}.dialog-overlay[data-state=closed]{animation-name:dialog-backdrop-out;animation-duration:.2s}.dialog-content[data-state]{overscroll-behavior:contain;animation-duration:.3s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:backwards}.dialog-content[data-state=open]{animation-name:dialog-panel-in}.dialog-content[data-state=closed]{animation-name:dialog-panel-out;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1);animation-fill-mode:forwards;pointer-events:none}.dialog-sheet-handle{display:none}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-panel-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-panel-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.98)}}@media(max-width:760px){.dialog-overlay[data-state=closed]{animation-duration:.24s}.dialog-content[data-state]{top:auto;bottom:0;left:0;width:100%;max-height:min(92svh,92dvh);padding:0 23px calc(26px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transform:translateY(var(--sheet-drag-y, 0px));transition:transform .26s cubic-bezier(.22,1,.36,1);animation-duration:.36s}.dialog-content[data-state=open]{animation-name:dialog-sheet-in}.dialog-content[data-state=closed]{animation-name:dialog-sheet-out;animation-duration:.24s}.dialog-content[data-dragging=true]{transition:none;-webkit-user-select:none;user-select:none}.dialog-sheet-handle{display:flex;justify-content:center;align-items:center;height:30px;margin:0 -23px 2px;touch-action:none;cursor:grab}.dialog-sheet-handle:active{cursor:grabbing}.dialog-sheet-handle span{width:36px;height:4px;border-radius:999px;background:#d6dfd0}.dialog-content[data-state] .dialog-heading>.icon-button{min-width:44px;min-height:44px}}@keyframes dialog-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialog-sheet-out{0%{transform:translateY(var(--sheet-release-y, 0px))}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.dialog-overlay[data-state],.dialog-content[data-state]{animation:none;transition:none}.pswp .pswp__button,.pswp .pswp__top-bar,.pswp .pswp__preloader,.pswp .pswp__icn{transition:none}}.post-card .comment-panel,.post-card .reply-context-motion{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s .28s}.post-card .comment-panel[data-open=true],.post-card .reply-context-motion[data-open=true]{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.comment-panel-inner,.reply-context-inner{min-height:0;overflow:hidden}.post-card .reply-context-motion{transition-duration:.22s,.16s,0s;transition-delay:0s,0s,.22s}.post-card .reply-context-motion[data-open=true]{transition-delay:0s}.post-card .comment-toggle{transition:color .18s ease,background-color .18s ease,transform .14s ease}.post-card .comment-toggle[aria-expanded=true]{color:#466c42}.post-card .comment-toggle>svg{transition:transform .24s cubic-bezier(.22,1,.36,1)}.post-card .comment-toggle[aria-expanded=true]>svg{transform:translateY(-1px) rotate(-6deg)}.post-card .comment-form{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,border-radius .22s ease}.post-card .comment-form:focus-within{border-color:#afc3a3;background-color:#f8faf5;box-shadow:0 0 0 3px #6c8d5810}.post-card .comment-form .icon-button{transition:opacity .18s ease,background-color .18s ease,transform .16s ease}.post-card .comment-form .icon-button:not(:disabled):active{transform:scale(.88)}.post-card .comment-enter{animation:feed-comment-in .28s cubic-bezier(.22,1,.36,1) both}.post-card .likes-names{animation:feed-status-in .22s ease both}.composer-card{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.composer-card:focus-within{border-color:#c3d1b9;box-shadow:0 5px 24px #3e623408}.composer-card.drag-over{box-shadow:0 0 0 6px #799b6412}.composer-card .upload-list{position:relative}.composer-card .upload-tile{animation:feed-photo-in .3s cubic-bezier(.22,1,.36,1) both;transition:opacity .16s ease,box-shadow .18s ease}.composer-card .upload-tile.is-dragging{opacity:.5;box-shadow:0 0 0 2px #799b64}.composer-card .upload-progress,.composer-card .upload-retry,.composer-card .upload-note,.composer-card .upload-warning,.composer-card .error,.composer-card .photo-counter,.composer-card .composer-submit-icon{animation:feed-status-in .18s ease both}.composer-card .upload-done{animation:feed-upload-done .32s cubic-bezier(.22,1,.36,1) both}.composer-card .upload-progress progress::-webkit-progress-value{transition:width .18s ease}.composer-card .upload-progress progress::-moz-progress-bar{transition:width .18s ease}.composer-card .remove-photo,.composer-card .reorder-controls button{transition:transform .15s ease,background-color .15s ease,opacity .15s ease}.composer-card .remove-photo:not(:disabled):active,.composer-card .reorder-controls button:not(:disabled):active{transform:scale(.86)}.composer-card .composer-submit{min-width:120px}.composer-card .composer-submit-icon{display:inline-flex}@keyframes feed-comment-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes feed-photo-in{0%{opacity:0;transform:translateY(7px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feed-status-in{0%{opacity:0}to{opacity:1}}@keyframes feed-upload-done{0%{opacity:0;transform:scale(.6)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.post-card .comment-panel,.post-card .reply-context-motion,.post-card .comment-toggle,.post-card .comment-toggle>svg,.post-card .comment-form,.post-card .comment-form .icon-button,.composer-card,.composer-card .upload-tile,.composer-card .remove-photo,.composer-card .reorder-controls button{transition:none}.post-card .comment-enter,.post-card .likes-names,.composer-card .upload-tile,.composer-card .upload-progress,.composer-card .upload-retry,.composer-card .upload-done,.composer-card .upload-note,.composer-card .upload-warning,.composer-card .error,.composer-card .photo-counter,.composer-card .composer-submit-icon{animation:none}.composer-card .upload-progress progress::-webkit-progress-value{transition:none}.composer-card .upload-progress progress::-moz-progress-bar{transition:none}}.avatar-crop{overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.avatar-crop-hint{margin:12px 0 0;color:#7a8774;text-align:center;font-size:12px}.dialog-content .avatar-zoom input,.dialog-content .crop-adjust input{min-height:44px;margin-block:0}.dialog-content .crop-adjust summary{min-height:44px;align-content:center}.pswp{--pswp-bg: #000;--pswp-placeholder-bg: #222;--pswp-root-z-index: 100000;--pswp-preloader-color: rgba(79, 79, 79, .4);--pswp-preloader-color-secondary: rgba(255, 255, 255, .9);--pswp-icon-color: #fff;--pswp-icon-color-secondary: #4f4f4f;--pswp-icon-stroke-color: #4f4f4f;--pswp-icon-stroke-width: 2px;--pswp-error-text-color: var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise .6s linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}.brand .brand-mark{background:#fff5e8;overflow:hidden}.brand-mark>img{display:block;width:100%;height:100%;object-fit:cover}*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#22352d;background:#f6f7f4;font-synthesis:none;font-size:16px;line-height:1.6;font-weight:400;--green:#164b40;--green-hover:#0d3d33;--muted:#778279;--border:#e5e9e2;--surface:#fff;--soft:#eff3ee}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #a7c4a8;outline-offset:4px}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#54816a;box-shadow:0 0 0 3px #e7f0e8}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{border:0;background:none}::selection{background:#d4e6d5}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:750;letter-spacing:2px}.brand>span:last-child{display:flex;align-items:baseline;gap:11px}.brand-mark{width:45px;height:45px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:15px}.brand-en{font-size:11px;letter-spacing:3px;font-weight:500;color:#829186}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1px;color:#748377}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 23px;border-radius:12px;font-size:15px;font-weight:600;transition:background .18s,transform .18s}.button:active:not(:disabled){transform:translateY(1px)}.primary{color:#fff;background:var(--green)}.primary:hover:not(:disabled){background:var(--green-hover)}.secondary{background:#f0f3ee;color:#365946}.wide{width:100%}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#a43931;background:#fff1ed;border-radius:10px;padding:10px 13px;font-size:14px}.loading-screen{height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}.entry{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;background:#fff}.entry-story{background:#edf1e8;padding:44px 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.entry-photo{margin-top:50px;max-width:530px;aspect-ratio:1.5;border-radius:100px 12px 12px;overflow:hidden}.entry-photo img{width:100%;height:100%;object-fit:cover}.entry-story-copy{margin-top:32px}.entry-story-copy h1{font-family:Songti SC,STSong,serif;font-size:clamp(30px,3.1vw,46px);font-weight:600;line-height:1.55;letter-spacing:3px;margin:10px 0}.entry-story-copy p{font-size:15px;color:#68796b}.entry-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:32px;font-size:13px;color:#7c8879}.entry-form-wrap{display:flex;align-items:center;justify-content:center;padding:56px 40px}.entry-form{width:100%;max-width:368px}.entry-form h2{font-size:27px;letter-spacing:-.5px;margin:9px 0 10px}.entry-form>.muted{font-size:15px;margin-bottom:30px}.entry-form label{display:block;font-size:14px;font-weight:550;margin:0 0 17px}.entry-form input{display:block;width:100%;margin-top:7px;min-height:49px;padding:12px 14px;border:1px solid #dfe5dc;background:#fcfdfb;border-radius:10px;color:#20372c}.entry-form .button{margin-top:9px}.entry-form .error{margin:10px 0}.form-note{display:flex;gap:7px;align-items:flex-start;justify-content:center;font-size:12px;color:#859081;margin-top:20px}.form-note svg{margin-top:3px}.mobile-brand{display:none}.app-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:234px minmax(0,720px) minmax(210px,270px);gap:36px;padding:0 36px}.sidebar{position:sticky;top:0;height:100svh;padding:40px 27px 25px 0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.family-label{margin:38px 0 15px 15px;font-size:12px;color:#8a958b;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:13px;font-size:15px;text-align:left;min-height:51px;font-weight:550}.nav-item:hover{background:#edf0e9}.nav-item.active{background:#e2ece0;color:var(--green)}.sidebar-bottom{margin-top:auto;font-size:12px;color:#8a958b;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-left:13px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid var(--border);width:100%;margin-top:20px;padding-top:20px;font-size:15px;color:#354b3c}.profile small{display:block;font-size:11px;color:#939d91;margin-top:2px}.avatar{width:43px;height:43px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#476050;font-size:17px;font-weight:600}.avatar.small{width:32px;height:32px;font-size:13px}.main{padding:43px 0 80px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:29px}.page-heading h1{font-size:32px;line-height:1.45;letter-spacing:-1px;margin:7px 0}.heading-dot{color:#c3955c;padding-left:3px}.page-heading p{font-size:14px;color:#859080}.private-badge{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px;border:1px solid #e0e6dc;padding:5px 9px;border-radius:20px;color:#778371}.composer-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:22px;box-shadow:0 3px 15px #25452a03}.composer-top{display:flex;gap:15px}.composer-top textarea{resize:vertical;min-height:73px;width:100%;background:transparent;border:0;padding:9px 0;font-size:16px;color:#34483a;box-shadow:none}.composer-top textarea::placeholder{color:#929c90}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:16px;border-top:1px solid #f0f2ed}.text-button{display:inline-flex;align-items:center;gap:8px;color:#667b63;font-size:14px;padding:9px 0}.feed-label{display:flex;justify-content:space-between;align-items:center;margin:30px 1px 15px}.feed-label h2{font-size:16px;font-weight:600}.feed-label span{font-size:12px;color:#9ba496}.post-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:23px;margin-bottom:20px}.post-header{display:flex;align-items:center;gap:12px}.post-header strong{font-size:15px;display:block;font-weight:600}.post-header span:not(.avatar){display:block;font-size:12px;color:#929b8c;margin-top:2px}.post-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;font-size:16px;line-height:1.85}.post-actions{display:flex;gap:25px;border-top:1px solid #f0f2ed;margin-top:20px;padding-top:15px}.post-actions button{display:flex;gap:7px;align-items:center;color:#8c9686;font-size:14px;padding:3px 0;min-height:30px}.empty-state{text-align:center;padding:54px 15px 55px}.empty-icon{display:grid;place-items:center;border-radius:50%;width:72px;height:72px;background:#e9eee4;color:#879e7e;margin:0 auto 20px}.empty-state h2{font-size:19px;font-weight:600;margin-bottom:10px}.empty-state p{font-size:14px;color:#89937f;line-height:1.95}.right-rail{padding-top:178px}.home-note{border:1px solid #e4e9de;border-radius:16px;background:#eef2e8;padding:20px;overflow:hidden}.home-note .eyebrow{font-size:10px;letter-spacing:2px;color:#98a38c}.home-note h2{font-family:Songti SC,STSong,serif;font-size:24px;line-height:1.7;font-weight:500;margin:14px 0 18px}.home-note img{width:calc(100% + 40px);height:155px;object-fit:cover;margin:0 -20px}.home-note p{font-size:12px;color:#8c9784;margin-top:13px}@media(min-width:1500px){.app-shell{gap:44px;grid-template-columns:240px minmax(0,710px) 255px}}@media(max-width:1150px){.app-shell{grid-template-columns:200px minmax(0,720px);max-width:1030px;gap:30px;padding:0 28px}.sidebar{padding-right:20px}.right-rail,.brand-en{display:none}}@media(max-width:760px){.entry{display:block}.entry-story{display:none}.entry-form-wrap{padding:34px 24px;display:block}.mobile-brand{display:block;margin:5px auto 44px;max-width:368px}.entry-form{margin:auto}.entry-form h2{font-size:25px}.entry-form input{font-size:16px}.app-shell{display:block;padding:0 18px}.sidebar{height:auto;position:static;border:0;padding:22px 0 0}.sidebar>.brand{font-size:22px}.brand-mark{width:38px;height:38px;border-radius:12px}.sidebar>.family-label,.sidebar-bottom{display:none}.sidebar nav{position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding:5px 18px env(safe-area-inset-bottom);background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:row;justify-content:space-around;gap:8px;border-top:1px solid var(--border);z-index:30}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;padding:6px 10px;background:none!important;border-radius:0;color:#9aa18f}.nav-item.active{color:var(--green)}.nav-item.active svg{stroke-width:2.5}.main{padding:27px 0 95px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:12px}.page-heading p{font-size:13px}.private-badge{font-size:10px;padding:4px 7px}.private-badge svg{width:11px}.composer-card{padding:17px;border-radius:16px}.composer-top{gap:12px}.composer-top textarea{font-size:16px;min-height:66px}.avatar{width:39px;height:39px;font-size:16px}.composer-actions{padding-top:12px}.button{min-height:44px;padding:9px 20px}.post-card{padding:18px;border-radius:16px}.post-content{font-size:16px}.feed-label{margin-top:25px}.empty-state{padding-top:40px}.form-note{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#84917f;flex-shrink:0}.icon-button:hover{background:#f0f3eb;color:#34573e}.sidebar-compose{margin-top:28px;width:100%}.mobile-family-name{display:none}.profile{text-align:left;padding-left:0;padding-right:0}.post-header time{display:block;font-size:12px;color:#85907e;margin-top:3px}.post-header em,.member-row em{display:inline-block;font-style:normal;color:#85917e;font-size:11px;font-weight:400;margin-left:8px;background:#f2f5ef;padding:0 5px;border-radius:4px}.post-delete{margin-left:auto;color:#a1aa99}.feed-tabs{display:flex;gap:23px}.feed-tabs button{font-size:15px;color:#8a9580;padding:3px 0;position:relative}.feed-tabs button.selected{color:#2d4838;font-weight:600}.feed-tabs button.selected:after{content:"";display:block;width:20px;height:3px;background:#416549;border-radius:3px;position:absolute;bottom:-7px;left:calc(50% - 10px)}.feed-label{margin-bottom:22px}.loading-inline{display:flex;gap:10px;align-items:center;justify-content:center;color:#87927c;padding:55px 15px;font-size:14px}.empty-action{margin-top:23px}.feed-end{text-align:center;font-size:12px;color:#9ba591;letter-spacing:1px;padding:10px 0 16px}.load-more{display:flex;margin:24px auto 12px}.retry-banner{margin-bottom:18px}.retry-banner button{margin-left:15px;text-decoration:underline}.photo-grid{display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:12px;overflow:hidden}.photo-grid.count-1{display:block;background:#f2f4ef;max-width:100%}.photo-grid.count-2,.photo-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-cell{display:block;padding:0;position:relative;overflow:hidden;background:#eef2e9;aspect-ratio:1;border-radius:2px}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.photo-cell:hover img{transform:scale(1.025)}.count-1 .photo-cell{aspect-ratio:auto;width:100%;max-height:570px}.count-1 .photo-cell img{max-height:570px;object-fit:contain;width:100%;height:auto;min-height:100px}.photo-grid.no-text{margin-top:20px}.more-photos{position:absolute;inset:0;display:grid;place-items:center;background:#0006;color:#fff;font-size:28px}.post-actions button.liked{color:#b7695c}.post-photo-count{font-size:12px;color:#a0a995;margin-left:auto;align-self:center}.likes-names{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.7;color:#8b9a80;margin:11px 0 0}.comments{background:#f6f8f3;border-radius:12px;padding:14px;margin-top:14px;display:flex;flex-direction:column;gap:14px}.comment{display:flex;align-items:flex-start;gap:9px}.comment>div{min-width:0}.comment p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.comment p strong{font-size:13px;display:block;color:#52674a;font-weight:600;margin-bottom:1px}.comment time{font-size:11px;color:#9aa58f;display:block;margin-top:3px}.comment-form{display:flex;gap:6px;margin-top:15px;align-items:center;background:#f6f8f3;border:1px solid #edf0e6;border-radius:10px;padding:3px 5px 3px 12px}.comment-form input{font-size:14px;width:100%;border:0;padding:8px 0;background:none;color:#42583a;box-shadow:none}.comment-form input::placeholder{color:#9ba58d}.comment-form .icon-button{color:#537347}.upload-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.upload-tile{position:relative;aspect-ratio:1;min-width:0;background:#eef3e8;border-radius:10px;overflow:hidden}.upload-tile>img{width:100%;height:100%;object-fit:cover;display:block}.image-index{position:absolute;left:6px;top:6px;font-size:11px;color:#fff;border-radius:5px;background:#1e33268c;min-width:21px;height:21px;display:grid;place-items:center}.remove-photo{position:absolute;right:5px;top:5px;color:#fff;background:#1c3026b0;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;padding:0;z-index:2}.remove-photo:hover{background:#913f33}.upload-progress,.upload-retry{position:absolute;inset:0;background:#17362b7d;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:12px}.upload-progress progress{width:70%;height:3px;accent-color:#d7eac9;margin-top:6px}.upload-retry{background:#643d379e}.upload-done{position:absolute;right:7px;bottom:7px;width:18px;height:18px;border-radius:50%;background:#e6f2d9;color:#43673a;display:grid;place-items:center}.heic-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:6px;color:#8ca27f;font-size:12px}.reorder-controls{position:absolute;bottom:4px;left:5px;display:flex;background:#193522b5;border-radius:5px}.reorder-controls button{color:#fff;display:grid;place-items:center;width:25px;height:24px;padding:0}.reorder-controls button:disabled{opacity:.3}.photo-counter{font-size:12px;color:#94a18a}.upload-note,.upload-warning{font-size:12px;color:#94a18a;margin-top:12px}.upload-warning{color:#aa594b}.composer-card .error{margin-top:14px}.drag-over{outline:2px dashed #6b9363;outline-offset:5px;background:#f8fcf4}.right-rail{padding-top:181px}.family-summary{background:#fff;border:1px solid var(--border);border-radius:16px;padding:21px;margin-bottom:20px}.rail-title{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8a9780}.rail-title h2{font-size:15px;font-weight:600;color:#344e38;overflow-wrap:anywhere}.avatar-stack{display:flex;align-items:center;padding-left:3px;margin:18px 0 9px}.avatar-stack>.avatar{border:3px solid white;margin-left:-3px;width:36px;height:36px;font-size:12px}.avatar-stack .invite-avatar{background:#f3f6ef;color:#849479}.family-summary>p{font-size:12px;color:#929d85}.rail-stats{display:flex;padding-top:18px;margin-top:18px;border-top:1px solid #f0f2ea;gap:25px}.rail-stats button{display:flex;flex-direction:column;align-items:flex-start;padding:0}.rail-stats strong{font-family:Georgia,serif;font-size:26px;font-weight:500;line-height:1.1;color:#456039}.rail-stats span{font-size:11px;color:#94a086;margin-top:6px}.home-note{background:#edf2e7}.home-note h2{font-size:23px;color:#526443}.rail-footer{font-size:10px;letter-spacing:.5px;color:#a0aa94;text-align:center;margin-top:24px}.album-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 0 22px;border-bottom:1px solid var(--border);font-size:14px;color:#8c987e}.album-toolbar strong{font-size:22px;color:#445e39;font-weight:500;margin-right:5px}.filter-select{position:relative;display:flex;align-items:center}.filter-select select{appearance:none;padding:9px 33px 9px 13px;border:1px solid #e3e9dc;border-radius:10px;background:#fff;color:#657958;font-size:14px;max-width:180px}.filter-select svg{position:absolute;right:10px;pointer-events:none}.album-month{margin-top:25px}.album-month h2{font-size:17px;font-weight:600;margin-bottom:14px;display:flex;gap:12px;align-items:center}.album-month h2 span{font-size:12px;color:#93a087;font-weight:400}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.album-photo{aspect-ratio:1;display:block;padding:0;position:relative;overflow:hidden;border-radius:11px;background:#e6eddf}.album-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.album-photo:hover img{transform:scale(1.04)}.album-photo span{position:absolute;bottom:0;left:0;right:0;padding:22px 11px 9px;color:#fff;background:linear-gradient(transparent,#182f2499);text-align:left;font-size:12px}.family-cover{background:#e7eee1;padding:29px;border-radius:17px;display:flex;justify-content:space-between;gap:15px}.family-cover-text .eyebrow{font-size:10px;letter-spacing:2px;color:#859a78}.family-cover h2{font-size:27px;color:#385730;font-weight:600;margin-top:8px;overflow-wrap:anywhere}.family-counts{display:flex;gap:24px;margin-top:25px;color:#829875;font-size:12px}.family-counts b{font-size:19px;color:#48683c;font-weight:500;margin-right:5px}.family-cover>.icon-button{color:#738c62}.members-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.members-title h2{font-size:17px;font-weight:600}.member-list{background:#fff;border:1px solid var(--border);border-radius:15px;padding:0 19px}.member-row{display:flex;align-items:center;gap:13px;padding:18px 0}.member-row+.member-row{border-top:1px solid #eef1e9}.member-row strong{font-size:15px;font-weight:550}.member-row p{font-size:12px;color:#96a188;margin-top:2px}.member-row>.icon-button{margin-left:auto}.logout-button{display:flex;align-items:center;gap:9px;color:#9a7466;font-size:14px;margin-top:26px;padding:12px 0}.toast{position:fixed;z-index:100;bottom:32px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;background:#264c39;color:#f4f8f0;border-radius:13px;padding:11px 12px 11px 19px;box-shadow:0 8px 35px #10281926;font-size:14px}.toast>.icon-button{color:#cad9bd;width:28px;height:28px}.toast>.icon-button:hover{background:#ffffff14}.dialog-overlay{position:fixed;inset:0;background:#12271d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadein .2s}.dialog-content{position:fixed;z-index:91;left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100vw - 36px));padding:27px;border-radius:20px;background:#fff;box-shadow:0 30px 90px #102f292e;max-height:90svh;overflow-y:auto;outline:none}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:21px;font-weight:650}.dialog-description{font-size:14px;color:#839075;line-height:1.8;margin:10px 0 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger{background:#a44b40;color:#fff}.danger:hover{background:#8e3b31}.field-label{display:block;font-size:14px;margin-bottom:21px;color:#536847}.field-label input{width:100%;margin-top:8px;border:1px solid #e1e8d9;background:#fafcf7;border-radius:10px;padding:12px;min-height:47px;font-size:16px;color:#3e5935}.field-label .copy-input{font-size:13px}.modal-note{font-size:12px;color:#94a085;margin:-6px 0 22px;line-height:1.8}.pswp{--pswp-bg:#13221b;--pswp-icon-color:#f4f6ef;--pswp-icon-color-secondary:#13221b;--pswp-icon-stroke-width:1.4px}.pswp__button--download{display:flex!important;align-items:center;justify-content:center;color:#fff;text-decoration:none}.pswp__photo-caption{position:absolute;bottom:18px;left:20px;right:20px;text-align:center;color:#bbc8b8;font-size:13px;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pswp__counter{color:#f0f5eb}.pswp__button{width:50px!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:760px){.sidebar-compose{display:none}.mobile-family-name{display:block;position:absolute;right:20px;top:28px;color:#95a089;font-size:12px;max-width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item{font-size:13px;gap:4px}.sidebar nav{height:calc(73px + env(safe-area-inset-bottom))}.main{padding-bottom:105px}.heading-compose{padding:9px 13px;font-size:14px}.page-heading h1{margin-top:8px}.feed-tabs{gap:22px}.feed-tabs button{font-size:15px}.photo-grid{border-radius:9px;gap:4px}.post-photo-count{font-size:11px}.count-1 .photo-cell,.count-1 .photo-cell img{max-height:480px}.upload-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.remove-photo{width:27px;height:27px}.reorder-controls button{height:26px;width:26px}.comments{padding:12px}.comment p{font-size:14px}.comment-form input{font-size:16px;min-width:0}.album-grid{gap:6px}.album-photo{border-radius:7px}.album-photo span{font-size:11px;padding:20px 7px 6px}.family-cover{padding:22px}.family-counts{gap:19px}.family-counts b{font-size:18px;margin-right:3px}.family-cover h2{font-size:25px}.member-list{padding:0 16px}.toast{bottom:calc(88px + env(safe-area-inset-bottom));padding:10px 11px 10px 15px;min-width:240px;font-size:13px}.dialog-content{padding:23px}.post-header em,.member-row em,.feed-end{font-size:12px}.entry-form-wrap{padding-bottom:50px}.entry-form .button{min-height:50px}.form-note{line-height:1.7}}@media(max-width:350px){.app-shell{padding:0 12px}.post-card{padding:14px}.private-badge{display:none}.family-counts{gap:10px}.nav-item{font-size:12px}}.refresh-feed{display:flex;align-items:center;gap:6px;color:#687e60;font-size:13px;min-height:40px;padding:6px 0 6px 12px}.refresh-feed:hover{color:var(--green)}.member-row>div{min-width:0}.member-row strong{overflow-wrap:anywhere}.post-header>div{min-width:0}.post-header strong{overflow-wrap:anywhere}.post-actions button,.feed-tabs button,.text-button{min-height:44px}.composer-top textarea:focus-visible{outline:2px solid #83a382;outline-offset:5px;border-radius:6px}.composer-top textarea::placeholder{color:#76816f}.empty-state p,.page-heading p,.dialog-description{color:#6d7b64}.comment-delete-button{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:3px 8px;border-radius:7px;font-size:12px;color:#9c8175}.comment-delete-button:hover{color:#a44b40;background:#f4e8e2}.delete-comment-preview{margin:0;padding:13px 16px;background:#f6f8f3;border-left:3px solid #dde5d5;border-radius:0 9px 9px 0;font-size:14px;color:#66745c;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow-y:auto}@media(max-width:760px){.comment-delete-button{min-height:40px;padding:6px 9px;font-size:13px}}.comment-thread{display:flex;flex-direction:column;gap:10px}.comment-thread+.comment-thread{border-top:1px solid #e9eee3;padding-top:14px}.comment-reply{margin-left:15px;padding-left:12px;border-left:2px solid #dfe8d7}.comment>div{flex:1}.comment p strong .reply-recipient{font-size:12px;font-weight:400;color:#8a967f;margin-left:7px;display:inline}.reply-recipient b{font-weight:500;color:#627a56}.comment .comment-meta{display:flex;align-items:center;gap:14px;margin-top:2px;flex-wrap:wrap}.comment-meta time{margin:0}.comment-reply-button{display:inline-flex;align-items:center;gap:4px;min-height:32px;font-size:12px;color:#6b815f;padding:3px 8px;border-radius:7px}.comment-reply-button:hover{background:#e8eee1;color:var(--green)}.deleted-parent{display:block;color:#92a086;font-size:11px;margin:2px 0}.comment-composer{margin-top:15px}.comment-composer .comment-form{margin-top:0}.reply-context{display:flex;align-items:flex-start;gap:8px;background:#edf3e7;padding:11px 10px 10px 13px;border-radius:10px 10px 0 0;color:#648058}.reply-context>svg{margin-top:3px}.reply-context>div{flex:1;min-width:0}.reply-context span{font-size:12px;font-weight:600;display:block}.reply-context p{font-size:12px;color:#8a977f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}.reply-context .icon-button{margin:-3px -3px 0 0;width:32px;height:32px}.replying .comment-form{border-radius:0 0 10px 10px;border-top-color:#e4ecdc}.notice-avatar i.reply{background:#72a3bd}@media(max-width:760px){.comment-reply-button{min-height:40px;padding:6px 9px;font-size:13px}.comment-reply{margin-left:8px;padding-left:10px}.reply-context .icon-button{min-width:40px;min-height:40px}.reply-context span,.reply-context p{font-size:13px}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.heading-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.notification-bell{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;color:#466353;transition:background .2s}.notification-bell:hover{background:#e8eee5}.notification-bell>span{position:absolute;top:-3px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #f6f7f4;border-radius:12px;background:#cd526e;color:#fff;font-size:10px;line-height:1;font-weight:700}.sync-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#798776;min-height:24px;margin:-12px 0 16px}.sync-status>span{width:6px;height:6px;background:#b8a575;border-radius:50%}.sync-status>span.offline{background:#c7806c}.sync-status button{margin-left:auto;text-decoration:underline;min-height:32px}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e7eee2;padding:10px 14px;border-radius:12px;margin-bottom:18px;font-size:13px}.update-banner button{min-height:36px;font-weight:600;color:var(--green)}.avatar-setting{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:1px solid var(--border);border-radius:15px;background:#fff;padding:19px;margin-top:20px}.avatar-setting strong{display:block;font-size:15px}.avatar-setting small{display:block;margin-top:3px;color:#7a8774;font-size:12px}.avatar-setting-action{margin-left:auto;font-size:13px;color:var(--green)}.avatar-edit-picture{position:relative}.avatar-edit-picture .avatar{width:52px;height:52px}.avatar-edit-picture>span:last-child{position:absolute;bottom:-3px;right:-4px;width:23px;height:23px;border-radius:50%;background:var(--green);border:2px solid white;color:#fff;display:grid;place-items:center}.avatar-current{display:flex;justify-content:center;margin:25px 0 30px}.avatar-current .avatar{width:120px;height:120px;font-size:44px}.avatar-crop{width:240px;height:240px;position:relative;overflow:hidden;border-radius:16px;margin:0 auto;background:#dbe3d5;touch-action:none;cursor:grab}.avatar-crop:active{cursor:grabbing}.avatar-crop img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-guide{position:absolute;inset:1px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 70px #0f241967;pointer-events:none}.avatar-zoom{display:flex;align-items:center;gap:12px;margin:22px auto 10px;max-width:290px;color:#769069}.avatar-zoom input,.crop-adjust input{width:100%;accent-color:var(--green)}.crop-adjust{font-size:12px;color:#7d8d74;margin:0 0 20px}.crop-adjust summary{cursor:pointer;min-height:30px;text-align:center}.crop-adjust label{display:flex;align-items:center;gap:12px;margin:8px 20px;white-space:nowrap}.avatar-save{margin-top:12px}.avatar-reset{display:flex;justify-content:center;width:100%;margin-top:12px}.push-settings{border:1px solid var(--border);border-radius:16px;background:#fff;margin-top:20px;padding:22px}.push-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.push-icon{width:42px;height:42px;border-radius:14px;background:#ecf1e6;display:grid;place-items:center;color:#648456;flex-shrink:0}.push-heading h2{font-size:16px;font-weight:600}.push-heading p{font-size:12px;color:#87917e;margin-top:4px}.enabled-dot{width:8px;height:8px;background:#5c9155;border-radius:50%;margin-left:auto;flex-shrink:0}.push-help{font-size:12px;line-height:1.9;color:#7b8772;margin-top:14px}.push-options{margin:16px 0 3px}.push-options label{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;font-size:14px;border-bottom:1px solid #f0f2ed;cursor:pointer}.push-options input{appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:20px;background:#d6ddd2;position:relative;transition:background .18s;cursor:pointer;flex-shrink:0}.push-options input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #15332122;transition:transform .18s}.push-options input:checked{background:#487450}.push-options input:checked:before{transform:translate(16px)}.push-settings .error{margin-top:12px}.notice-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8a947f;margin-top:-12px}.notice-toolbar .text-button{font-size:12px;gap:5px}.notice-list{margin:4px -10px -8px}.notice-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:16px 10px;border-radius:12px;margin:4px 0}.notice-item.unread{background:#f1f5ed}.notice-item:hover{background:#eaf0e4}.notice-avatar{position:relative;flex-shrink:0}.notice-avatar i{position:absolute;bottom:-2px;right:-4px;background:#64876a;color:#fff;border:2px solid white;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.notice-avatar i.like{background:#dc6985}.notice-avatar i.comment{background:#72a3bd}.notice-item>span:nth-child(2){min-width:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.notice-item strong{margin-right:4px;font-weight:600}.notice-item time{display:block;font-size:11px;color:#93a088}.notice-dot{width:6px;height:6px;border-radius:50%;background:#d57c88;flex-shrink:0;margin-left:auto}.notice-empty{text-align:center;padding:35px 10px;color:#96a18b}.notice-empty p{margin-top:16px;font-size:14px;line-height:1.9}.post-card{scroll-margin-top:24px}.post-actions .like-button{gap:0;margin-left:-8px;padding-right:4px;overflow:visible}.post-actions .like-button.liked{color:#ee4878}.heart-stage{position:relative;display:grid;place-items:center;width:36px;height:36px;isolation:isolate}.heart-stage>svg{position:relative;z-index:2;transform-origin:center}.heart-pop{animation:heart-pop .72s cubic-bezier(.22,.8,.35,1) both}.heart-burst{position:absolute;inset:0;pointer-events:none}.heart-ring{position:absolute;inset:6px;border:5px solid #ee4878;border-radius:50%;animation:heart-ring .5s cubic-bezier(.2,.65,.35,1) both}.heart-particle{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--hue);box-shadow:4px 5px 0 -1px #ed789e;opacity:0;animation:heart-particle .7s ease-out both}.like-count{display:inline-block;min-width:0;text-align:left;font-variant-numeric:tabular-nums}.count-pop{animation:count-pop .3s ease-out}.like-button[aria-disabled=true]{cursor:pointer}@media(hover:hover)and (pointer:fine){.post-actions .like-button:hover{color:#ee4878}}@keyframes heart-pop{0%{transform:scale(.45)}18%{transform:scale(.2)}42%{transform:scale(1.3)}65%{transform:scale(.88)}82%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes heart-ring{0%{transform:scale(.15);opacity:1;border-width:7px}60%{opacity:.65}to{transform:scale(1.6);opacity:0;border-width:0}}@keyframes heart-particle{0%,12%{transform:rotate(var(--angle)) translateY(-12px) scale(.3);opacity:0}30%{opacity:1}to{transform:rotate(var(--angle)) translateY(-28px) scale(.4);opacity:0}}@keyframes count-pop{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.heading-actions{gap:6px}.heading-actions .private-badge,.heading-actions .heading-compose{display:none}.notification-bell{width:42px;height:42px}.avatar-setting{padding:17px}.push-settings{padding:19px}.push-help{font-size:13px}.dialog-content .post-card{padding:15px;margin:0 -10px}.dialog-content .post-actions{gap:14px}.notice-toolbar .text-button{font-size:13px}}@media(prefers-reduced-motion:reduce){.heart-pop,.heart-ring,.heart-particle,.count-pop{animation:none}.heart-burst{display:none}.heart-stage,.push-options input,.push-options input:before{transition:none}}@media(max-width:760px){.icon-button{min-width:44px;min-height:44px}.private-badge{font-size:11px}.page-heading p{font-size:14px}.form-note{font-size:13px}.upload-list{gap:10px}.remove-photo{width:32px;height:32px}.reorder-controls button{width:30px;height:30px}}.device-settings-entry{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border:1px solid var(--border);border-radius:15px;background:#fff;padding:19px;margin-top:20px}.device-settings-symbol{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:15px;background:#edf2e8;color:#62805b}.device-settings-entry strong{display:block;font-size:15px}.device-settings-entry small{display:block;margin-top:3px;font-size:12px;color:#7a8774}.device-settings-entry:hover{border-color:#adbea4}.app-icon-current{display:flex;align-items:center;gap:14px;margin:4px 0 22px}.app-icon-current>img{border-radius:17px;border:1px solid #eee6d7;flex-shrink:0;box-shadow:0 4px 12px #3c49300a}.app-icon-current h3{font-size:16px;font-weight:600;color:#40583a;margin:0}.app-icon-current p{font-size:13px;margin-top:3px;color:#6c7f61}.app-icon-current small{font-size:11px;display:block;line-height:1.8;color:#8a9681;margin-top:3px}.app-icon-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0;min-width:0}.app-icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:12px 5px 9px;min-width:0;border:1px solid #e5e9df;border-radius:15px;background:#fafbf8;cursor:pointer;transition:background .18s,border-color .18s}.app-icon-option:hover{background:#f4f7f0;border-color:#bacbad}.app-icon-option.selected{background:#eef4e7;border-color:#6e8d62;box-shadow:0 0 0 1px #6e8d62}.app-icon-option:focus-within{outline:3px solid #9caf87;outline-offset:3px}.app-icon-option>img{display:block;max-width:100%;height:auto;aspect-ratio:1;border-radius:17px;border:1px solid #eee8dc}.app-icon-label{font-size:11px;line-height:1.7;color:#7e8b74;margin-top:8px;white-space:nowrap}.app-icon-label b{font-size:11px;color:#57714d;margin-right:3px;font-weight:650}.app-icon-check{position:absolute;right:7px;top:7px;width:19px;height:19px;border-radius:50%;background:#5a7c4e;border:2px solid #eef4e7;color:#fff;display:grid;place-items:center}.app-icon-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:18px 0 22px;font-size:11px;color:#919b88}.app-icon-footer .text-button{font-size:11px;gap:4px;min-height:32px}.app-icon-default{color:#738668}.app-icon-help{border-top:1px solid #e7ecdf;padding-top:16px;font-size:12px;line-height:1.9;color:#7e8b73}.app-icon-help summary{display:flex;align-items:center;gap:7px;cursor:pointer;color:#5e7952;min-height:36px;list-style:none;font-weight:550}.app-icon-help summary::-webkit-details-marker{display:none}.app-icon-help summary:after{content:"＋";margin-left:auto;font-weight:400;font-size:17px}.app-icon-help[open] summary:after{content:"−"}.app-icon-help p{margin:9px 0 12px}.app-icon-help ol{padding-left:21px;margin:10px 0 16px}.app-icon-help li+li{margin-top:6px}.app-icon-help .button{font-size:12px;min-height:42px}.app-icon-help .app-icon-help-note{font-size:11px;color:#95a08c;margin:12px 0 0}.app-icon-copy{display:block;font-size:11px;margin-top:10px}.app-icon-copy input{width:100%;padding:10px;margin-top:4px;border:1px solid #e1e8d9;border-radius:9px;font-size:12px;color:#526b46;background:#fafcf7}.app-icon-settings>.error{margin-bottom:15px}@media(max-width:760px){.device-settings-entry{padding:17px}.app-icon-options{gap:10px}.app-icon-current small{font-size:12px}.app-icon-help{font-size:13px}.app-icon-help summary{min-height:44px}.app-icon-footer .text-button{min-height:40px}}.feed-search{display:flex;gap:10px;margin:0 0 20px;align-items:center}.feed-search-field{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 10px 0 14px;color:var(--muted)}.feed-search-field:focus-within{border-color:#54816a;box-shadow:0 0 0 3px #e7f0e8}.feed-search-field input{flex:1;min-width:0;width:100%;height:46px;border:0;background:transparent;color:var(--green);padding:8px 0;font-size:16px;box-shadow:none}.feed-search-field input::placeholder{color:#929c90;font-size:14px}.feed-search-field input::-webkit-search-cancel-button{display:none}.feed-search-field .icon-button{flex-shrink:0}.feed-search>.button{flex-shrink:0}.search-summary{font-size:13px;color:var(--muted);margin:-5px 0 18px;overflow-wrap:anywhere}.search-summary strong{font-weight:600;color:var(--green)}@media(max-width:760px){.feed-search{gap:8px}.feed-search>.button{padding:10px 14px}.feed-search-field{padding-left:11px;gap:7px}.feed-search-field input::placeholder{font-size:13px}}:root{--motion-quick: .14s;--motion-standard: .24s;--motion-arrive: .34s;--ease-out: cubic-bezier(.22, .68, 0, 1);--ease-spring: cubic-bezier(.2, .8, .2, 1.12)}button,a,select,summary{touch-action:manipulation}.button,.icon-button,.text-button,.notification-bell,.nav-item,.device-settings-entry,.avatar-setting,.notice-item,.app-icon-option,.refresh-feed,.logout-button,.rail-stats button,.profile,.comment-reply-button,.comment-delete-button{transition:transform var(--motion-quick) var(--ease-out),background-color var(--motion-standard) ease,border-color var(--motion-standard) ease,color var(--motion-standard) ease,box-shadow var(--motion-standard) ease,opacity var(--motion-quick) ease}.button:active:not(:disabled),.icon-button:active:not(:disabled),.notification-bell:active,.text-button:active:not(:disabled),.refresh-feed:active:not(:disabled),.logout-button:active:not(:disabled){transform:scale(.96);transition-duration:70ms}.device-settings-entry:active,.avatar-setting:active,.notice-item:active,.app-icon-option:active,.profile:active,.rail-stats button:active{transform:scale(.985);transition-duration:70ms}.feed-search-field,.entry-form input,.field-label input,.filter-select select{transition:border-color var(--motion-standard) ease,box-shadow var(--motion-standard) ease,background-color var(--motion-standard) ease}.sidebar nav{position:relative;isolation:isolate}.nav-indicator{position:absolute;pointer-events:none;z-index:-1;top:0;left:0;width:100%;height:52px;border-radius:13px;background:#e2ece0;transform:translateY(calc(var(--nav-index) * 61px));transition:transform var(--motion-arrive) var(--ease-spring)}.sidebar .nav-item{position:relative;height:52px;min-height:52px}.sidebar .nav-item.active{background:transparent}.nav-item:active{transform:scale(.96)}.nav-item svg{transition:transform var(--motion-standard) var(--ease-spring)}.nav-item.active svg{animation:nav-settle .34s var(--ease-out)}.feed-tabs{position:relative}.feed-tabs button{transition:color var(--motion-quick) ease}.feed-tabs button.selected:after{display:none}.feed-tabs .feed-tab-indicator{position:absolute;pointer-events:none;width:20px;height:3px;border-radius:3px;background:#416549;bottom:-7px;left:27.5px;transform:translate(0);transition:transform var(--motion-arrive) var(--ease-spring)}.feed-tabs[data-filter=mine] .feed-tab-indicator{transform:translate(90.5px)}.view-panel:not([hidden]){animation:page-arrive var(--motion-arrive) var(--ease-out)}.heading-copy{animation:heading-arrive .28s var(--ease-out)}.feed-view>.post-card,.album-month,.empty-state{animation:surface-arrive .32s var(--ease-out)}.entry-form,.entry-story-copy{animation:surface-arrive .44s var(--ease-out)}.entry-photo{animation:photo-arrive .6s var(--ease-out)}.sync-status,.update-banner,.search-summary,.retry-banner{animation:surface-arrive .22s var(--ease-out)}.notification-bell>span,.app-icon-check{animation:status-arrive .28s var(--ease-spring)}.app-icon-option.selected>img{animation:icon-settle .36s var(--ease-out)}.push-options input:before{transition:transform var(--motion-standard) var(--ease-spring)}.push-options input:active:before{transform:scaleX(1.12)}.push-options input:checked:active:before{transform:translate(16px) scaleX(1.12)}.toast.motion-toast{opacity:0;visibility:hidden;translate:0 12px;transition:opacity .18s ease,translate .24s var(--ease-out),visibility 0s .24s}.toast.motion-toast[data-state=open]{opacity:1;visibility:visible;translate:0 0;transition:opacity .18s ease,translate .32s var(--ease-spring),visibility 0s}.motion-toast[data-state=open]>svg{animation:status-arrive .32s var(--ease-spring)}@keyframes page-arrive{0%{opacity:.25;transform:translate3d(calc(var(--view-direction, 1) * 14px),0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes heading-arrive{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrive{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nav-settle{0%{transform:scale(.88)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes status-arrive{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes icon-settle{0%{transform:scale(.94)}55%{transform:scale(1.035)}to{transform:scale(1)}}@media(hover:hover)and (pointer:fine){.button.primary:hover:not(:disabled){box-shadow:0 4px 12px #164b401a}.device-settings-entry:hover,.avatar-setting:hover{box-shadow:0 4px 16px #29452608}}@media(hover:none){.photo-cell:hover img,.album-photo:hover img{transform:none}}@media(max-width:760px){.sidebar nav{position:fixed}.sidebar .nav-item{height:auto;min-height:0}.nav-indicator{top:9px;left:18px;width:calc((100% - 52px) / 3);height:52px;border-radius:16px;background:#e7eee3;transform:translate(calc(var(--nav-index) * (100% + 8px)))}.feed-tabs[data-filter=mine] .feed-tab-indicator{transform:translate(89.5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active:not(:disabled),.icon-button:active:not(:disabled),.notification-bell:active,.text-button:active:not(:disabled),.refresh-feed:active:not(:disabled),.logout-button:active:not(:disabled),.device-settings-entry:active,.avatar-setting:active,.notice-item:active,.app-icon-option:active,.profile:active,.rail-stats button:active,.nav-item:active{transform:none}}.mobile-heading-brand,.mobile-heading-context,.mobile-compose{display:none}.album-gesture-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;color:#7e8c76;font-size:12px;margin-top:13px}@media(max-width:760px){:root{--mobile-gutter: 12px;--mobile-nav-height: 68px;scroll-padding-top:calc(92px + env(safe-area-inset-top));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}.app-shell{padding:0 max(var(--mobile-gutter),env(safe-area-inset-right)) 0 max(var(--mobile-gutter),env(safe-area-inset-left))}.sidebar{padding:0}.sidebar>.brand,.sidebar .mobile-family-name{display:none}.main{padding:0 0 calc(156px + env(safe-area-inset-bottom))}.page-heading{position:sticky;top:0;z-index:35;gap:10px;min-height:76px;margin:0 calc(-1 * var(--mobile-gutter)) 16px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#f6f7f4ee;border-bottom:1px solid #e5e9e2cc;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}.mobile-heading-brand{display:block;flex-shrink:0}.mobile-heading-brand .brand>span:last-child{display:none}.mobile-heading-brand .brand-mark{width:36px;height:36px;border-radius:12px}.heading-copy{min-width:0;flex:1}.heading-copy>.eyebrow,.heading-copy>p{display:none}.mobile-heading-context{display:block;color:#82907b;font-size:11px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-heading h1{margin:3px 0 0;font-size:21px;letter-spacing:-.4px;line-height:1.35;white-space:nowrap}.page-heading .heading-dot{display:none}.heading-actions{gap:2px}.heading-actions>.icon-button,.heading-actions .notification-bell{width:44px;height:44px}.heading-actions .notification-bell{background:none;border:0;border-radius:12px}.heading-actions .notification-bell>span{top:1px;right:1px}.sidebar nav{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:4px max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#fffffff5;-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 20px #2e4e3404}.sidebar .nav-item{font-size:11px;gap:3px;padding:6px 2px}.nav-indicator{left:max(12px,env(safe-area-inset-left));top:8px;width:calc((100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)) - 12px) / 3);height:51px;border-radius:16px;transform:translate(calc(var(--nav-index) * (100% + 6px)))}.mobile-compose{display:flex;align-items:center;gap:7px;position:fixed;z-index:32;right:max(18px,env(safe-area-inset-right));bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 14px);min-height:52px;padding:0 18px 0 14px;border-radius:18px;background:#164b40;color:#fff;font-size:14px;font-weight:600;box-shadow:0 5px 18px #164b4030,0 0 0 1px #ffffff70;transition:transform .14s var(--ease-out),opacity .16s ease}.mobile-compose:active{transform:scale(.95)}.app-shell:has(.composer-card:focus-within) .mobile-compose,.app-shell:has(.comment-form:focus-within) .mobile-compose,.app-shell:has(.feed-search:focus-within) .mobile-compose{visibility:hidden;pointer-events:none}:root[data-keyboard-open] .sidebar nav,:root[data-keyboard-open] .mobile-compose{visibility:hidden;pointer-events:none}.composer-card{padding:14px 16px 10px;border-radius:18px}.composer-top{gap:11px;align-items:flex-start}.composer-top .avatar{width:36px;height:36px}.composer-top textarea{min-height:56px;padding:5px 0;line-height:1.6;scroll-margin-top:100px;resize:none}.composer-actions{margin-top:8px;padding-top:6px}.composer-actions .button{min-height:44px;padding:8px 18px}.composer-card .composer-submit{min-width:88px}.composer-actions .text-button{min-height:44px;gap:6px}.feed-label{margin:18px 3px 20px}.refresh-feed{padding:6px 6px 6px 10px;min-height:44px}.feed-search{margin:0 0 14px;gap:7px}.feed-search-field{border-radius:14px;background:#edf1e9;border-color:transparent;padding-left:12px}.feed-search-field input{height:44px}.feed-search-field input::placeholder{font-size:12px}.feed-search>.button{padding:9px 14px;border-radius:13px}.post-card{padding:16px;border-radius:18px;margin-bottom:14px;scroll-margin-top:calc(90px + env(safe-area-inset-top))}.post-header{gap:10px}.post-header .avatar{width:38px;height:38px}.post-header strong{font-size:14px}.post-header time{font-size:11px}.post-content{margin:14px 0;line-height:1.75}.post-card .photo-grid{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);max-width:none;border-radius:0;gap:3px}.post-card .photo-grid.count-1{max-width:none}.post-card .count-1 .photo-cell,.post-card .count-1 .photo-cell img{max-height:65svh}.photo-cell{border-radius:0}.post-actions{margin-top:12px;padding-top:5px;gap:22px;align-items:center}.post-actions button{min-height:46px}.post-actions .post-photo-count{font-size:11px;white-space:nowrap}.likes-names{margin-top:5px}.comments{padding:12px 10px;margin-top:10px}.comment .comment-meta{gap:6px 9px}.comment-reply-button,.comment-delete-button{min-height:44px;padding:8px 7px}.comment-form{padding-left:12px;scroll-margin:100px 0 100px}.comment-form input{min-height:44px;font-size:16px}.comment-form .icon-button{width:44px;min-height:44px}.composer-card .upload-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upload-tile{border-radius:13px}.composer-card .remove-photo{width:44px;height:44px;right:4px;top:4px}.remove-photo svg{width:18px;height:18px}.image-index{left:8px;top:8px;width:24px;height:24px}.reorder-controls{bottom:6px;left:6px;right:6px;border-radius:10px;background:#193522cb}.composer-card .reorder-controls button{min-width:44px;width:50%;height:44px}.reorder-controls button+button{border-left:1px solid #ffffff24}.reorder-controls svg{width:20px;height:20px}.upload-tile:has(.reorder-controls) .upload-done{bottom:60px;right:10px}.upload-done{width:23px;height:23px}.album-toolbar{padding:0 3px 13px}.filter-select select{min-height:44px;font-size:16px;padding-left:12px;max-width:180px}.album-gesture-note{font-size:11px;padding:0 3px;margin-top:10px}.album-month{margin-top:24px}.album-month h2{margin:0 3px 12px;font-size:16px}.album-grid{gap:3px;margin:0 -6px}.album-photo{border-radius:5px}.album-photo span{padding:22px 7px 5px;font-size:10px}.family-cover{padding:20px;border-radius:20px}.family-cover h2{font-size:25px;line-height:1.35}.family-counts{gap:16px;margin-top:20px}.member-row{padding:16px 0}.member-list,.device-settings-entry,.avatar-setting,.push-settings{border-radius:18px}.device-settings-entry,.avatar-setting{gap:12px;padding:16px}.device-settings-entry>span:nth-child(2),.avatar-setting>span:nth-child(2){flex:1;min-width:0}.device-settings-entry small,.avatar-setting small{line-height:1.6}.avatar-setting-action{flex-shrink:0;font-size:12px}.logout-button{min-height:48px;margin-top:18px}.dialog-content[data-state]{bottom:var(--keyboard-inset, 0px);max-height:calc(var(--visual-viewport-height, 100dvh) - max(12px,env(safe-area-inset-top)));padding-bottom:max(24px,env(safe-area-inset-bottom));scroll-padding:70px 0 24px}.dialog-content input:not([type=range]):not([type=checkbox]):not([type=radio]),.dialog-content textarea{font-size:16px}.dialog-content .copy-input{overflow:hidden;text-overflow:ellipsis}.dialog-actions{gap:10px}.dialog-actions .button{flex:1;min-height:48px;padding-inline:12px}.toast.motion-toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 78px)}:root[data-keyboard-open] .toast.motion-toast{bottom:calc(var(--keyboard-inset, 0px) + 12px)}.empty-state{padding:42px 14px}.load-more{min-height:48px}}@media(max-width:350px){.page-heading{padding-left:12px;padding-right:8px;gap:8px}.mobile-heading-brand .brand-mark{width:30px;height:30px}.page-heading h1{font-size:19px}.heading-actions{gap:0}.family-counts{gap:10px}.feed-search-field input::placeholder{font-size:11px}.post-actions{gap:14px}}@media(prefers-reduced-motion:reduce){.mobile-compose:active{transform:none}}