body:has(.moments-page){display:block;padding:0;align-items:stretch;justify-content:stretch}
.moments-page{--bg:var(--c-bg);--ink:var(--c-text);--muted:var(--c-text-muted);--rule:var(--c-border);--wash:var(--c-bg-alt);--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--serif:'Noto Serif SC','Source Han Serif CN','Songti SC',STSong,serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font:15px/1.65 var(--sans);color:var(--ink);background:var(--bg);width:100%;min-height:100vh}
.moments-page .moment-list:before{background:var(--rule)}.moments-page .timeline-records .moment-entry:before{border-color:var(--bg);background:var(--muted);box-shadow:0 0 0 1px var(--rule)}.moments-page .timeline-leading .moment-entry:first-child:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 1px var(--rule)}.moments-page .image-dialog{background:var(--bg);color:var(--ink);border-color:var(--rule)}.moments-page .moment-sync{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding:12px 0}.moments-page .moment-sync button{min-height:44px;text-decoration:underline;text-underline-offset:4px}.moments-page .moment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;color:var(--muted)}.moments-page .moment-actions>button,.moments-page .moment-reactions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;border-radius:6px;font-size:11px}.moments-page .moment-actions button:hover,.moments-page .moment-emoji-picker button:hover{background:var(--wash)}.moments-page .moment-like[aria-pressed=true]{color:var(--accent)}.moments-page .moment-like[aria-pressed=true] svg{fill:currentColor}.moments-page .moment-action-status,.moments-page .comment-status{font-size:12px;color:var(--muted)}.moments-page .moment-action-status:empty,.moments-page .comment-status:empty{display:none}.moments-page .moment-conversation{padding:16px 0;margin-top:8px;border-top:1px solid var(--rule)}.moments-page .moment-emoji-picker{display:flex;flex-wrap:wrap;gap:4px}.moments-page .moment-emoji-picker button{min-width:44px;min-height:44px;border-radius:6px;font-size:18px}.moments-page .moment-emoji-picker button[aria-pressed=true],.moments-page .moment-reactions button[aria-pressed=true]{background:var(--wash);box-shadow:inset 0 0 0 1px var(--rule)}.moments-page .moment-comment-form{display:grid;gap:12px;margin-top:16px}.moments-page .moment-comment-form label{display:grid;gap:8px;font-size:12px}.moments-page .comment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moments-page .moment-comment-form input,.moments-page .moment-comment-form textarea{min-width:0;width:100%;min-height:44px;background:var(--wash);border:1px solid var(--rule);padding:12px;border-radius:6px;color:var(--ink);font:14px var(--sans)}.moments-page .moment-comment-form button[type=submit]{justify-self:start;min-height:44px;padding:0 16px;background:var(--ink);color:var(--bg);border-radius:6px;font-size:12px}.moments-page .moment-comments{font-size:13px;line-height:1.8}.moments-page .moment-comment{padding:12px 0 12px calc(var(--depth,0)*12px);border-bottom:1px solid var(--rule)}.moments-page .moment-comment time{font:10px var(--mono);color:var(--muted);margin-left:12px}.moments-page .moment-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.moments-page .moment-reactions{display:flex;flex-wrap:wrap;gap:4px}.moments-page .moment-content .moment-foot{margin-top:8px}.moments-page .calendar-month[data-heat="4"]{color:#fff}
[data-mode=dark] .moments-page .moment-date-picker [data-heat="1"],[data-mode=dark] .moments-page .archive-heat[data-heat="1"]{background:#173722}
[data-mode=dark] .moments-page .moment-date-picker [data-heat="2"],[data-mode=dark] .moments-page .archive-heat[data-heat="2"]{background:#245333}
[data-mode=dark] .moments-page .moment-date-picker [data-heat="3"],[data-mode=dark] .moments-page .archive-heat[data-heat="3"]{background:#397449}
[data-mode=dark] .moments-page .moment-date-picker [data-heat="4"],[data-mode=dark] .moments-page .archive-heat[data-heat="4"]{background:#4b9a62}
[data-mode=dark] .moments-page .calendar-month[data-heat="4"]{color:#101b13}
@media(max-width:700px){.moments-page .comment-fields{grid-template-columns:minmax(0,1fr)}.moments-page .moment-actions{gap:4px}.moments-page .moment-conversation{padding-top:12px}.moments-page .moment-comment{padding-left:calc(min(var(--depth,0),1)*16px)}}