.zui{container:zui/inline-size;margin:0;border:1px solid var(--zu-panel-edge);border-radius:18px;background:var(--zu-panel-face);box-shadow:var(--zu-shadow-overlay);overflow:hidden}.zui__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:16px 22px;border-bottom:1px solid var(--zu-line);background:var(--zu-base)}.zui-row__via,.zui__queue,.zui__title{font-family:var(--zu-mono);font-size:var(--zv-t-mono);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.zui__title{color:var(--zu-ink-2)}.zui__queue{display:inline-flex;flex:none;align-items:center;gap:8px;color:var(--zu-ink-3);white-space:nowrap}.zui__led{width:7px;height:7px;border-radius:50%;background:var(--zu-ok);box-shadow:0 0 0 4px var(--zu-ok-line)}@container zui (max-width: 479px){.zui__title-rest{display:none}}.zui__rows{margin:0;padding:0;list-style:none}.zui-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,13rem) 3rem;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--zu-line-soft)}.zui[data-size=compact] .zui-row{padding-block:14px}.zui-row:last-child{border-bottom:0}.zui-row[data-selected]{background:var(--zu-hover)}.zui-row[data-selected]:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--zu-ink)}.zui-row__who{display:grid;justify-items:start;gap:2px;min-width:0}.zui-row__via{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--zu-ink-3);line-height:1.3}.zui-row__via svg{flex:none}.zui-row__who strong{color:var(--zu-ink);font-size:15px;font-weight:600}.zui-row__ask{color:var(--zu-ink-2);font-size:15px;line-height:1.4;text-wrap:pretty}.zui-row__done{display:inline-flex;align-items:center;gap:8px;color:var(--zu-ink);font-size:14px;font-weight:500}.zui-row__done svg{flex:none;box-sizing:initial;padding:3px;border-radius:50%;background:color-mix(in oklab,var(--zu-ok) 12%,transparent);color:var(--zu-ok)}.zui-row__time{color:var(--zu-ink-3);font-family:var(--zu-mono);font-size:14px;font-variant-numeric:tabular-nums;text-align:right}@container zui (max-width: 540px){.zui-row{grid-template-columns:minmax(0,1fr) 3rem;grid-template-areas:"who  time" "done done";align-items:start;row-gap:10px}.zui-row__who{grid-area:who}.zui-row__done{grid-area:done}.zui-row__time{grid-area:time;line-height:1.3}}@container zui (max-width: 460px){.zui-row,.zui__head{padding-inline:16px}.zui-row{grid-template-columns:minmax(0,1fr) 2.6rem;gap:10px 12px}}