:root{--surface-page:#f9f9f7;--surface-card:#fff;--surface-chart:#fff;--hairline:#e3e2dc;--text:#0b0b0b;--text-2:#52514e;--text-3:#898781;--brand:#256abf;--brand-pressed:#184f95;--brand-soft:#e7f0fc;--link:#2a78d6;--good:#0ca30c;--good-text:#0a6b0a;--good-soft:#e7f6e7;--warn:#fab219;--warn-text:#7a4e00;--warn-soft:#fef3d6;--serious:#ec835a;--crit:#d03b3b;--crit-text:#9b2c2c;--crit-soft:#fbe7e7;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-20:20px;--s-24:24px;--s-32:32px;--s-40:40px;--s-48:48px;--gutter:16px;--r-control:10px;--r-card:14px;--r-sheet:20px;--r-pill:999px;--shadow-card:0 1px 2px #0b0b0b0a, 0 1px 3px #0b0b0b0f;--shadow-raised:0 1px 2px #0b0b0b0a, 0 8px 24px #0b0b0b14;--shadow-sheet:0 -8px 32px #0b0b0b24;--tap:44px;--tabbar:56px;--sidebar:240px;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, Menlo, monospace;--ease:cubic-bezier(.22, .61, .36, 1);--dur:.18s;--tooltip-bg:#0b0b0beb}@media (width>=1024px){:root{--gutter:24px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-page);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:22px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}a{color:var(--link);text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}svg{flex:none;display:block}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:6px}.t-kpi-xl{font:700 40px/46px var(--font);font-variant-numeric:tabular-nums}.t-kpi{font:700 32px/38px var(--font);font-variant-numeric:tabular-nums}.t-h1{font:600 22px/28px var(--font)}.t-h2{font:600 18px/24px var(--font)}.t-h3{font:600 16px/22px var(--font)}.t-body{font:400 15px/22px var(--font)}.t-small{font:400 13px/18px var(--font)}.t-note{font:500 12px/16px var(--font)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.secondary{color:var(--text-2)}.good{color:var(--good-text)}.warn{color:var(--warn-text)}.crit{color:var(--crit-text)}.row{align-items:center;gap:var(--s-8);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s-8);display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pretty{text-wrap:pretty}.stack-8>*+*{margin-top:var(--s-8)}.stack-12>*+*{margin-top:var(--s-12)}.stack-16>*+*{margin-top:var(--s-16)}.stack-20>*+*{margin-top:var(--s-20)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.card-pad{padding:var(--s-16)}.card-list>*+*{border-top:1px solid var(--hairline)}.card-clickable{width:100%;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);display:block}.card-clickable:hover{background:#fcfcfb}.card-clickable:active{transform:scale(.995)}.section-title{font:600 18px/24px var(--font);margin-bottom:var(--s-8)}.hint{font:400 12px/16px var(--font);color:var(--text-3);text-wrap:pretty}.btn{min-height:48px;padding:0 var(--s-16);border-radius:var(--r-control);font:600 15px/20px var(--font);white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-block{width:100%}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-pressed)}.btn-secondary{background:var(--surface-card);border:1px solid var(--hairline);color:var(--text-2)}.btn-secondary:hover{background:var(--surface-page)}.btn-text{min-height:var(--tap);padding:0 var(--s-8);color:var(--link);font:500 13px/18px var(--font);justify-content:center;align-items:center;display:inline-flex}.btn-text:hover{color:var(--brand-pressed)}.btn-danger{background:var(--surface-card);border:1px solid var(--crit);color:var(--crit)}.btn-danger:hover{background:var(--crit-soft)}.btn-sm{min-height:var(--tap);font:500 13px/18px var(--font);padding:0 14px}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text-2);border-radius:var(--r-control);transition:background var(--dur) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:#0b0b0b0a}.icon-btn .dot{border-radius:var(--r-pill);background:var(--crit);border:1.5px solid var(--surface-page);width:8px;height:8px;position:absolute;top:9px;right:10px}.chip{border-radius:var(--r-pill);font:500 12px/16px var(--font);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.chip-neutral{color:var(--text-2);background:var(--surface-page);border:1px solid var(--hairline)}.chip-info{color:var(--brand-pressed);background:var(--brand-soft)}.chip-good{color:var(--good-text);background:var(--good-soft)}.chip-warn{color:var(--warn-text);background:var(--warn-soft)}.chip-crit{color:var(--crit-text);background:var(--crit-soft)}.filter-chip{min-height:var(--tap);border-radius:var(--r-pill);font:500 13px/18px var(--font);color:var(--text-2);background:var(--surface-card);border:1px solid var(--hairline);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.filter-chip:hover{background:var(--surface-page)}.filter-chip[aria-pressed=true],.filter-chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.chip-row{gap:var(--s-8);flex-wrap:wrap;display:flex}.segmented{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px;display:flex}.segmented.on-card{background:var(--surface-page)}.segmented button{min-height:var(--tap);border-radius:var(--r-pill);font:500 13px/18px var(--font);color:var(--text-3);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);flex:1;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-pressed)}.segmented-sm button{min-height:32px;padding:6px 12px}.banner{align-items:center;gap:var(--s-12);border-radius:var(--r-card);text-align:left;width:100%;transition:filter var(--dur) var(--ease);padding:13px 14px;display:flex}.banner:hover{filter:brightness(.985)}.banner-crit{background:var(--crit-soft);border-left:3px solid var(--crit)}.banner-warn{background:var(--warn-soft);border-left:3px solid var(--warn)}.banner-info{background:var(--brand-soft);border-left:3px solid var(--link)}.banner-title{font:600 15px/20px var(--font)}.banner-desc{font:400 13px/18px var(--font);color:var(--text-2)}.all-clear{font:400 13px/18px var(--font);color:var(--good-text);justify-content:center;align-items:center;gap:6px;display:flex}.stat{text-align:left;background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-card);width:100%;box-shadow:var(--shadow-card);padding:var(--s-16);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);display:block}.stat:hover{border-color:#d5d4cd}.stat:active{transform:scale(.99)}.stat-label{font:400 13px/18px var(--font);color:var(--text-3)}.stat-value{font:700 32px/38px var(--font);font-variant-numeric:tabular-nums;margin-top:6px}.stat-value.hero{font:700 40px/46px var(--font);font-variant-numeric:tabular-nums;margin-top:var(--s-4)}.stat-delta{font:500 12px/16px var(--font)}.stat-grid-2{gap:var(--s-12);grid-template-columns:1fr 1fr;display:grid}.stat-grid-3{gap:var(--s-8);grid-template-columns:repeat(3,1fr);display:grid}.tick{animation:tick-in .2s var(--ease);display:inline-block}@keyframes tick-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dot-status{border-radius:var(--r-pill);flex:none;width:9px;height:9px}.dot-on{background:var(--good)}.dot-off{border:1.5px solid var(--text-3)}.avatar{border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-pressed);flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.img-placeholder{border:1px solid var(--hairline);font:500 9px/1 var(--font-mono);color:var(--text-3);background:repeating-linear-gradient(45deg,#efeee9 0 4px,#f7f6f2 4px 8px);flex:none;justify-content:center;align-items:center;display:flex}.list-row{align-items:center;gap:var(--s-12);width:100%;padding:13px var(--s-16);text-align:left;transition:background var(--dur) var(--ease);display:flex}.list-row:hover{background:var(--surface-page)}.kv-row{justify-content:space-between;gap:var(--s-12);font:400 13px/18px var(--font);padding:13px 0;display:flex}.kv-row+.kv-row{border-top:1px solid var(--hairline)}.kv-row b{font-weight:600}.field-label{font:500 13px/18px var(--font);color:var(--text-2);margin-bottom:6px;display:block}.input{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-control);width:100%;font:400 15px/20px var(--font);transition:border-color var(--dur) var(--ease);padding:13px 12px}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--brand);outline:none}.input.is-error{border-color:var(--crit)}textarea.input{resize:vertical;min-height:96px;line-height:22px}.search{align-items:center;gap:var(--s-8);background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-control);padding:0 12px;display:flex}.search input{font:400 15px/20px var(--font);background:0 0;border:0;outline:none;flex:1;padding:13px 0}.search input::placeholder{color:var(--text-3)}.switch{border-radius:var(--r-pill);background:var(--hairline);width:44px;height:26px;transition:background var(--dur) var(--ease);flex:none;justify-content:flex-start;padding:3px;display:flex}.switch[aria-checked=true]{background:var(--brand);justify-content:flex-end}.switch span{border-radius:var(--r-pill);background:#fff;width:20px;height:20px;display:block;box-shadow:0 1px 2px #0b0b0b33}.setting-row{justify-content:space-between;align-items:center;gap:var(--s-12);width:100%;font:400 15px/22px var(--font);text-align:left;padding:14px 0;display:flex}.setting-row+.setting-row{border-top:1px solid var(--hairline)}.setting-value{color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.table{border-collapse:collapse;background:var(--surface-card);width:100%}.table th{font:600 13px/18px var(--font);color:var(--text-2);text-align:left;height:var(--tap);padding:0 var(--s-12);border-bottom:1px solid var(--hairline);white-space:nowrap}.table th:first-child,.table td:first-child{padding-left:var(--s-20)}.table th:last-child,.table td:last-child{padding-right:var(--s-20)}.table th.num-col,.table td.num-col{text-align:right;font-variant-numeric:tabular-nums}.table th button{font:inherit;color:inherit;align-items:center;gap:4px;display:inline-flex}.table td{height:52px;padding:0 var(--s-12);font:400 13px/18px var(--font);border-bottom:1px solid var(--hairline)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-page)}.table tbody tr.is-selected{background:var(--brand-soft)}.scrim{z-index:40;animation:fade-in var(--dur) var(--ease);background:#0b0b0b52;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{z-index:41;background:var(--surface-card);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:var(--s-20) var(--gutter) calc(var(--s-24) + env(safe-area-inset-bottom));max-height:88vh;animation:sheet-up .2s var(--ease);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-grip{border-radius:var(--r-pill);background:var(--hairline);width:36px;height:4px;margin:0 auto var(--s-16)}.sheet-title{font:600 18px/24px var(--font);margin-bottom:var(--s-16)}@media (width>=768px){.sheet{border-radius:var(--r-card);width:min(520px,100vw - 48px);max-height:82vh;animation:modal-in .2s var(--ease);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.sheet-grip{display:none}}.toast-host{left:50%;bottom:calc(var(--tabbar) + 16px + env(safe-area-inset-bottom));z-index:60;gap:var(--s-8);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--tooltip-bg);color:#fff;border-radius:var(--r-control);font:500 13px/18px var(--font);animation:toast-in .2s var(--ease);white-space:nowrap;padding:10px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width>=1024px){.toast-host{bottom:24px}}.empty{text-align:center;align-items:center;gap:var(--s-8);padding:var(--s-40) var(--s-24);flex-direction:column;display:flex}.empty svg{margin-bottom:var(--s-8)}.empty-title{font:600 16px/22px var(--font)}.empty-note{font:400 13px/18px var(--font);color:var(--text-3);text-wrap:pretty;max-width:34ch}.badge{border-radius:var(--r-pill);min-width:20px;height:20px;font:600 12px/20px var(--font);text-align:center;padding:0 5px}.badge-warn{background:var(--warn);color:var(--warn-text)}.badge-crit{background:var(--crit-soft);color:var(--crit-text)}.badge-brand{background:var(--brand);color:#fff}.sync-progress{border-radius:var(--r-pill);background:var(--brand-soft);height:3px;overflow:hidden}.sync-progress>span{border-radius:inherit;background:var(--brand);width:40%;height:100%;animation:1.1s ease-in-out infinite sync-slide;display:block}@keyframes sync-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.sync-progress>span{opacity:.5;width:100%;animation:none}}.shared-post{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--surface-card);width:100%;max-width:280px;color:inherit;text-decoration:none;display:block;overflow:hidden}.shared-post:hover{background:var(--surface-page)}.shared-post-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.shared-post-thumb-empty{background:var(--surface-page);justify-content:center;align-items:center;display:flex}.shared-post-title{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.shared-post-body{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.shared-post-body:disabled{cursor:default}.shared-post-actions{border-top:1px solid var(--hairline);display:flex}.shared-post-action{color:var(--link);font:500 12px/16px var(--font);text-align:center;background:0 0;border:0;flex:1;padding:8px 10px;text-decoration:none}.shared-post-action+.shared-post-action{border-left:1px solid var(--hairline)}.shared-post-action.muted{color:var(--text-3)}.shared-post-frame{border-radius:var(--r-control);background:var(--surface-page);border:0;width:100%;height:60vh;min-height:520px}.app{min-height:100%;display:flex}.sidebar{width:var(--sidebar);background:var(--surface-card);border-right:1px solid var(--hairline);padding:var(--s-20) var(--s-12);gap:var(--s-20);flex-direction:column;flex:none;height:100vh;display:none;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding:0 var(--s-8);align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--r-control);background:var(--brand);color:#fff;width:32px;height:32px;font:700 13px/1 var(--font);flex:none;justify-content:center;align-items:center;display:flex}.nav-group-title{font:500 12px/16px var(--font);color:var(--text-3);padding:0 var(--s-8);margin-bottom:6px}.nav-item{width:100%;padding:10px var(--s-8);border-radius:var(--r-control);color:var(--text-2);font:400 15px/20px var(--font);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:10px;display:flex}.nav-item:hover{background:var(--surface-page)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand-pressed);font-weight:600}.nav-item .badge{margin-left:auto}.sidebar-foot{padding:var(--s-12) var(--s-8) 0;border-top:1px solid var(--hairline);margin-top:auto}.main{min-width:0;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.page-header{z-index:20;background:var(--surface-page);padding:var(--s-12) var(--gutter) var(--s-12);position:sticky;top:0}.page-header-row{justify-content:space-between;align-items:flex-start;gap:var(--s-8);display:flex}.page-header .back{margin-left:-10px}.page-title{font:600 22px/28px var(--font)}.page-subtitle{font:400 13px/18px var(--font);color:var(--text-3);margin-top:2px}.page-filters{margin-top:var(--s-12)}.page-body{padding:0 var(--gutter) var(--s-24);gap:var(--s-16);flex-direction:column;flex:1;display:flex}.tabbar{z-index:30;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-card);border-top:1px solid var(--hairline);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{height:var(--tabbar);color:var(--text-3);font:500 11px/13px var(--font);transition:color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.tab.is-active{color:var(--link)}.tab .tab-dot{border-radius:var(--r-pill);background:var(--crit);width:7px;height:7px;position:absolute;top:6px;right:calc(50% - 20px)}.tab .tab-badge{border-radius:var(--r-pill);background:var(--warn);min-width:17px;height:17px;color:var(--warn-text);font:600 11px/17px var(--font);text-align:center;padding:0 4px;position:absolute;top:3px;right:calc(50% - 26px)}@media (width>=768px){.grid-responsive{gap:var(--s-20);grid-template-columns:1fr 1fr;align-items:start;display:grid}.stat-grid-2{gap:var(--s-16)}.page-body{gap:var(--s-20)}}@media (width>=1024px){.sidebar{display:flex}.tabbar{display:none}.main{padding-bottom:0}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--s-16);padding:var(--s-24) var(--gutter) var(--s-16);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.page-header .back{display:none}.page-filters{margin-top:0}.page-header.filters-below{align-items:stretch;gap:var(--s-12);flex-direction:column}.page-header.filters-below .page-header-row{align-items:center}.page-body{padding:var(--s-20) var(--gutter) var(--s-32)}.desktop-only{display:revert}.mobile-only{display:none!important}.home-grid{gap:var(--s-24);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.stat-grid-2.stat-grid-desktop-3{grid-template-columns:repeat(3,1fr)}.stat-grid-2.stat-grid-desktop-4{grid-template-columns:repeat(4,1fr)}.banner-row{gap:var(--s-12);display:flex}.banner-row .banner{flex:1}.content-narrow{max-width:860px}}@media (width<=1023px){.desktop-only{display:none!important}.table .col-optional{display:none}}.chart{position:relative}.chart svg{touch-action:pan-y;width:100%;display:block}.chart-tip{z-index:5;background:var(--tooltip-bg);color:#fff;border-radius:var(--r-control);font:500 12px/16px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;padding:8px 12px;position:absolute;transform:translate(-50%,-100%)}.chart-tip b{font-weight:600}.axis-row{font:400 12px/16px var(--font);color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;display:flex}.axis-row.spread span{text-align:center;flex:1}.axis-row.spread span:first-child{text-align:left}.axis-row.spread span:last-child{text-align:right}.bars{border-bottom:1px solid var(--hairline);align-items:flex-end;gap:2px;display:flex}.bars .bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bars .bar-col .bar-value{font:500 12px/16px var(--font);color:var(--text-2);font-variant-numeric:tabular-nums}.bars .bar-col.is-top .bar-value{color:var(--text)}.bars .bar{width:100%;transition:filter var(--dur) var(--ease);border-radius:4px 4px 0 0}.bars .bar-col:hover .bar{filter:brightness(.92)}.bar-labels{font:400 12px/16px var(--font);color:var(--text-3);text-align:center;gap:2px;margin-top:6px;display:flex}.bar-labels span{flex:1;min-width:0}.hbar-row{align-items:center;gap:10px;display:flex}.hbar-name{font:400 13px/18px var(--font);color:var(--text-2);flex:none}.hbar-track{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.hbar{height:14px;transition:filter var(--dur) var(--ease), width .32s var(--ease);border-radius:0 4px 4px 0}.hbar-row:hover .hbar{filter:brightness(.92)}.hbar-value{font:500 13px/18px var(--font);font-variant-numeric:tabular-nums;flex:none}@media (width>=1024px){.hbar{height:18px}}.split-bar{border-radius:6px;gap:2px;height:26px;display:flex;overflow:hidden}.split-bar span{font:600 12px/16px var(--font);color:#fff;transition:width .32s var(--ease);align-items:center;padding-left:10px;display:flex}.legend{font:400 13px/18px var(--font);color:var(--text-2);flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-radius:2px;flex:none;width:9px;height:9px}.legend b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.login-wrap{min-height:100%;padding:var(--s-24);justify-content:center;align-items:center;display:flex}.login-card{gap:var(--s-24);flex-direction:column;width:100%;max-width:360px;display:flex}.login-mark{border-radius:var(--r-card);background:var(--brand);color:#fff;width:56px;height:56px;font:700 20px/1 var(--font);justify-content:center;align-items:center;display:flex}.avg-tile-body{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:2px;display:flex}@media (width>=1024px){.avg-tile-body{flex-direction:column;align-items:flex-start;gap:0;margin-top:8px;display:flex}}.staff-grid{gap:var(--s-12);flex-direction:column;display:flex}@media (width>=768px){.staff-grid{gap:var(--s-16);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (width>=1440px){.staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.thread{flex-direction:column;flex:1;min-height:100%;display:flex}.thread-header{z-index:20;background:var(--surface-card);border-bottom:1px solid var(--hairline);position:sticky;top:0}.thread-owner{padding:0 var(--gutter);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.thread-audit{padding:7px var(--gutter);border-top:1px solid var(--hairline);background:var(--brand-soft);font:500 12px/16px var(--font);color:var(--brand-pressed);align-items:center;gap:6px;display:flex}.thread-body{gap:var(--s-12);padding:14px var(--gutter);flex-direction:column;flex:1;display:flex}.thread-day{font:400 12px/16px var(--font);color:var(--text-3);align-self:center}.msg{max-width:80%}.msg-in{align-self:flex-start}.msg-out{align-self:flex-end;max-width:82%}.msg-bubble{font:400 15px/22px var(--font);text-wrap:pretty;padding:10px 13px}.msg-in .msg-bubble{background:var(--surface-card);border:1px solid var(--hairline);border-radius:14px 14px 14px 4px}.msg-out .msg-bubble{background:var(--brand-soft);border-radius:14px 14px 4px}.msg-meta{font:400 12px/16px var(--font);color:var(--text-3);margin-top:4px;display:block}.msg-out .msg-meta{text-align:right}.preview-bubble{max-width:88%;margin-left:auto}.composer{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--hairline);padding:10px var(--gutter) 12px;position:sticky}@media (width>=1024px){.composer{bottom:0}}.log-row{gap:var(--s-12);align-items:flex-start;padding:9px 0;display:flex}.log-row+.log-row{border-top:1px solid var(--hairline)}.log-time{width:42px;font:400 13px/18px var(--font);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.journal-actor{border-radius:var(--r-pill);background:var(--brand-soft);width:26px;height:26px;color:var(--brand-pressed);font:600 10px/26px var(--font);text-align:center;flex:none}.journal-actor.is-system{background:var(--surface-page);border:1px solid var(--hairline);color:var(--text-3);font-size:9px;line-height:24px}.table-wrap{overflow-x:auto}.inbox-split{gap:var(--s-20);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.inbox-split .table-wrap{min-width:0}.inbox-split .table td,.inbox-split .table th{padding-left:var(--s-8);padding-right:var(--s-8)}.inbox-preview{position:sticky;top:96px}.page-footer{bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--hairline);padding:12px var(--gutter) 16px;position:sticky}@media (width>=1024px){.page-footer{padding-left:var(--gutter);padding-right:var(--gutter);bottom:0}.page-footer .btn{max-width:240px}}.post-hero{aspect-ratio:4/5;border-radius:var(--r-card);width:100%;max-height:420px;font:500 11px/1 var(--font-mono)}.clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-inline{color:var(--link);font:inherit}.template-body{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.top-post-name{width:108px;font:400 13px/18px var(--font);color:var(--text-2);flex:none}@media (width>=768px){.top-post-name{width:160px}}.queue-error{border-left:3px solid var(--crit)}.manage-block{border-top:1px solid var(--hairline);padding-top:var(--s-16);flex-direction:column;gap:10px;display:flex}@media (width>=768px){.manage-block{max-width:420px}}@media (width>=1024px){.thread-body,.composer-inner{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.thread-header .row,.thread-owner{max-width:852px;margin-left:auto;margin-right:auto}}