:root{--sg-add:#16a34a;--sg-cut:#dc2626}@media (prefers-color-scheme:dark){:root{--sg-add:#4ade80;--sg-cut:#f87171}}.sg-mark-ins{background:color-mix(in oklab, var(--sg-add) 17%, transparent);text-decoration:underline;text-decoration-color:var(--sg-add);text-underline-offset:2px;border-radius:2px;text-decoration-thickness:1.5px}.sg-mark-del{position:relative}.sg-mark-del:before{content:"";background:var(--sg-cut);border-radius:1px;width:2px;position:absolute;top:.15em;bottom:.05em;left:-1px}.sg-mark-del:after{content:"";border:4px solid #0000;border-top-color:var(--sg-cut);border-bottom:0;position:absolute;top:-.05em;left:-4px}.sg-mark-ins.sg-on{background:color-mix(in oklab, var(--sg-add) 32%, transparent)}.sg-mark-del.sg-on:before{width:3px}.sg-ins,.sg-del{color:var(--fg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 2px}.sg-ins{background:color-mix(in oklab, var(--sg-add) 18%, transparent);text-decoration:underline;text-decoration-color:var(--sg-add);text-underline-offset:2px}.sg-del{background:color-mix(in oklab, var(--sg-cut) 14%, transparent);text-decoration:line-through;text-decoration-color:var(--sg-cut);text-decoration-thickness:1.5px}.sg-blank{font-style:italic;text-decoration:none}.sg-av{background:var(--c,#6b7280);color:#fff;width:24px;height:24px;font:700 .6rem/1 var(--sans);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.sg-av .ic{width:14px;height:14px}.sg-you{background:var(--surface-2);color:var(--muted)}.ipop.sg-pop{padding:0;display:flex;overflow:hidden}.ipop.sg-pop>.ipop-body{min-width:0;min-height:0;display:flex}.ipop.sg-pop:has(.sg-card:focus-visible){outline:2px solid color-mix(in oklab, var(--fg) 45%, transparent);outline-offset:2px}.sg-card{--sg-w:21rem;min-height:0;width:var(--sg-w);max-width:calc(100vw - 16px - var(--inset-l,0px) - var(--inset-r,0px));color:var(--fg);font:400 var(--fs-14)/1.45 var(--sans);flex-direction:column;display:flex}.sg-card.sg-compact{width:max-content;min-width:13rem;max-width:min(var(--sg-w), calc(100vw - 16px))}.sg-card:focus{outline:none}.sg-ib,.sg-sum,.sg-send,.sg-fb,.sg-reply-open,.sg-act,.sg-item .sg-go,.sg-all button{-webkit-tap-highlight-color:transparent}.sg-ib:focus-visible,.sg-sum:focus-visible,.sg-send:focus-visible,.sg-fb:focus-visible,.sg-reply-open:focus-visible,.sg-act:focus-visible,.sg-all button:focus-visible{outline:2px solid color-mix(in oklab, var(--fg) 45%, transparent);outline-offset:-2px}.sg-row{flex:none;align-items:center;gap:2px;min-height:44px;padding:6px;display:flex}.sg-sum{border-radius:var(--r-2);min-width:0;min-height:32px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:8px;padding:4px 8px 4px 6px;display:flex}.sg-sum-t{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sg-change{overflow-wrap:anywhere;min-width:0;display:block}.sg-compact .sg-change{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;overflow:hidden}.sg-by{min-width:0;font-size:var(--fs-12);align-items:baseline;gap:6px;display:flex}.sg-compact .sg-by{display:none}.sg-card:not(.sg-compact) .sg-row,.sg-card:not(.sg-compact) .sg-sum{align-items:flex-start}.sg-card:not(.sg-compact) .sg-sum-t{padding-top:2px}.sg-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.sg-time{color:var(--muted);font-size:var(--fs-12);flex:none}.sg-status{color:var(--muted);font-size:var(--fs-12);flex:none;align-self:center;margin:0 4px}.sg-status:empty{display:none}.sg-pending{width:24px;color:var(--muted);flex:none;align-self:center;place-items:center;display:grid}.sg-pending .ic{width:14px;height:14px}.sg-card:not(.sg-compact) .sg-pending{display:none}.sg-ib{border-radius:var(--r-2);width:32px;height:32px;color:var(--fg);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.sg-ib[aria-expanded=true]{background:var(--surface)}@media (hover:hover){.sg-compact .sg-sum:hover,.sg-ib:hover{background:var(--surface)}}.sg-ib[hidden]{display:none}@media (hover:hover){.sg-ok:hover{color:var(--sg-add);background:color-mix(in oklab, var(--sg-add) 12%, transparent)}.sg-no:hover{color:var(--sg-cut);background:color-mix(in oklab, var(--sg-cut) 12%, transparent)}}.sg-compact .sg-sum:active{background:var(--surface)}@media (prefers-color-scheme:dark){.sg-ib[aria-expanded=true],.sg-compact .sg-sum:active{background:color-mix(in oklab, var(--fg) 10%, transparent)}}@media (prefers-color-scheme:dark) and (hover:hover){.sg-compact .sg-sum:hover,.sg-ib:not(.sg-ok,.sg-no):hover{background:color-mix(in oklab, var(--fg) 10%, transparent)}}.sg-more{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:0 12px 8px;display:flex;overflow-y:auto}.sg-more[hidden],.sg-more:not(:has(>:not([hidden]))){display:none}.sg-wait{color:var(--muted);font-size:var(--fs-12);align-items:center;gap:6px;margin:0 0 0 32px;display:flex}.sg-wait .ic{width:14px;height:14px}.sg-who{align-items:center;gap:8px;min-width:0;display:flex}.sg-who .sg-name{font-size:var(--fs-13)}.sg-text{overflow-wrap:anywhere;margin:2px 0 0 32px}.sg-thread{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sg-thread[hidden]{display:none}.sg-thread li{border-top:1px solid var(--border);padding-top:8px}.sg-reply-open{display:none}.sg-reply{flex:none;align-items:center;gap:8px;padding:0 8px 8px 12px;display:flex}.sg-reply[hidden]{display:none}.sg-reply-box{border-radius:var(--r-3);background:var(--surface);flex:1;align-items:center;gap:4px;min-width:0;height:36px;padding:0 3px 0 12px;display:flex}.sg-reply-box:focus-within{box-shadow:0 0 0 2px color-mix(in oklab, var(--fg) 25%, transparent)}.sg-reply-in{min-width:0;height:100%;color:var(--fg);font:400 var(--fs-14)/1 var(--sans);background:0 0;border:0;outline:none;flex:1;padding:0}.sg-reply-in::placeholder{color:var(--muted)}.sg-send{background:var(--fg);width:30px;height:30px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.sg-send:disabled{background:color-mix(in oklab, var(--fg) 22%, transparent);color:var(--bg);cursor:default}.sg-send .ic{width:14px;height:14px}@media (prefers-color-scheme:dark){.sg-reply-box,.sg-card .sg-you{background:color-mix(in oklab, var(--fg) 8%, transparent)}}.sg-foot{display:none}.sg-sec .scm-n{background:color-mix(in oklab, var(--sg-add) 16%, var(--surface))}.sg-sec .sg-sub{color:var(--muted);white-space:normal}.sg-note{background:var(--surface);color:var(--muted);border-radius:8px;align-items:center;gap:.45rem;margin:0;padding:.45rem .55rem;line-height:1.4;display:flex}.sg-note .ic{width:14px;height:14px}.sg-list{flex-direction:column;gap:2px;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.sg-list[hidden]{display:none}.sg-item{border-radius:8px;align-items:flex-start;gap:.1rem;min-width:0;display:flex}.sg-item:hover,.sg-item:focus-within{background:var(--surface)}.sg-item .sg-go{min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;grid-template-columns:auto 1fr;align-items:start;gap:.1rem .5rem;padding:.4rem .35rem;display:grid}.sg-item .sg-go .sg-av{grid-row:span 2;width:20px;height:20px;margin-top:1px;font-size:.55rem}.sg-what{overflow-wrap:anywhere;min-width:0;line-height:1.45}.sg-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;overflow:hidden}.sg-acts{flex:none;gap:1px;padding:.3rem .2rem 0 0;display:flex}.sg-act{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.sg-act:disabled{opacity:.45;cursor:not-allowed}.sg-act .ic{width:14px;height:14px}.sg-ok-i:not(:disabled):hover{color:var(--sg-add);background:color-mix(in oklab, var(--sg-add) 12%, transparent)}.sg-no-i:not(:disabled):hover{color:var(--sg-cut);background:color-mix(in oklab, var(--sg-cut) 12%, transparent)}.sg-all{flex-wrap:wrap;gap:.35rem;padding:.35rem .35rem 0;display:flex}.sg-all button{border:1px solid var(--border);background:var(--bg);height:28px;color:var(--fg);font:500 .78rem/1 var(--sans);cursor:pointer;border-radius:8px;padding:0 .65rem}.sg-all button:hover{background:var(--surface)}.sg-all button:disabled{opacity:.5;cursor:not-allowed}.sg-all .sg-primary{background:var(--fg);color:var(--bg);border-color:#0000}.sg-all .sg-primary:hover{background:var(--fg);opacity:.85}@media (width<=46rem){.sg-card,.sg-card.sg-compact{--sg-w:calc(100vw - 16px - var(--inset-l,0px) - var(--inset-r,0px));width:var(--sg-w);min-width:0;max-width:none}.sg-row{padding:6px 6px 4px}.sg-card .sg-sum{min-height:44px;padding-inline:8px}.sg-row>.sg-ok,.sg-row>.sg-no{display:none}.sg-more{padding-inline:14px}.sg-reply{padding:0 10px 8px 14px}.sg-card:not(.sg-replying) .sg-reply{display:none}.sg-reply-open{border-radius:var(--r-2);height:40px;color:var(--muted);font:500 var(--fs-14)/1 var(--sans);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;margin:-4px 0 -4px 22px;padding:0 10px;display:inline-flex}.sg-reply-open:active{background:var(--surface)}.sg-replying .sg-reply-open{display:none}.sg-foot{flex:none;grid-template-columns:1fr 1fr;gap:8px;padding:4px 8px 8px;display:grid}.sg-fb{border-radius:var(--r-3);height:44px;font:500 var(--fs-15)/1 var(--sans);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex}.sg-fb-no{background:var(--surface);color:var(--fg)}.sg-fb-ok{background:var(--fg);color:var(--bg)}.sg-fb-no:active{background:var(--surface-2)}.sg-fb-ok:active{opacity:.85}}@media (width<=46rem) and (prefers-color-scheme:dark){.sg-fb-no,.sg-reply-open:active{background:color-mix(in oklab, var(--fg) 10%, transparent)}.sg-fb-no:active{background:color-mix(in oklab, var(--fg) 16%, transparent)}}@media (pointer:coarse){.sg-ib{width:40px;height:40px}.sg-sum{min-height:40px}.sg-row{min-height:52px}.sg-reply-box{height:42px}.sg-reply-in{font-size:16px}.sg-send{width:34px;height:34px}.sg-item .sg-go{padding-block:.55rem}.sg-acts{padding-top:.25rem}.sg-act{width:36px;height:36px}.sg-all button{height:36px;padding:0 .9rem}.sg-sec .scm-tog{height:36px}}@media (width<=46rem),(pointer:coarse) and (height<=30rem){.sg-sec .scm-tog{height:36px}.sg-all button{height:36px;font-size:.88rem}.sg-act{width:36px;height:36px}}@media (pointer:coarse) and (height<=30rem){.sg-more{gap:6px}.sg-reply{padding-bottom:6px}}
