:root .kx.ui.ri{--fx-bg:var(--p-surface);--fx-surface:color-mix(in oklab, var(--p-ink) 6%, var(--p-surface));--fx-ink:var(--p-ink);--fx-muted:var(--p-muted);--fx-accent:var(--p-ink);--fx-accent-ink:var(--p-bg);--u-tile:var(--p-ink);--u-tile-edge:none;background:var(--p-surface);font-family:var(--font-text);box-shadow:none;border:1px solid color-mix(in oklab, var(--p-ink) 12%, transparent)}:root .kx.ui.ri .kx__bar{background:color-mix(in oklab, var(--p-ink) 3%, var(--p-surface))}:root .kx.ui.ri .kx__crumb,:root .kx.ui.ri .kx__label,:root .kx.ui.ri .kx-chip,:root .kx.ui.ri .kx-tag{font-family:var(--font-text);font-size:13px}:root .kx.ui.ri .kx-opt{border-color:color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.ri .kx-opt:hover{border-color:color-mix(in oklab, var(--p-ink) 40%, transparent)}:root .kx.ui.ri .kx-opt[aria-pressed=true],:root .kx.ui.ri .kx-opt[aria-checked=true],:root .kx.ui.ri .kx-opt.is-on{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-bg)}:root .kx.ui.ri .kx-opt:focus-visible,:root .kx.ui.ri .kx-btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}:root .kx.ui.ri .kx-chip{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.ri .kx-chip--on,:root .kx.ui.ri .kx-chip--accent{background:var(--p-ink);box-shadow:none;color:var(--p-bg)}:root .kx.ui.ri .kx-chip--ok{color:var(--p-ink)}:root .kx.ui.ri .kx-btn{background:var(--p-ink);color:var(--p-bg)}:root .kx.ui.ri .kx-btn:hover{background:color-mix(in oklab, var(--p-ink) 85%, var(--p-bg))}:root .kx.ui.ri .kx-btn--ghost{color:var(--p-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);background:0 0}:root .kx.ui.ri ::-webkit-scrollbar{width:6px;height:6px}:root .kx.ui.ri ::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--p-ink) 18%, transparent);border-radius:3px}:root .kx.ui.ri ::-webkit-scrollbar-track{background:0 0}.ri{grid-template-rows:auto minmax(0,1fr);height:560px;display:grid}.ri__counts{border-bottom:1px solid var(--u-line);min-height:52px;color:var(--u-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex}.ri__nums{gap:20px;margin:0;display:flex}.ri__num{align-items:baseline;gap:6px;display:inline-flex}.ri__num b{min-width:1ch;color:var(--u-ink);font:500 16px/1 var(--font-mono);display:inline-block}.ri__reset{min-height:44px;padding:0 14px;font-size:13px}.ri__reset[hidden]{display:none}.ri__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--u-line-2) transparent;outline:none;align-content:start;gap:6px;min-height:0;margin:0;padding:8px;list-style:none;display:grid;overflow-y:auto}.ri__item{transition:background-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.ri__item.is-on{background:var(--u-fill);box-shadow:inset 0 0 0 1px var(--u-line);gap:8px}.ri__head{grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;display:grid}.ri__head .ui-logo{width:32px;height:32px}.ri__who{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.ri__who b{font-weight:500;font-family:var(--font-text)}.ri__head time,.ri__counts{font-family:var(--font-text)}.ri__note{margin-left:auto;margin-right:12px}.ri__replybtn:focus-visible,.ri__reset:focus-visible,.ri__list:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}.ri__head time{color:var(--u-muted);font-size:12px}.ri__off{color:var(--u-muted)}.ri__replybtn,.ri__reset{min-height:44px;color:var(--u-ink);text-underline-offset:4px;text-decoration:underline 1px;text-decoration-color:color-mix(in oklab, var(--u-ink) 35%, transparent);background:0 0;border-color:#0000;padding:0 4px;font-size:13px;font-weight:500}.ri__replybtn:hover,.ri__reset:hover{border-color:#0000;text-decoration-color:currentColor}.ri__replybtn[aria-expanded=true]{color:var(--u-ink);background:0 0;border-color:#0000;text-decoration-color:currentColor}.ri__text{color:var(--u-text-2);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.ri__item.is-on .ri__text{-webkit-line-clamp:unset;display:block}.ri__compose{background:var(--p-bg);box-shadow:inset 0 0 0 1px var(--u-line-2);animation:ri-in .22s var(--ease) backwards;border-radius:10px;gap:10px;padding:12px;display:grid}@keyframes ri-in{0%{opacity:0;transform:translateY(-6px)}}.ri__tones{flex-wrap:wrap;gap:6px;display:flex}.ri__tone{min-height:44px;padding:0 16px;font-size:13px}.ri__box{min-height:0;display:grid}.ri__ghost,.ri__typed{grid-area:1/1;margin:0;font-size:14px;line-height:1.5}.ri__ghost{visibility:hidden}.ri__typed{color:var(--u-ink)}.ri__caret{vertical-align:-.15em;background:var(--p-ink);width:2px;height:1.05em;margin-left:1px;display:inline-block}.ri__caret.is-typing{animation:.7s step-end infinite ri-blink}@keyframes ri-blink{50%{opacity:0}}.ri__post{justify-self:start;min-height:44px;font-size:15px}.ri__group{color:var(--u-muted);letter-spacing:.01em;margin-top:8px;padding:0 12px;font-size:12px;font-weight:500}.ri__done{background:var(--u-fill);border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:grid}.ri__done .ui-logo{width:32px;height:32px}.ri__donetext{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;display:block;overflow:hidden}.ri__donetext b{font-weight:500}.ri__quote{color:var(--u-text-2)}.ri__clear{align-items:center;gap:12px;padding:14px 12px;display:flex}.ri__clear b{font-weight:500}.ri__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1023px){.ri{height:600px}}@media (width<=639px){.ri{height:760px}.ri__head{grid-template-columns:32px minmax(0,1fr) auto}.ri__head time{display:none}.ri__who{gap:2px 8px}.ri__tone{flex:1 1 0;padding:0 8px}.ri__text{-webkit-line-clamp:2}.ri__done{grid-template-columns:32px minmax(0,1fr)}.ri__done .kx-chip{display:none}.ri__nums{gap:14px}}@media (prefers-reduced-motion:reduce){.ri__item,.ri__compose{transition:none;animation:none}.ri__caret.is-typing{animation:none}}@media (width>=1024px) and (width<=1279px){.ri__list{gap:2px;padding:6px}.ri__item{padding:8px 10px}.ri__compose{gap:8px;padding:10px}}