:root { --ui-motion:240ms; --ui-ease:cubic-bezier(.2,.8,.2,1); }
dialog.ui-dialog { position:fixed!important; inset:0!important; margin:auto!important; align-self:center; width:min(92vw,520px)!important; max-width:520px; max-height:82dvh!important; height:fit-content; overflow:auto; overscroll-behavior:contain; box-sizing:border-box; border:1px solid var(--surface-border); border-radius:22px!important; padding:24px; color:var(--color-ink); background:var(--surface-raised,#fff); box-shadow:0 20px 80px #21182933; }
dialog.ui-dialog:not([open]) { display:none!important; }
dialog.ui-dialog::backdrop { background:#21182966; backdrop-filter:blur(4px); }
.ui-dialog form,.ui-dialog label { display:grid; gap:8px; }
.ui-dialog form { grid-template-columns:minmax(0,1fr)!important; gap:16px; }
.ui-dialog input:not([type=hidden]),.ui-dialog select,.ui-dialog textarea { width:100%; min-width:0; box-sizing:border-box; padding:10px 12px; border:1px solid var(--surface-border); border-radius:10px; color:inherit; background:var(--surface-soft); font:inherit; }
.ui-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:18px; }
.ui-popover { position:fixed; margin:0; width:min(280px,88vw); padding:12px; border:1px solid var(--surface-border); border-radius:14px; background:var(--surface-raised); color:var(--color-ink); box-shadow:var(--shadow-soft); }
.ui-toast { position:fixed; z-index:10000; bottom:calc(90px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:12px; width:max-content; max-width:90vw; padding:12px 18px; border-radius:18px; background:var(--color-ink,#302935); color:var(--surface-raised,#fff); box-shadow:var(--shadow-soft); }
.ui-toast[hidden] { display:none; }.ui-toast button { color:inherit; background:transparent; border:1px solid currentColor; border-radius:8px; padding:6px 10px; }
[data-async-state=error] { color:var(--color-danger,#a63248)!important; }
[data-async-state=uploading]::before,[data-async-state=processing]::before { content:'◌ '; display:inline-block; animation:ui-spin 1s linear infinite; }
.ui-reaction-pop { position:fixed; z-index:10001; pointer-events:none; font-size:28px; }
@keyframes ui-spin { to{transform:rotate(360deg)} }
.together-module-controls { top:-18px; right:-18px; }.together-modules-host .together-module-controls button { width:44px; height:44px; min-width:44px; min-height:44px; font-size:17px; padding:0; }
.together-modules-host.is-editing .together-module { overflow:visible; }
.together-modules-host.is-editing .together-module > :not(.together-module-controls) { pointer-events:auto; }
#rhythmFull .act-tab { flex-shrink:0; transition:background var(--ui-motion),box-shadow var(--ui-motion); }#rhythmFull .act-tab.active { transform:none; }.activity-bar.is-editing { overflow-x:auto!important; overflow-y:clip!important; }
#rhythmFull .month-title { display:flex; flex:1; gap:5px; }
#rhythmFull .month-title select { flex:0 0 auto; width:auto; min-width:5rem; padding:.45rem 1.5rem .45rem .5rem; font-size:14px; }
#rhythmFull #rhythmYearSelect { min-width:6rem; }
#rhythmFull .calendar-header .nav-btn { flex-basis:44px; width:44px; min-width:44px; min-height:44px; }
@media(max-width:350px) { #rhythmFull .month-title select { min-width:4rem; font-size:12px; padding-inline:.3rem 1rem; } #rhythmFull #rhythmYearSelect { min-width:4.75rem; } }
#rhythmFull .count-badge,.rhythm-person-token { position:relative; display:inline-grid; place-items:center; }
#rhythmFull .count-number,.rhythm-person-token .rhythm-count { position:absolute; top:-5px; right:-6px; min-width:11px; height:auto; padding:1px 3px; border:1px solid var(--surface-raised); border-radius:20px; color:var(--surface-raised); background:var(--color-accent-strong); font:700 9px/1.15 var(--font-sans); }
#rhythmFull .day-counts { display:flex; gap:7px; padding-top:3px; }
#rhythmFull .timeline { max-height:none; overflow:visible; }
#rhythmLogDialog .rhythm-log-entry { display:grid; grid-template-columns:28px minmax(0,1fr); position:relative; gap:10px; padding:12px 0; border-bottom:1px solid var(--surface-border); }
#rhythmLogDialog .rhythm-log-main { padding-right:96px; }.rhythm-log-actions { display:flex; gap:4px; }.rhythm-log-actions button { min-width:44px; min-height:44px; border:1px solid var(--surface-border); border-radius:12px; background:var(--surface-soft); color:inherit; }
.rhythm-log-actions button:first-child[data-reaction] { position:absolute; right:0; top:8px; }
#rhythmAdjuster { --adjust-increase:var(--sky-accent,var(--color-accent)); --adjust-increase-soft:color-mix(in srgb,var(--color-accent) 18%,var(--surface-raised)); --adjust-decrease:var(--sky-accentSecondary,var(--color-ink)); --adjust-decrease-soft:color-mix(in srgb,var(--sky-accentSecondary,var(--color-ink)) 15%,var(--surface-raised)); }
#rhythmAdjuster.ui-dialog { width:min(92vw,400px)!important; padding:20px; }
#rhythmAdjuster h2 { margin:0; font-size:20px; }
#rhythmAdjustActivity { margin:6px 0 18px; font-size:12px; color:var(--color-muted); }
#rhythmAdjuster .adjust-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
#rhythmAdjuster .rhythm-adjust-row { display:grid; text-align:center; align-content:start; gap:8px; min-width:0; }
#rhythmAdjuster .rhythm-adjust-row>strong { font-size:13px; overflow-wrap:anywhere; }
#rhythmAdjuster .rhythm-adjust-row>small { font-size:10px; color:var(--color-muted); }
#rhythmAdjuster .rhythm-adjust-row>div { display:grid; grid-template-columns:repeat(2,minmax(44px,1fr)); gap:8px; }
#rhythmAdjuster .rhythm-adjust-row>div>strong { grid-row:1; grid-column:1/-1; padding:4px; font-size:32px; font-variant-numeric:tabular-nums; }
#rhythmAdjuster .rhythm-adjust-row button { width:100%; min-width:44px; height:44px; padding:0; border:1px solid currentColor; border-radius:12px; font:600 24px/1 var(--font-sans); transition:transform 120ms,filter 120ms; }
#rhythmMinus,#rhythmPartnerMinus { color:var(--adjust-decrease); background:var(--adjust-decrease-soft); }
#rhythmPlus,#rhythmPartnerPlus { color:var(--adjust-increase); background:var(--adjust-increase-soft); }
#rhythmAdjuster .rhythm-adjust-row button:active:not(:disabled) { transform:scale(.94); filter:brightness(.92); }
#rhythmAdjuster button:disabled { opacity:.35; }
#rhythmAdjustClose { width:100%; min-height:44px; margin-top:12px; }
#rhythmAdjustStatus:empty { display:none; }
#printContainer .pdf-days { grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:14px repeat(6,32px); }
#printContainer .pdf-days>div:not(.pdf-day-header) { height:32px; min-height:0; box-sizing:border-box; overflow:hidden; }
#printContainer .pdf-month-featured .pdf-days { grid-template-rows:20px repeat(6,68px); }#printContainer .pdf-month-featured .pdf-days>div:not(.pdf-day-header) { height:68px; }
#printContainer .pdf-grid-12 { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(4,1fr); }
#printContainer .pdf-month { min-width:0; break-inside:avoid; }.pdf-person-count b { position:static; font-size:10px; background:white; border-radius:8px; padding:0 2px; }
@media print { @page { size:A4 landscape; margin:8mm; } #printContainer .pdf-days { grid-template-rows:10px repeat(6,19px); }#printContainer .pdf-days>div:not(.pdf-day-header) { height:19px; } #printContainer .pdf-month-featured .pdf-days { grid-template-rows:20px repeat(6,70px); }#printContainer .pdf-month-featured .pdf-days>div:not(.pdf-day-header) { height:70px; }#printContainer .pdf-month { padding:4px; }#printContainer .pdf-month-title { font-size:10px; margin:0 0 2px; }#printContainer h1 { font-size:18px; margin:0; }#printContainer>p { margin:2px; }#printContainer .pdf-summary { margin-top:6px; padding-top:4px; } }
@media(prefers-reduced-motion:reduce) { [data-async-state]::before,.ui-dialog,.ui-popover,.ui-toast { animation:none!important; transition:none!important; } }

/* One compact event renderer for the inline Log and its full dialog. */
#rhythmFull #timeline { max-height:172px; overflow-y:auto; overscroll-behavior:contain; padding:0; }
#rhythmLog { max-height:55dvh; overflow-y:auto; }
#rhythmFull .rhythm-log-entry,#rhythmLogDialog .rhythm-log-entry { display:grid; grid-template-columns:24px minmax(0,1fr); gap:6px; position:relative; width:88%; margin:3px 0; padding:2px 7px; min-height:44px; flex-shrink:0; border:1px solid var(--surface-border); border-radius:12px; background:var(--surface-soft); box-shadow:none; touch-action:manipulation; }
#rhythmFull .rhythm-log-entry[data-identity=me],#rhythmLogDialog .rhythm-log-entry[data-identity=me] { margin-left:auto; }
#rhythmFull .rhythm-log-entry.is-group-start,#rhythmLogDialog .rhythm-log-entry.is-group-start { padding-top:4px; }
.rhythm-log-content { grid-column:2; }
.rhythm-sender { display:block; font-size:10px; line-height:1.3; padding-right:48px; }
.rhythm-log-main .rhythm-event-icon { font-size:18px; }
.rhythm-log-entry[data-identity=me] .rhythm-sender { text-align:right; }
.rhythm-log-entry .rhythm-person-token { margin-top:6px; width:24px; height:24px; }
.rhythm-log-entry .rhythm-face { width:24px; height:24px; }
.rhythm-log-content { min-width:0; }
#rhythmFull .rhythm-log-main,#rhythmLogDialog .rhythm-log-main { display:grid; width:100%; min-height:38px; padding:2px 44px 2px 0; gap:1px; border:0; border-radius:0; background:none; color:inherit; text-align:left; font:inherit; }
.rhythm-log-main strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rhythm-log-main small { font-size:10px; color:var(--color-muted); }
#rhythmFull .rhythm-event-reaction,#rhythmLogDialog .rhythm-event-reaction { position:absolute; top:0; right:3px; min-width:44px; min-height:44px; padding:2px; border:0; background:none; color:inherit; font-size:13px; }
.rhythm-event-reaction[data-zero=true] { opacity:.45; }
.rhythm-record-thread { padding:8px 0; font-size:12px; }
.rhythm-record-thread .rhythm-comment { display:block; width:fit-content; max-width:90%; margin:2px auto 2px 0; padding:0; background:none; border:0; font-size:11px; }
.rhythm-record-thread .rhythm-comment.is-group-start { margin-top:9px; }
.rhythm-record-thread .rhythm-comment[data-identity=me] { margin-left:auto; margin-right:0; text-align:right; }
.rhythm-record-thread .rhythm-comment strong { display:block; font-size:10px; }
.rhythm-record-thread .rhythm-comment p { padding:5px 8px; margin:2px 0; border-radius:8px; background:var(--surface-soft); text-align:left; }
.rhythm-record-thread p { margin:3px 0 8px; overflow-wrap:anywhere; }
[data-identity=me] strong,.todo-assignee-name[data-identity=me] { color:var(--color-accent-strong); }
[data-identity=partner] strong,.todo-assignee-name[data-identity=partner] { color:var(--sky-accentSecondary,var(--color-ink)); }
#rhythmFull .rhythm-record-reply,#rhythmLogDialog .rhythm-record-reply { display:grid; grid-template-columns:minmax(0,1fr) auto!important; gap:4px; }
.rhythm-record-reply input { width:100%; min-width:0; padding:8px; border:1px solid var(--surface-border); border-radius:8px; background:var(--surface-soft); color:inherit; font:inherit; }
.rhythm-record-reply button { min-width:44px; min-height:44px; border:0; border-radius:8px; padding:6px 9px; background:var(--surface-soft); color:inherit; }
.rhythm-record-reply [role=status] { grid-column:1/-1; }
.todo-assignee-name { font-size:10px; white-space:nowrap; }

/* Deterministic paper notes; the corner is available only in note edit mode. */
#togetherNotesList .together-note { display:block; padding:14px 16px; position:relative; transform:perspective(650px) rotate(var(--note-tilt)) rotateX(calc(var(--peel,0)*22deg)) rotateY(calc(var(--peel,0)*-28deg)); transform-origin:15% 15%; transition:transform 240ms,box-shadow 240ms; }
#togetherNotesList .together-note>div { min-width:0; }
#togetherNotesList .together-note small { font-size:10px; }
.note-peel-corner { display:none; position:absolute; bottom:0; right:0; width:44px; height:44px; border:0; border-radius:0; color:var(--color-muted); background:linear-gradient(135deg,transparent 45%,var(--surface-raised) 48%); box-shadow:-3px -3px 6px #0001; cursor:grab; }
.is-note-editing .note-peel-corner { display:block; }
#togetherNotesList .is-note-editing { box-shadow:0 12px 22px #0002; z-index:2; }
#togetherNotesList .is-peeling { transition:none; box-shadow:calc(var(--peel,0)*-12px) calc(8px + var(--peel,0)*18px) 28px #0003; }
.is-peeling .note-peel-corner { width:calc(44px + var(--peel,0)*35px); height:calc(44px + var(--peel,0)*35px); }

/* Original bereal-row / bereal-col / bereal-img presentation.
   Canvas source: 4% white padding, 16% bottom, handwritten metadata (2d30524). */
#realMeMoments.bereal-row { position:relative; isolation:isolate; display:flex; gap:6px; align-items:flex-start; justify-content:center; margin-top:10px; padding:0; }
#realMeMoments .bereal-col { flex:1 1 0; width:48%; min-width:0; padding:0; border:0; border-radius:0; display:flex; flex-direction:column; align-items:center; }
#realMeMoments .realme-person-head { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 8px; width:100%; min-width:0; padding:0 0 8px; font-size:12px; }
#realMeMoments .realme-slots { position:relative; display:flex; flex-direction:row; align-items:flex-start; width:100%; min-width:0; gap:0; padding:12px 6px; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; touch-action:pan-x pan-y pinch-zoom; }
#realMeMoments .realme-slots::after { content:''; flex:0 0 26%; }
#realMeMoments .realme-slots::-webkit-scrollbar { display:none; }
#realMeMoments .realme-slots .realme-slot { flex:0 0 74%; width:74%; scroll-snap-align:start; overflow:visible; transition:transform 260ms var(--ui-ease),filter 260ms; transform:rotate(2deg) scale(.96); }
#realMeMoments .realme-slots .realme-slot+.realme-slot { margin-left:-62%; }
#realMeMoments .realme-slots .realme-slot.is-deck-focus { transform:rotate(-2deg); z-index:4; }
#realMeMoments .realme-slots.is-deck-dragging { scroll-snap-type:none; cursor:grabbing; }
.realme-deck-add { min-height:44px; width:100%; margin-top:4px; }
#realMeMoments .realme-slot { position:relative; width:100%; min-width:0; height:auto; aspect-ratio:auto; margin:0; flex:none; box-sizing:border-box; }
#realMeMoments .bereal-img { display:block; padding:0; border:0; border-radius:4px; overflow:hidden; background:white; box-shadow:0 6px 15px rgba(0,0,0,.15); cursor:pointer; container-type:inline-size; }
#realMeMoments .left .bereal-img { transform:rotate(-3deg); }
#realMeMoments .right .bereal-img { transform:rotate(3deg); }
#realMeMoments .moment-photo { height:auto; aspect-ratio:var(--moment-aspect,3/4); }
#realMeMoments .moment-frame { transform:none; }
.bereal-caption { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:16cqw; padding-top:3px; color:#4a4a4a; font:700 clamp(9px,4.5cqw,14px)/1.3 'Comic Sans MS','Chalkboard SE','Caveat','Bradley Hand',cursive; text-align:center; overflow-wrap:anywhere; }
.bereal-caption strong { color:inherit; }
#realMeMoments .bereal-caption small { position:static; padding:0; border-radius:0; color:inherit; background:none; font:inherit; font-size:.8em; }
#realMeMoments .realme-slot:focus-visible { outline:2px solid var(--color-accent-strong); outline-offset:3px; }
#realMeMoments .realme-slot.is-empty { display:grid; place-items:center; min-height:44px; padding:8px 3px; border:1px dashed var(--surface-border); border-radius:4px; background:none; font-size:10px; color:var(--color-muted); box-shadow:none; transform:none; }
.moment-photo { width:100%; height:100%; position:relative; overflow:hidden; background:white; isolation:isolate; }
.moment-photo .moment-frame { display:block; position:absolute; margin:0; object-fit:cover!important; border-radius:0; transition:width 300ms cubic-bezier(.2,.8,.2,1),height 300ms cubic-bezier(.2,.8,.2,1),top 300ms,left 300ms; }
.moment-photo .is-main { width:100%!important; height:100%!important; left:0; top:0; z-index:0; border:0; }
.moment-photo .is-inset { width:29%!important; height:31%!important; left:4%; top:4%; z-index:1; border:2px solid #fffc; border-radius:7px; background:#17161b; box-shadow:0 3px 8px #0005; }
.moment-photo .moment-swap { position:absolute; left:4%; top:4%; width:29%; height:31%; min-height:0; min-width:0; z-index:2; background:transparent; border:0; border-radius:7px; padding:0; }
.moment-swap:focus-visible { outline:2px solid white; outline-offset:3px; }
#realMeViewer.ui-dialog { width:min(90vw,520px); padding:12px; border:1px solid #ffffff24; border-radius:18px; color:white; background:#18151ded; overflow:hidden; }
#realMeViewer::backdrop { background:#100d16cc; backdrop-filter:blur(9px); }
#realMeViewerImage { height:min(62dvh,120vw); max-height:65dvh; width:100%; border-radius:9px; overflow:hidden; }
#realMeViewerMeta { display:table; margin:0 auto 9px; padding:5px 12px; border-radius:30px; background:#ffffff20; backdrop-filter:blur(6px); font:600 12px/1.2 var(--font-sans); font-variant-numeric:tabular-nums; }
#realMeViewer [hidden] { display:none!important; }
.realme-viewer-actions { display:flex; justify-content:center; gap:8px; margin-top:10px; }
#realMeViewer .realme-viewer-actions button { min-height:44px; margin:0; color:inherit; background:#ffffff14; }
#realMeDefault { display:block; min-height:44px; margin:4px auto 0; padding-inline:12px; color:inherit; font-size:11px; }
#realMeViewerStatus:empty { display:none; }
#realMeViewerStatus { margin:4px 0; font-size:12px; }
#realMeViewerImage { width:auto; height:auto; max-height:none; overflow:visible; }
#realMeViewerImage .bereal-polaroid { width:min(100%,calc((65dvh - 120px)*1080/1533)); margin:auto; }
#realMeViewer:has(#realMeDefault:not([hidden])) .bereal-polaroid { width:min(100%,calc((65dvh - 178px)*1080/1533)); }
.bereal-polaroid { position:relative; width:100%; background:white; border-radius:4px; overflow:hidden; container-type:inline-size; }
.bereal-polaroid .moment-photo { position:absolute; }
.bereal-polaroid .bereal-caption { pointer-events:none; position:absolute; left:0; width:100%; min-height:0; padding:0; box-sizing:border-box; font-size:3.7cqw; line-height:1.2; }
#realMeMoments .bereal-caption small,.bereal-polaroid .bereal-caption small { position:static; color:inherit; background:none; padding:0; font:inherit; font-size:.7em; }
.moment-photo .is-inset,.moment-photo .moment-swap { width:30%!important; height:30.0075%!important; left:3%; top:2.2506%; border-radius:2cqw; }
.moment-photo .is-inset { background:white; border:.74cqw solid white; }
@property --spectral-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
#realMeMoments .realme-slot.is-unseen::before,#realMeMoments .realme-slot.is-unseen::after { content:''; position:absolute; inset:-2px; border-radius:6px; padding:2px; pointer-events:none; z-index:6; background:conic-gradient(from var(--spectral-angle),#5ddbe4,#678bed,#a387ee,#ed86bd,#f3bd8b,#5ddbe4); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:moment-spectral 5s linear infinite; }
#realMeMoments .realme-slot.is-unseen::after { inset:-4px; padding:3px; opacity:.4; filter:blur(3px); }
@keyframes moment-spectral { to { --spectral-angle:360deg; } }
.page-hidden #realMeMoments .realme-slot::before,.page-hidden #realMeMoments .realme-slot::after { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { #realMeMoments .realme-slot::before,#realMeMoments .realme-slot::after { animation:none!important; } #realMeMoments .realme-slots .realme-slot { transition:none; } }
#realMeMoments .moment-viewed { position:absolute; right:7%; bottom:13%; z-index:7; display:grid; place-items:center; width:18px; height:18px; background:transparent; color:rgb(255 255 255 / .55); font:bold 17px/1 var(--font-sans); filter:drop-shadow(0 1px 1px #0006); }
.rhythm-identity-group,.rhythm-reply-group { width:88%; box-sizing:border-box; border-left:2px solid var(--sky-accentSecondary); padding-left:7px; margin:4px auto 4px 0; }
.rhythm-identity-group[data-identity=me],.rhythm-reply-group[data-identity=me] { border-left:0; border-right:2px solid var(--sky-accent); padding-left:0; padding-right:7px; margin-left:auto; margin-right:0; }
#rhythmFull .rhythm-identity-group .rhythm-log-entry,#rhythmLogDialog .rhythm-identity-group .rhythm-log-entry { width:100%; }
.rhythm-reply-group { width:94%; margin-block:4px; }
.rhythm-record-thread .rhythm-reply-group .rhythm-comment { width:fit-content; max-width:100%; margin:2px auto 2px 0; text-align:left; }
.rhythm-record-thread .rhythm-reply-group[data-identity=me] .rhythm-comment { margin-left:auto; margin-right:0; text-align:right; }
.rhythm-record-thread .rhythm-reply-group p { background:var(--surface-raised); padding:4px 7px; text-align:inherit; }
.rhythm-comment[data-identity=me] strong { color:var(--sky-accent); }
.rhythm-comment[data-identity=partner] strong { color:var(--sky-accentSecondary); }
#realMeMoments .realme-deck-position { color:var(--color-muted); font-size:10px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.realme-deck-position[hidden] { display:none; }
#realMeMoments .moment-viewed.is-viewed { color:color-mix(in srgb,var(--sky-accent) 85%,transparent); filter:saturate(1.8) drop-shadow(0 1px 1px #0004); }
#rhythmFull .detail-card { text-align:center; }
#rhythmFull .detail-header { justify-content:center; gap:12px; flex-wrap:wrap; }
.rhythm-log-heading { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; width:100%; }
.rhythm-log-heading h3 { margin:0; font-size:14px; text-align:center; }
#rhythmUnreadBell { position:relative; width:44px; height:44px; padding:0; background:none; border:0; border-radius:12px; }
#rhythmUnreadBell .rhythm-bell-icon { opacity:.45; }
#rhythmUnreadBell.has-unread .rhythm-bell-icon { opacity:1; }
#rhythmUnreadCount { position:absolute; top:2px; right:0; min-width:17px; height:17px; padding:0 3px; border-radius:12px; background:#cc344d; color:white; font:600 10px/17px var(--font-sans); }
#rhythmUnreadCount[hidden] { display:none; }
#rhythmFull #rhythmLogToggle { width:auto; min-height:44px; padding:5px 12px; margin:0; background:none; border:0; box-shadow:none; font-size:12px; color:var(--sky-accent); }
#rhythmLogToggle:active,#rhythmUnreadBell:active { background:var(--surface-soft); }
#rhythmInlineLog { width:100%; margin-inline:auto; }
#rhythmFull .rhythm-record-thread p,#rhythmLogDialog .rhythm-record-thread p { display:block; -webkit-line-clamp:unset; line-clamp:unset; white-space:pre-wrap; text-overflow:clip; overflow:visible; max-height:none; overflow-wrap:anywhere; }
#rhythmFull .rhythm-record-thread,#rhythmLogDialog .rhythm-record-thread { text-align:left; }
#rhythmFull .rhythm-log-entry.is-read-focus,#rhythmLogDialog .rhythm-log-entry.is-read-focus { background:color-mix(in srgb,var(--sky-accent) 18%,var(--surface-raised)); box-shadow:0 0 12px color-mix(in srgb,var(--sky-accent) 25%,transparent); }
#togetherNotesList .together-note { transform:rotate(var(--note-tilt)); }
#togetherNotesList .together-note.is-own { padding-right:48px; }
#togetherNotesList .note-remove { position:absolute; top:0; right:0; width:44px; height:44px; min-height:44px; padding:0; border:0; background:none; color:var(--color-ink-soft); font-size:19px; display:grid; place-items:center; isolation:isolate; }
#togetherNotesList .note-remove::before { content:''; position:absolute; width:24px; height:24px; border-radius:50%; background:var(--surface-raised); z-index:-1; }
#togetherNotesList .note-remove:active::before { background:color-mix(in srgb,#cc344d 18%,var(--surface-raised)); }

#rhythmFull .rhythm-adjustment,#rhythmLogDialog .rhythm-adjustment { font-size:11px; line-height:1.4; min-height:0; display:block; padding:4px 0; touch-action:auto; }
.rhythm-adjustment .rhythm-log-content { display:block; }
.rhythm-adjustment .rhythm-sender { display:inline; padding:0; margin-right:6px; color:var(--color-muted); }
.rhythm-adjustment p { display:inline; margin:2px 0; color:var(--color-muted); font-size:11px; line-height:1.4; }
@media(max-width:768px) { input,textarea,select,.ui-dialog input,.ui-dialog textarea,.rhythm-record-reply input { font-size:16px!important; } }
#rhythmAdjuster { text-align:center; }
#rhythmAdjuster .rhythm-adjust-row { display:grid; grid-template-columns:minmax(0,1fr); justify-content:stretch; justify-items:center; border:0; padding:0; }
#rhythmAdjuster .rhythm-adjust-row>div { width:100%; justify-items:stretch; }
#rhythmAdjuster .rhythm-adjust-row>strong { width:100%; text-align:center; }
@media(prefers-reduced-motion:reduce) { .moment-photo .moment-frame,#togetherNotesList .together-note { transition:none!important; } #togetherNotesList .is-peeling { transform:rotate(var(--note-tilt)); } }