.m-sbro.scene{--sbc-loop:12s;background:var(--surface-bg-app);flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative}.m-sbro.flow-compose{--sbc-loop:16s}.m-sbro .screen-editor,.m-sbro .screen-detail{background:var(--surface-bg-app);flex-direction:column;flex:1;min-block-size:0;display:flex}.m-sbro .screen-detail{z-index:2;box-shadow:var(--shadow-large);position:absolute;inset:0}.m-sbro .nav{padding-block:var(--space-xxs) var(--space-sm);padding-inline:var(--space-sm) var(--space-md);font-size:var(--type-footnote-size);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.m-sbro.m-sbro .nav strong{font-size:var(--type-subheadline-size);font-weight:600}.m-sbro .nav-back{align-items:center;gap:var(--space-xxs);font-weight:500;display:inline-flex}.m-sbro .nav-end{justify-self:end;font-weight:600}.m-sbro .form,.m-sbro .detail{gap:var(--space-xs);min-block-size:0;padding-inline:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.m-sbro .label{padding-inline:var(--space-xs);color:var(--m-muted);letter-spacing:.02em;flex:none;margin-block-start:var(--space-xs);font-weight:600}.m-sbro .field{padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-medium);background:var(--m-white);font-size:var(--type-footnote-size);flex:none;font-weight:500}.m-sbro .tpls{gap:var(--space-xs);flex:none;margin:0;padding:0;list-style:none;display:grid}.m-sbro .tpl{align-items:center;gap:var(--space-sm);padding-block:calc(var(--space-xs) + var(--space-xxs));padding-inline:var(--space-md) var(--space-sm);border-radius:var(--radius-medium);background:var(--m-white);box-shadow:inset 0 0 0 var(--m-hairline) var(--line-hairline);font-size:var(--type-footnote-size);display:flex}.m-sbro .tpl.is-pick{box-shadow:inset 0 0 0 var(--m-stroke) var(--m-primary)}.m-sbro .tpl-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;font-weight:500;overflow:hidden}.m-sbro .radio{inline-size:var(--space-lg);block-size:var(--space-lg);border:var(--m-stroke) solid var(--message-pending);border-radius:var(--m-radius-pill)}.m-sbro .radio-on{color:var(--m-primary);background:var(--m-white);place-items:center;display:inline-grid}.m-sbro .opts{gap:calc(var(--space-xs) + var(--space-xxs));flex-wrap:wrap;flex:none;display:flex}.m-sbro.m-sbro.m-sbro.scene .opts>.opt{background:var(--line-hairline);color:var(--m-ink)}.m-sbro.m-sbro.m-sbro.scene .opts>.opt.is-pick,.m-sbro.m-sbro.m-sbro.scene .opts>.opt.on{background:var(--m-bubble-out);color:var(--brand-primary-dark)}.m-sbro .count{color:var(--m-muted)}.m-sbro.m-sbro .is-pick .count{color:var(--brand-primary-dark)}.m-sbro .preview{padding:var(--space-sm);border-radius:var(--radius-large);background:var(--m-paper);flex:none;display:grid}.m-sbro .sendbar{padding-block:var(--space-sm) var(--space-md);padding-inline:var(--space-sm);background:var(--surface-bg-app);flex:none}.m-sbro .send{justify-content:center;align-items:center;gap:var(--space-sm);block-size:calc(var(--space-xxxl) + var(--space-sm));border-radius:var(--radius-large);background:var(--m-accent);color:var(--m-ink);font-size:var(--type-footnote-size);white-space:nowrap;font-weight:700;display:flex}.m-sbro.m-sbro .send .ph-swap{justify-items:center}.m-sbro .lbl-a,.m-sbro .lbl-b{visibility:hidden}.m-sbro .card{border-radius:var(--radius-large);background:var(--m-white);box-shadow:var(--shadow-small)}.m-sbro .head-card{gap:var(--space-xxs);padding-block:var(--space-sm);padding-inline:var(--space-md);flex:none;display:grid}.m-sbro .hc-top{align-items:center;gap:var(--space-sm);min-inline-size:0;display:flex}.m-sbro.m-sbro .hc-top strong{min-inline-size:0;font-size:var(--type-subheadline-size);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.m-sbro.m-sbro .head-card small{color:var(--m-muted)}.m-sbro .state.ph-swap{justify-items:end}.m-sbro .pill{padding-block:var(--space-xxs);padding-inline:var(--space-sm);border-radius:var(--m-radius-pill);white-space:nowrap;font-weight:600}.m-sbro .pill.ok{background:var(--m-bubble-out);color:var(--brand-primary-dark)}.m-sbro .pill.run{background:var(--line-hairline);color:var(--m-ink)}.m-sbro .banner{padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--m-bubble-out) 70%, var(--m-white));color:var(--brand-primary-dark);flex:none;font-weight:600;display:grid}.m-sbro .rows{flex:none;margin:0;padding:0;list-style:none}.m-sbro.m-sbro .rows li{align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);font-size:var(--type-footnote-size);display:flex}.m-sbro.m-sbro.m-sbro .rows li+li{border-block-start:var(--m-hairline) solid var(--line-hairline)}.m-sbro .row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}.m-sbro .row-end{color:var(--m-muted);flex:none;display:inline-flex}.m-sbro .tag{padding-block:var(--space-xxs);padding-inline:var(--space-sm);border-radius:var(--m-radius-pill);background:var(--surface-bg-app);color:var(--m-muted);font-size:var(--m-t-caption);flex:none;font-weight:600}.m-sbro .danger{color:var(--status-error-text)}.m-sbro .stats{gap:calc(var(--space-xs) + var(--space-xxs));flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.m-sbro .stat{justify-items:start;gap:var(--space-xxs);min-inline-size:0;padding-block:var(--space-sm);padding-inline:var(--space-sm);color:var(--m-muted);display:grid}.m-sbro .st-read{color:var(--m-read)}.m-sbro.m-sbro .stat b{color:var(--m-ink);font-size:var(--type-headline-size);font-weight:700;line-height:1.15}.m-sbro.m-sbro .stat small{color:var(--m-muted)}.m-sbro.m-sbro .detail .pre{visibility:hidden}@media (prefers-reduced-motion:no-preference){.m-sbro.m-sbro.flow-send .screen-detail{animation:sbc-detail-s var(--sbc-loop) var(--m-ease) infinite both}.m-sbro.m-sbro.flow-send .send{animation:sbc-press-s var(--sbc-loop) var(--m-ease) infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-sent .pre{animation:sbc-pre-40 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-sent .post{animation:sbc-post-40 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-delivered .pre{animation:sbc-pre-50 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-delivered .post{animation:sbc-post-50 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-read .pre{animation:sbc-pre-62 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .st-read .post{animation:sbc-post-62 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .state .pre{animation:sbc-pre-60 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-send .state .post{animation:sbc-post-60 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .screen-detail{animation:sbc-detail-c var(--sbc-loop) var(--m-ease) infinite both}.m-sbro.m-sbro.flow-compose .send{animation:sbc-send-c var(--sbc-loop) var(--m-ease) infinite both}.m-sbro.m-sbro.flow-compose .tpl.is-pick{animation:sbc-tpl-c var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .radio-on{animation:sbc-post-8 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .bubble{animation:sbc-bubble-c var(--sbc-loop) var(--m-ease) infinite both}.m-sbro.m-sbro.flow-compose .opt.is-pick{animation:sbc-aud-c var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .is-pick .count{animation:sbc-count-c var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .lbl-a{animation:sbc-pre-8 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .lbl-b{animation:sbc-mid-c var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.flow-compose .lbl-c{animation:sbc-post-20 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-sent .pre{animation:sbc-pre-52 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-sent .post{animation:sbc-post-52 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-delivered .pre{animation:sbc-pre-62 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-delivered .post{animation:sbc-post-62 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-read .pre{animation:sbc-pre-74 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .st-read .post{animation:sbc-post-74 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .state .pre{animation:sbc-pre-72 var(--sbc-loop) linear infinite both}.m-sbro.m-sbro.m-sbro.flow-compose .state .post{animation:sbc-post-72 var(--sbc-loop) linear infinite both}}@keyframes sbc-detail-s{0%,26%{visibility:hidden;transform:translateX(calc(102% * var(--m-dir)))}31%,to{visibility:visible;transform:none}}@keyframes sbc-detail-c{0%,34%{visibility:hidden;transform:translateX(calc(102% * var(--m-dir)))}39%,to{visibility:visible;transform:none}}@keyframes sbc-press-s{0%,22%{transform:none}24%{transform:scale(.96)}26%,to{transform:none}}@keyframes sbc-send-c{0%,20%{background:var(--line-hairline);color:var(--m-muted);transform:none}20.1%,30%{background:var(--m-accent);color:var(--m-ink);transform:none}31.5%{background:var(--m-accent);color:var(--m-ink);transform:scale(.96)}33%,to{background:var(--m-accent);color:var(--m-ink);transform:none}}@keyframes sbc-tpl-c{0%,7.9%{box-shadow:inset 0 0 0 var(--m-hairline) var(--line-hairline)}8%,to{box-shadow:inset 0 0 0 var(--m-stroke) var(--m-primary)}}@keyframes sbc-bubble-c{0%,11%{visibility:hidden;transform:translateY(var(--space-sm)) scale(.94)}14%,to{visibility:visible;transform:none}}@keyframes sbc-aud-c{0%,19.9%{background:var(--line-hairline);color:var(--m-ink)}20%,to{background:var(--m-bubble-out);color:var(--brand-primary-dark)}}@keyframes sbc-count-c{0%,19.9%{color:var(--m-muted)}20%,to{color:var(--brand-primary-dark)}}@keyframes sbc-mid-c{0%,8%{visibility:hidden}8.1%,20%{visibility:visible}20.1%,to{visibility:hidden}}@keyframes sbc-pre-8{0%,8%{visibility:visible}8.1%,to{visibility:hidden}}@keyframes sbc-post-8{0%,7.9%{visibility:hidden}8%,to{visibility:visible}}@keyframes sbc-post-20{0%,20%{visibility:hidden}20.1%,to{visibility:visible}}@keyframes sbc-pre-40{0%,40%{visibility:visible}40.1%,to{visibility:hidden}}@keyframes sbc-post-40{0%,40%{visibility:hidden}40.1%,to{visibility:visible}}@keyframes sbc-pre-50{0%,50%{visibility:visible}50.1%,to{visibility:hidden}}@keyframes sbc-post-50{0%,50%{visibility:hidden}50.1%,to{visibility:visible}}@keyframes sbc-pre-52{0%,52%{visibility:visible}52.1%,to{visibility:hidden}}@keyframes sbc-post-52{0%,52%{visibility:hidden}52.1%,to{visibility:visible}}@keyframes sbc-pre-60{0%,60%{visibility:visible}60.1%,to{visibility:hidden}}@keyframes sbc-post-60{0%,60%{visibility:hidden}60.1%,to{visibility:visible}}@keyframes sbc-pre-62{0%,62%{visibility:visible}62.1%,to{visibility:hidden}}@keyframes sbc-post-62{0%,62%{visibility:hidden}62.1%,to{visibility:visible}}@keyframes sbc-pre-72{0%,72%{visibility:visible}72.1%,to{visibility:hidden}}@keyframes sbc-post-72{0%,72%{visibility:hidden}72.1%,to{visibility:visible}}@keyframes sbc-pre-74{0%,74%{visibility:visible}74.1%,to{visibility:hidden}}@keyframes sbc-post-74{0%,74%{visibility:hidden}74.1%,to{visibility:visible}}.m-scrm.scene{--scrm-loop:12s;--scrm-card:calc(var(--space-sm) * 11);--scrm-gap:var(--space-sm);gap:calc(var(--space-sm) + var(--space-xxs));min-block-size:0;background:var(--surface-bg-app);flex-direction:column;flex:1;padding-block-end:var(--space-md);display:flex;position:relative}.m-scrm .bar{padding-inline:var(--space-md);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.m-scrm .bar-title{font-size:var(--type-headline-size);font-weight:600;line-height:1.2}.m-scrm .bar-end{justify-self:end;align-items:center;gap:var(--space-sm);display:inline-flex}.m-scrm .ring{inline-size:var(--space-xl);block-size:var(--space-xl);border:var(--m-stroke) solid var(--m-ink);border-radius:var(--m-radius-pill);place-items:center;display:inline-grid}.m-scrm .seg{margin-inline:var(--space-sm);padding:var(--space-xxs);border-radius:var(--m-radius-pill);background:var(--line-hairline);flex:none;display:flex}.m-scrm .seg-item{padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--m-radius-pill);text-align:center;white-space:nowrap;flex:auto;font-weight:500}.m-scrm .seg-item.on{background:var(--m-white);box-shadow:var(--shadow-small);font-weight:600}.m-scrm .kpis{gap:calc(var(--space-xs) + var(--space-xxs));padding-inline:var(--space-sm);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.m-scrm .kpi{gap:var(--space-xxs);min-inline-size:0;padding-block:var(--space-sm);padding-inline:var(--space-sm);border-radius:var(--radius-large);background:var(--m-white);box-shadow:var(--shadow-small);display:grid}.m-scrm.m-scrm .kpi>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-scrm.m-scrm .kpi strong{font-size:var(--type-subheadline-size);letter-spacing:-.01em;font-weight:700;line-height:1.2}.m-scrm.m-scrm .kpi small{color:var(--m-muted)}.m-scrm .chips{gap:calc(var(--space-xs) + var(--space-xxs));padding-inline:var(--space-sm);flex:none;display:flex;overflow:hidden}.m-scrm.m-scrm.m-scrm.scene .chips>.ph-chip{background:var(--line-hairline);flex:none}.m-scrm.m-scrm.m-scrm.scene .chips>.ph-chip-on{background:var(--m-bubble-out);color:var(--brand-primary-dark)}.m-scrm .stage{align-items:center;gap:var(--space-xs);block-size:calc(var(--space-xxl) + var(--space-xs));padding-inline:var(--space-md);border-radius:var(--m-radius-pill);background:var(--line-hairline);color:var(--m-muted);font-size:var(--type-footnote-size);white-space:nowrap;flex:none;font-weight:600;display:inline-flex}.m-scrm .stage.on{background:var(--m-ink);color:var(--m-white)}.m-scrm.m-scrm .stage b{color:var(--m-muted);font-weight:600}.m-scrm.m-scrm .stage.on b{color:color-mix(in srgb, var(--m-white) 72%, var(--m-ink))}.m-scrm .sum{padding-inline:var(--space-md);color:var(--m-muted);flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.m-scrm.m-scrm .sum .total{color:var(--m-ink);justify-items:end}.m-scrm .pre{visibility:hidden}.m-scrm .list{grid-auto-rows:var(--scrm-card);align-content:start;gap:var(--scrm-gap);min-block-size:0;padding-inline:var(--space-sm);flex:1;display:grid;position:relative;overflow:hidden}.m-scrm .lead{align-content:center;gap:var(--space-xxs);min-inline-size:0;padding-inline:calc(var(--space-sm) + var(--space-xxs));border-radius:var(--radius-large);background:var(--m-white);box-shadow:var(--shadow-small);display:grid}.m-scrm .lead-top{align-items:center;gap:var(--space-xs);min-inline-size:0;display:flex}.m-scrm.m-scrm .lead-top strong{min-inline-size:0;font-size:var(--type-subheadline-size);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.m-scrm .more{inline-size:var(--space-xl);block-size:var(--space-xl);border-radius:var(--m-radius-pill);color:var(--m-muted);flex:none;place-items:center;display:inline-grid}.m-scrm .lead-sub{gap:var(--space-xs);min-inline-size:0;color:var(--m-muted);white-space:nowrap;display:flex;overflow:hidden}.m-scrm.m-scrm .lead-sub b{color:var(--m-ink);font-weight:600}.m-scrm .lead-foot{align-items:center;gap:var(--space-xs);min-inline-size:0;margin-block-start:var(--space-xxs);display:flex}.m-scrm .src,.m-scrm .own{padding-block:var(--space-xxs);padding-inline:calc(var(--space-xs) + var(--space-xxs));border-radius:var(--m-radius-pill);white-space:nowrap;flex:none;font-weight:600}.m-scrm .src{background:color-mix(in srgb, var(--m-bubble-out) 70%, var(--m-white));color:var(--brand-primary-dark)}.m-scrm .own{background:var(--surface-bg-app);color:var(--m-muted)}.m-scrm .days{min-inline-size:0;color:var(--m-muted);text-align:end;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.m-scrm .moving{inset-block-start:0;inset-inline:var(--space-sm);block-size:var(--scrm-card);z-index:1;visibility:hidden;position:absolute}.m-scrm .menu{z-index:2;padding:var(--space-xs);border-radius:var(--radius-medium);background:var(--m-white);box-shadow:0 0 0 var(--m-hairline) var(--line-hairline), var(--shadow-large);visibility:hidden;position:absolute;inset-block-start:calc(var(--scrm-card) - var(--space-sm));inset-inline-end:var(--space-md)}.m-scrm .menu-item{align-items:center;gap:var(--space-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-small);font-size:var(--type-footnote-size);white-space:nowrap;font-weight:600;display:flex}.m-scrm .toast{inset-inline:var(--space-md);z-index:3;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-medium);background:var(--m-ink);color:var(--m-white);font-size:var(--type-footnote-size);box-shadow:var(--shadow-large);font-weight:500;display:flex;position:absolute;inset-block-end:var(--space-lg)}.m-scrm .toast svg{color:var(--m-accent)}@media (prefers-reduced-motion:no-preference){.m-scrm .moving{animation:scrm-moving var(--scrm-loop) var(--m-ease) infinite both}.m-scrm.m-scrm .moving .more{animation:scrm-press var(--scrm-loop) linear infinite both}.m-scrm .rest{animation:scrm-rest var(--scrm-loop) var(--m-ease) infinite both}.m-scrm .menu{animation:scrm-menu var(--scrm-loop) var(--m-ease) infinite both}.m-scrm .menu-item{animation:scrm-item var(--scrm-loop) linear infinite both}.m-scrm .pre{animation:scrm-pre var(--scrm-loop) linear infinite both}.m-scrm .post{animation:scrm-post var(--scrm-loop) linear infinite both}.m-scrm .toast{animation:scrm-toast var(--scrm-loop) var(--m-ease) infinite both}}@keyframes scrm-moving{0%,36%{visibility:visible;transform:none}42%{visibility:visible;transform:translateX(calc(110% * var(--m-dir)))}42.1%,to{visibility:hidden;transform:translateX(calc(110% * var(--m-dir)))}}@keyframes scrm-press{0%,15%{background:0 0}16%,20%{background:var(--line-hairline)}21%,to{background:0 0}}@keyframes scrm-rest{0%,40%{transform:translateY(calc(var(--scrm-card) + var(--scrm-gap)))}46%,to{transform:none}}@keyframes scrm-menu{0%,19%{visibility:hidden;transform:translateY(calc(var(--space-xs) * -1)) scale(.96)}22%,34%{visibility:visible;transform:none}34.1%,to{visibility:hidden;transform:none}}@keyframes scrm-item{0%,29%{background:0 0}30%,34%{background:var(--surface-bg-app)}35%,to{background:0 0}}@keyframes scrm-pre{0%,40%{visibility:visible}40.1%,to{visibility:hidden}}@keyframes scrm-post{0%,40%{visibility:hidden}40.1%,to{visibility:visible}}@keyframes scrm-toast{0%,46%{visibility:hidden;transform:translateY(var(--space-sm))}50%,to{visibility:visible;transform:none}}.m-sinb.scene{--sib-loop:12s;--sib-row:calc(var(--space-sm) * 7);background:var(--m-white);flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative}.m-sinb .top{padding-block:var(--space-xxs) 0;padding-inline:var(--space-md);flex:none;justify-content:space-between;align-items:center;display:flex}.m-sinb .top-end{align-items:center;gap:var(--space-md);display:inline-flex}.m-sinb .title{padding-block:var(--space-xxs) var(--space-xs);padding-inline:var(--space-md);font-size:var(--type-title-size);letter-spacing:-.02em;flex:none;font-weight:800;line-height:1.2}.m-sinb .inboxes{align-items:center;gap:var(--space-sm);padding-block-end:var(--space-sm);padding-inline:var(--space-md);flex:none;display:flex}.m-sinb.m-sinb .inboxes strong{align-items:center;gap:var(--space-xs);font-size:var(--type-footnote-size);display:inline-flex}.m-sinb .mark{grid-template-columns:repeat(2, var(--space-sm));place-content:center;gap:var(--space-xxs);inline-size:calc(var(--space-xxl) + var(--space-xs));block-size:calc(var(--space-xxl) + var(--space-xs));border-radius:var(--radius-medium);background:var(--m-white);box-shadow:0 0 0 var(--m-hairline) var(--line-hairline), var(--shadow-small);flex:none;display:grid}.m-sinb.m-sinb .mark i{inline-size:var(--space-sm);block-size:var(--space-sm);border-radius:var(--m-radius-pill)}.m-sinb .m1{background:var(--m-primary)}.m-sinb .m2{background:var(--avatar-blue)}.m-sinb .m3{background:var(--status-warning)}.m-sinb .search{align-items:center;gap:calc(var(--space-xs) + var(--space-xxs));block-size:calc(var(--space-xxl) + var(--space-xs));margin-block-end:var(--space-sm);margin-inline:var(--space-md);padding-inline:var(--space-sm);border-radius:var(--radius-medium);background:var(--surface-bg-app);color:var(--m-muted);font-size:var(--type-footnote-size);flex:none;display:flex}.m-sinb .filters{gap:calc(var(--space-xs) + var(--space-xxs));padding-block-end:var(--space-sm);padding-inline:var(--space-md);flex:none;display:flex;overflow:hidden}.m-sinb.m-sinb .filters .ph-chip{flex:none}.m-sinb .count{color:var(--m-muted)}.m-sinb .rows{flex:1;min-block-size:0;overflow:hidden}.m-sinb .list{margin:0;padding:0;list-style:none}.m-sinb .row{align-items:center;gap:var(--space-sm);block-size:var(--sib-row);padding-inline:var(--space-sm) var(--space-sm);border-inline-start:calc(var(--space-xxs) * 1.5) solid var(--row-edge);border-block-end:var(--m-hairline) solid var(--line-hairline);display:flex}.m-sinb .edge-emerald{--row-edge:var(--m-primary)}.m-sinb .edge-blue{--row-edge:var(--avatar-blue)}.m-sinb .edge-amber{--row-edge:var(--avatar-amber)}.m-sinb .edge-violet{--row-edge:var(--avatar-violet)}.m-sinb .is-unread{background:color-mix(in srgb, var(--m-bubble-out) 35%, var(--m-white))}.m-sinb .main{gap:var(--space-xxs);flex:1;min-inline-size:0;display:grid}.m-sinb .line{align-items:center;gap:var(--space-xs);min-inline-size:0;display:flex}.m-sinb.m-sinb .line>strong{min-inline-size:0;font-size:var(--type-footnote-size);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.m-sinb .tag{align-items:center;gap:var(--space-xxs);white-space:nowrap;flex:none;font-weight:600;display:inline-flex}.m-sinb .tag-emerald{color:var(--m-primary)}.m-sinb .tag-blue{color:var(--avatar-blue)}.m-sinb .tag-amber{color:var(--avatar-amber)}.m-sinb .tag-violet{color:var(--avatar-violet)}.m-sinb .time{color:var(--m-muted);white-space:nowrap;flex:none}.m-sinb.m-sinb .is-unread .time{color:var(--m-primary);font-weight:600}.m-sinb .preview{align-items:center;gap:var(--space-xxs);min-inline-size:0;color:var(--m-muted);white-space:nowrap;flex:1;display:flex;overflow:hidden}.m-sinb.m-sinb .preview>[data-msg]{text-overflow:ellipsis;overflow:hidden}.m-sinb.m-sinb .preview .ph-tick{flex:none}.m-sinb.m-sinb .main .line2{grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.m-sinb.m-sinb .main .stamp{flex:none;justify-items:end}.m-sinb .unread-time{color:var(--m-primary);font-weight:600}.m-sinb.m-sinb .is-new .pre{visibility:hidden}.m-sinb .tabs{padding-block:calc(var(--space-xs) + var(--space-xxs)) var(--space-md);padding-inline:var(--space-sm);border-block-start:var(--m-hairline) solid var(--line-hairline);background:var(--m-white);flex:none;justify-content:space-between;display:flex}.m-sinb .tab{justify-items:center;gap:var(--space-xxs);min-inline-size:0;color:var(--m-muted);letter-spacing:-.01em;white-space:nowrap;display:grid;overflow:hidden}.m-sinb .tab.on{color:var(--m-ink);font-weight:700}.m-sinb .tab-icon{display:inline-grid;position:relative}.m-sinb .tab-badge{min-inline-size:var(--space-lg);block-size:var(--space-lg);padding-inline:var(--space-xs);position:absolute;inset-block-start:calc(var(--space-xs) * -1);inset-inline-start:calc(100% - var(--space-sm))}.m-sinb .thread{z-index:2;background:var(--m-white);box-shadow:var(--shadow-large);transform:translateX(calc(102% * var(--m-dir)));visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.m-sinb .unassigned{visibility:hidden}@media (prefers-reduced-motion:no-preference){.m-sinb .list{animation:sib-list var(--sib-loop) var(--m-ease) infinite both}.m-sinb .is-new{animation:sib-new var(--sib-loop) linear infinite both}.m-sinb.m-sinb .is-new .pre{animation:sib-pre var(--sib-loop) linear infinite both}.m-sinb.m-sinb .is-new .post{animation:sib-post var(--sib-loop) linear infinite both}.m-sinb .thread{animation:sib-slide var(--sib-loop) var(--m-ease) infinite both}.m-sinb .unassigned{animation:sib-gone var(--sib-loop) linear infinite both}.m-sinb .owner,.m-sinb .joined{animation:sib-join var(--sib-loop) var(--m-ease) infinite both}.m-sinb .sent{animation:sib-reply var(--sib-loop) var(--m-ease) infinite both}.m-sinb .turns-read{animation:sib-read var(--sib-loop) linear infinite both}}@keyframes sib-list{0%,8%{transform:translateY(calc(var(--sib-row) * -1))}12%,to{transform:none}}@keyframes sib-new{0%,8%{visibility:hidden;background:color-mix(in srgb, var(--m-bubble-out) 35%, var(--m-white))}8.1%,19%{visibility:visible;background:color-mix(in srgb, var(--m-bubble-out) 35%, var(--m-white))}21%,24%{visibility:visible;background:var(--m-bubble-out)}26%,70%{visibility:visible;background:color-mix(in srgb, var(--m-bubble-out) 35%, var(--m-white))}70.1%,to{visibility:visible;background:var(--m-white)}}@keyframes sib-pre{0%,70%{visibility:visible}70.1%,to{visibility:hidden}}@keyframes sib-post{0%,70%{visibility:hidden}70.1%,to{visibility:visible}}@keyframes sib-slide{0%,22%{visibility:hidden;transform:translateX(calc(102% * var(--m-dir)))}27%,66%{visibility:visible;transform:none}71%,to{visibility:hidden;transform:translateX(calc(102% * var(--m-dir)))}}@keyframes sib-gone{0%,36%{visibility:visible}36.1%,to{visibility:hidden}}@keyframes sib-join{0%,36%{visibility:hidden;transform:translateY(var(--space-sm)) scale(.94)}40%,to{visibility:visible;transform:none}}@keyframes sib-reply{0%,46%{visibility:hidden;transform:translateY(var(--space-sm)) scale(.94)}50%,to{visibility:visible;transform:none}}@keyframes sib-read{0%,56%{color:var(--message-delivered)}59%,to{color:var(--m-read)}}
