html[data-sj-theme] .sj-moment-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.sj-moment-actions>.sj-reaction-control{margin-right:auto}
.sj-moment-card{container-type:inline-size}
@container(max-width:480px){.sj-moment-actions{gap:2px}.sj-moment-actions .sj-next-icon{width:36px;height:36px}}
.sj-media-viewer{max-width:95vw;max-height:95vh;background:var(--sj-surface);color:var(--sj-fg);border:0;border-radius:16px;padding:16px}.sj-media-viewer img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}.sj-media-viewer::backdrop{background:rgba(0,0,0,.85)}
.sj-quiet-toggle{padding:8px 12px;margin:8px;border:1px solid var(--sj-border);border-radius:12px;background:var(--sj-surface);color:var(--sj-fg);cursor:pointer}
html[data-sj-quiet=true] *,html[data-sj-quiet=true] *::before,html[data-sj-quiet=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.sj-moment-card *,::view-transition-old(root),::view-transition-new(root){animation:none!important;transition:none!important}}
html[data-sj-theme] .sj-action-save button::before,html[data-sj-theme] .sj-action-save button::after{content:none!important;display:none!important}
html[data-sj-theme] button[data-sj-catchup]{background:var(--sj-surface-soft);color:var(--sj-fg);border:1px solid var(--sj-border);border-radius:9px;padding:8px 12px;cursor:pointer}
.sj-catchup-status{color:var(--sj-secondary);font-size:13px;margin:8px 0}
html[data-sj-theme] .sj-next-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:7px;border:0;border-radius:10px;background:transparent;color:var(--sj-fg);font-size:25px;text-decoration:none;box-shadow:none;cursor:pointer}
html[data-sj-theme] .sj-next-icon:hover,html[data-sj-theme] .sj-next-icon[aria-pressed=true]{background:var(--sj-brand-soft);color:var(--sj-brand)}
.sj-remix-credit{display:block;margin:8px 18px;padding:12px;border-left:3px solid var(--sj-brand);border-radius:8px;background:var(--sj-brand-soft);color:var(--sj-brand);font-size:13px}
.sj-comment-react{position:relative}.sj-comment-react summary{cursor:pointer;list-style:none;font-size:15px;color:var(--sj-brand)}.sj-comment-react>div{display:flex;gap:5px;flex-wrap:wrap;background:var(--sj-surface);padding:7px;border:1px solid var(--sj-border);border-radius:12px}.sj-comment-react button[aria-pressed=true]{outline:2px solid var(--sj-brand)}
.sj-talk-dialog{width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--sj-border);border-radius:20px;background:var(--sj-surface);color:var(--sj-fg);padding:24px;box-sizing:border-box}.sj-talk-dialog::backdrop{background:rgba(0,0,0,.55)}.sj-talk-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.sj-talk-dialog button{cursor:pointer;border:1px solid var(--sj-border);border-radius:10px;padding:8px 12px;background:var(--sj-surface-soft);color:var(--sj-fg)}.sj-talk-person{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--sj-border)}.sj-talk-person span{flex:1;min-width:140px}.sj-talk-privacy{font-size:13px;color:var(--sj-secondary)}.sj-talk-dialog h2{margin-top:0}
.sj-talk-dialog{position:fixed;background:#fff;color:#263143;border-color:#dce3ec;border-radius:28px;padding:24px;box-shadow:0 28px 90px #17233444}.sj-talk-dialog h2{font-size:25px;letter-spacing:-.04em;padding-right:45px;margin-bottom:24px}.sj-talk-dialog>button[aria-label=Close]{position:absolute;right:18px;top:18px}.sj-talk-dialog .sj-talk-privacy{color:#5d6a7d;font-size:12px;line-height:1.6;padding:14px;background:#f3f6fa;border-radius:16px}.sj-talk-controls{padding:12px;background:#eef5f2;border-radius:20px;gap:10px}.sj-talk-dialog .sj-talk-icon{position:relative;display:inline-grid;place-items:center;min-width:44px;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #d7e2df;border-radius:50%;background:#fff;color:#24584a;box-shadow:none}.sj-talk-dialog .sj-talk-icon:hover{background:#dcefe7}.sj-talk-dialog .sj-talk-icon:focus-visible{outline:3px solid #20a17e;outline-offset:3px}.sj-talk-dialog .sj-talk-danger{color:#a5354a}.sj-talk-dialog .sj-talk-tip{position:absolute;pointer-events:none;opacity:0;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#263143;color:#fff;font-size:11px;padding:6px 9px;border-radius:8px;white-space:nowrap;z-index:2;min-width:0}.sj-talk-icon:is(:hover,:focus-visible) .sj-talk-tip{opacity:1}.sj-talk-person{padding:14px;margin-top:10px;background:#f5f7fa;border:1px solid #e2e7ee;border-radius:18px;gap:8px}.sj-talk-person>span{font-size:13px;line-height:1.5;flex:1 1 100%;min-width:0}.sj-talk-dialog>p[role=status]{font-size:13px;font-weight:600;color:#24584a}.sj-talk-person .sj-talk-tip{flex:none}
html[data-sj-theme=dark] .sj-talk-dialog{background:#242a35;color:#edf2f8;border-color:#424d60}html[data-sj-theme=dark] .sj-talk-dialog .sj-talk-privacy,html[data-sj-theme=dark] .sj-talk-person{background:#303744;color:#c0cbdc;border-color:#455064}html[data-sj-theme=dark] .sj-talk-controls{background:#283e39}html[data-sj-theme=dark] .sj-talk-dialog .sj-talk-icon{background:#35433f;color:#a6e8d3;border-color:#50665f}html[data-sj-theme=dark] .sj-talk-dialog .sj-talk-danger{color:#ffa9b8}html[data-sj-theme=dark] .sj-talk-dialog>p[role=status]{color:#a6e8d3}@media(max-width:420px){.sj-talk-dialog{padding:18px;width:calc(100vw - 20px)}.sj-talk-controls{gap:8px;padding:10px}.sj-talk-person{padding:12px}}@media(prefers-reduced-motion:reduce){.sj-talk-dialog *{transition:none!important}}
.sj-pocket-menu{position:relative}.sj-pocket-menu summary{cursor:pointer;font-size:20px;padding:4px;list-style:none}.sj-pocket-menu>div{position:absolute;right:0;bottom:100%;z-index:20;background:var(--sj-surface);border:1px solid var(--sj-border);border-radius:12px;padding:10px;min-width:140px;display:grid;gap:5px}.sj-pocket-menu button{background:var(--sj-surface-soft);color:var(--sj-fg);border:0;border-radius:7px;padding:9px;cursor:pointer}.sj-pocket-filters{display:flex;flex-wrap:wrap;gap:15px;padding:12px}.sj-pocket-filters a{color:var(--sj-brand)}.sj-catchup{padding:15px;background:var(--sj-brand-soft);border-radius:12px;margin-bottom:15px;font-size:13px}.sj-catchup p{white-space:pre-line}
