:root{--color-bg:#fff;--color-surface:#fff;--color-surface-strong:#fff;--color-text:#111827;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-border:#e3e8ef;--color-border-strong:#b8c2cf;--color-focus:#2563eb;--color-party-bubble:#eef8ff;--content-max:520px;--page-gutter:18px;--radius-md:8px;--shadow-card:0 1px 2px #0f172a0d;--shadow-card-hover:0 4px 14px #0f172a14;--font-family-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-title:19px;--font-size-meta:14px;--font-size-caption:11px;--font-weight-medium:500;--font-weight-semibold:650;--font-weight-bold:750;--topbar-height:62px}*{box-sizing:border-box}html{background:var(--color-bg);overscroll-behavior-y:none;min-height:100%}body{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--font-family-sans);overscroll-behavior-y:none;text-rendering:optimizelegibility;margin:0}a{color:inherit}.statement-shell{width:min(100%, var(--content-max));background:var(--color-bg);min-height:100vh;margin:0 auto}.statement-topbar{z-index:20;min-height:var(--topbar-height);padding:10px var(--page-gutter);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 88%, white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;display:grid;position:sticky;top:0;overflow:visible}.statement-topbar h1{color:var(--color-text);font-family:var(--font-family-display), Georgia, serif;font-size:var(--font-size-title);font-weight:var(--font-weight-bold);letter-spacing:0;text-align:center;margin:0;line-height:1.25}.statement-topbar-bird{pointer-events:none;-webkit-user-select:none;user-select:none;width:46px;height:auto;position:absolute;bottom:-1px;right:calc(50% + 38px)}.statement-filter-trigger{top:50%;right:var(--page-gutter);border:1px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;place-items:center;transition:background-color .15s,box-shadow .15s,transform .15s;display:grid;position:absolute;transform:translateY(-50%)}.statement-filter-trigger:hover{background:color-mix(in srgb, var(--color-surface) 90%, #e8f5ff)}.statement-filter-trigger:active{transform:translateY(calc(1px - 50%))}.statement-filter-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:2px}.statement-filter-trigger.is-active{box-shadow:inset 0 0 0 1px var(--color-text)}.statement-filter-trigger-icon{width:19px;height:19px}.statement-filter-trigger-count{border:1px solid var(--color-surface);background:var(--color-focus);color:#fff;min-width:18px;height:18px;font-size:10px;font-weight:var(--font-weight-bold);border-radius:999px;place-items:center;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.statement-filter-backdrop{z-index:60;background:#0f172a73;place-items:end center;display:grid;position:fixed;inset:0;overflow:hidden}.statement-filter-sheet{width:min(100vw, var(--content-max));height:calc(100dvh - var(--topbar-height));background:var(--color-surface);border-radius:18px 18px 0 0;grid-template-rows:auto minmax(0,1fr);max-height:none;display:grid;position:relative;overflow:hidden;box-shadow:0 -18px 48px #0f172a2e}.statement-filter-sheet-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;min-height:56px;display:grid}.statement-filter-sheet-header h1{color:var(--color-text);font-size:16px;font-weight:var(--font-weight-bold);text-align:center;margin:0;line-height:1.35}.statement-filter-sheet-header button{min-height:56px;color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;font-weight:var(--font-weight-semibold);background:0 0;border:0;transition:background-color .15s}.statement-filter-sheet-header button:active{background:color-mix(in srgb, var(--color-border) 38%, transparent)}.statement-filter-sheet-header button:focus-visible,.statement-filter-choice:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:-3px}.statement-filter-content{min-height:0;padding:18px var(--page-gutter) calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.statement-filter-panel-heading h2{color:var(--color-text);font-size:17px;font-weight:var(--font-weight-bold);text-align:center;margin:0;line-height:1.55}.statement-filter-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.statement-filter-choice{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:58px;color:var(--color-text-muted);cursor:pointer;font:inherit;text-align:left;border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;box-shadow:0 1px 2px #0f172a0f}.statement-filter-choice.is-all{text-align:center;grid-column:1/-1;grid-template-columns:minmax(0,1fr);justify-items:center}.statement-filter-choice.is-selected{color:var(--color-text);background:#fff;border-color:#9aa4b2;box-shadow:inset 0 0 0 1px #aeb6c2,0 2px 5px #0f172a14}.statement-filter-choice:active{transform:translateY(1px)scale(.995);box-shadow:inset 0 1px 3px #0f172a1f}.statement-filter-choice-logo{opacity:.62;background:#fff;border:0;border-radius:0;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.statement-filter-choice-logo img{filter:grayscale(.25);object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.statement-filter-choice.is-selected .statement-filter-choice-logo{opacity:1}.statement-filter-choice.is-selected .statement-filter-choice-logo img{filter:none}.statement-filter-choice-copy{align-items:center;min-width:0;display:grid}.statement-filter-choice-label{min-width:0;font-size:13px;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}@media (hover:hover) and (pointer:fine){.statement-filter-choice:hover{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 4px 10px #0f172a1a}}.statement-feed-list{padding:14px var(--page-gutter) 52px;gap:6px;display:grid}.pull-load-indicator{--pull-progress:0;top:calc(var(--topbar-height) + 8px);z-index:35;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, white);min-height:34px;color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-bold);pointer-events:none;transform:translate(-50%, calc(-10px + (var(--pull-progress) * 10px)));border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 6px;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex;position:fixed;left:50%;box-shadow:0 10px 28px #0f172a1f}.pull-load-mark{background:color-mix(in srgb, var(--color-focus) 12%, transparent);width:24px;height:24px;color:var(--color-focus);border-radius:999px;flex:0 0 24px;place-items:center;display:grid}.pull-load-arrow{font-size:15px;line-height:1;transition:transform .16s;display:block;transform:rotate(0)}.pull-load-indicator.is-ready,.pull-load-indicator.is-loading{border-color:var(--color-focus);background:var(--color-focus);color:#fff}.pull-load-indicator.is-ready .pull-load-mark,.pull-load-indicator.is-loading .pull-load-mark{color:#fff;background:#fff3}.pull-load-indicator.is-ready .pull-load-arrow{transform:rotate(180deg)}.pull-load-indicator.is-loading .pull-load-arrow{border:2px solid;border-right-color:#0000;border-radius:999px;width:13px;height:13px;font-size:0;animation:.7s linear infinite pull-load-spin}.pull-load-text{white-space:nowrap}.statement-feed-load-more{justify-content:center;margin:0 0 8px;display:none}.pull-load-button{border:1px solid var(--color-focus);background:var(--color-focus);color:#fff;cursor:pointer;min-height:34px;font:inherit;font-size:11px;font-weight:var(--font-weight-bold);border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 6px;line-height:1;transition:box-shadow .16s,filter .16s,transform .16s;display:inline-flex;box-shadow:0 10px 28px #0f172a1f}.pull-load-button .pull-load-mark{color:#fff;background:#fff3}.pull-load-button.is-ready .pull-load-arrow{transform:rotate(180deg)}.pull-load-button.is-loading{cursor:default}.pull-load-button.is-loading .pull-load-arrow{border:2px solid;border-right-color:#0000;border-radius:999px;width:13px;height:13px;font-size:0;animation:.7s linear infinite pull-load-spin}.pull-load-button:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 32px #0f172a29}.pull-load-button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:2px}.pull-load-button:disabled{opacity:.85}.statement-date-divider{color:var(--color-text-subtle);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:8px 0 3px;line-height:1.25;display:grid}.statement-date-divider:before,.statement-date-divider:after{content:"";background:var(--color-border);height:1px}.statement-date-divider span{white-space:nowrap}.statement-feed-row{--statement-message-max-width:320px;--statement-measured-bubble-width:auto;width:100%;min-width:0;color:var(--color-text);border-radius:16px;align-items:stretch;gap:8px;text-decoration:none;display:flex}.statement-feed-row--text-short{--statement-message-max-width:220px}.statement-feed-row--text-tiny{--statement-message-max-width:180px}.statement-feed-row--text-compact{--statement-message-max-width:260px}.statement-feed-row--text-medium{--statement-message-max-width:280px}.statement-feed-row--text-long{--statement-message-max-width:305px}.statement-feed-row--text-extra-long{--statement-message-max-width:320px}.statement-feed-row.is-width-probing{--statement-message-max-width:360px}.statement-feed-row--left{justify-content:flex-start}.statement-feed-row--right{flex-direction:row-reverse;justify-content:flex-start}.statement-author{flex:0 0 56px;grid-template-rows:34px auto;align-content:end;align-self:stretch;justify-items:center;gap:5px;width:56px;min-height:60px;padding:1px 0;display:grid}.statement-feed-row.is-single-line-bubble .statement-author{min-height:0}.statement-avatar{color:#fff;width:34px;height:34px;font-size:12px;font-weight:var(--font-weight-bold);border:1px solid #ffffff6b;border-radius:10px;flex:0 0 34px;place-items:center;line-height:1;display:grid}.statement-avatar--tone-0{background:#2563eb}.statement-avatar--tone-1{background:#0f766e}.statement-avatar--tone-2{background:#7c3aed}.statement-avatar--tone-3{background:#c2410c}.statement-avatar--tone-4{background:#be123c}.statement-avatar--tone-5{background:#4d7c0f}.statement-avatar--logo{background:#fff;border:0;padding:2px;overflow:hidden}.statement-avatar-image{object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.statement-message{max-width:min(calc(100% - 64px), var(--statement-message-max-width));align-content:start;align-self:stretch;justify-items:start;gap:3px;min-width:0;display:grid}.statement-feed-row.is-width-measured .statement-message{max-width:min(calc(100% - 64px), var(--statement-measured-bubble-width))}.statement-feed-row--right .statement-message{justify-items:end}.statement-bubble{border:1px solid var(--color-border);background:var(--color-surface);width:fit-content;min-width:0;max-width:100%;color:var(--color-text);box-shadow:var(--shadow-card);border-radius:13px;padding:7px 9px 6px;text-decoration:none;display:grid}.statement-bubble:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}.statement-bubble:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:2px}.statement-feed-row.is-width-measured .statement-bubble{width:min(100%, var(--statement-measured-bubble-width))}.statement-feed-row--left .statement-bubble{border-bottom-left-radius:5px;justify-self:start}.statement-feed-row--right .statement-bubble{background:var(--color-party-bubble);border-bottom-right-radius:5px;justify-self:end}.statement-organization{max-width:56px;color:var(--color-text-muted);font-size:10.5px;font-weight:var(--font-weight-bold);text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.statement-core-sentence{overflow-wrap:anywhere;text-wrap:balance;min-width:0;color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);white-space:normal;word-break:keep-all;line-height:1.42;display:block}.statement-feed-row--right .statement-core-sentence{text-align:start}.statement-time{color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;justify-self:start;padding:0 4px;line-height:1.25}.statement-feed-row--right .statement-time{justify-self:end}.statement-empty{margin:48px var(--page-gutter);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong);text-align:center;padding:28px 18px}.statement-empty--inline{margin:24px 0 18px}.statement-empty h2{color:var(--color-text-muted);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);margin:0}.statement-feed-status{margin:-36px var(--page-gutter) 42px;color:var(--color-text-subtle);font-size:12px;font-weight:var(--font-weight-semibold);text-align:center;line-height:1.35}.statement-feed-status.is-error{color:#be123c}.ops-shell{background:var(--color-bg);width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:32px 20px 56px}.ops-header{gap:8px;margin-bottom:22px;display:grid}.ops-kicker{color:var(--color-text-subtle);font-size:12px;font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.ops-header h1{color:var(--color-text);font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:0;margin:0;line-height:1.2}.ops-header p{max-width:640px;color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.55}.ops-grid{gap:12px;display:grid}.ops-grid--summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.ops-status-card,.ops-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.ops-status-card{gap:8px;padding:14px;display:grid}.ops-status-card span{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.25}.ops-status-card strong{color:var(--color-text);font-family:var(--font-family-mono);font-size:24px;line-height:1}.ops-panel{padding:16px}.ops-panel h2{color:var(--color-text);font-size:15px;font-weight:var(--font-weight-bold);margin:0 0 12px;line-height:1.3}.ops-panel p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.ops-table-wrap{overflow-x:auto}.ops-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.45}.ops-table th,.ops-table td{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:left;vertical-align:top;padding:8px 6px}.ops-table th{color:var(--color-text-subtle);font-weight:var(--font-weight-bold);white-space:nowrap;border-top:0}.ops-table-link{color:var(--color-text);text-decoration:none}.ops-table-link:hover{color:var(--color-focus);text-decoration:underline}.ops-source-cell{gap:2px;display:grid}.ops-source-cell strong{color:var(--color-text);font-size:12px;font-weight:var(--font-weight-semibold);line-height:1.35}.ops-source-cell span{color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:11px;line-height:1.25}.ops-counts{color:var(--color-text-muted);font-family:var(--font-family-mono);white-space:nowrap}.ops-pill{min-width:70px;color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-bold);background:#f1f5f9;border-radius:999px;place-items:center;padding:2px 7px;line-height:1.45;display:inline-grid}.ops-pill--failed{color:#be123c;background:#fff1f2}.ops-pill--succeeded{color:#047857;background:#ecfdf5}.ops-pill--running{color:#1d4ed8;background:#eff6ff}.ops-pill--ok,.ops-pill--enabled,.ops-pill--active{color:#047857;background:#ecfdf5}.ops-pill--needs_attention{color:#be123c;background:#fff1f2}.ops-pill--unknown{color:#c2410c;background:#fff7ed}.ops-pill--inactive,.ops-pill--disabled,.ops-pill--paused{color:#64748b;background:#f1f5f9}.ops-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ops-list li{border-top:1px solid var(--color-border);gap:4px;padding-top:10px;display:grid}.ops-list li:first-child{border-top:0;padding-top:0}.ops-list p{color:var(--color-text)}.ops-list a,.ops-list span,.ops-empty-line{color:var(--color-text-subtle);font-size:12px;line-height:1.45}.ops-list a{text-decoration:none}.ops-list a:hover{color:var(--color-focus);text-decoration:underline}@keyframes pull-load-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.statement-feed-load-more{display:flex}}@media (min-width:700px){.statement-message{max-width:min(68%, var(--statement-message-max-width))}.statement-feed-row.is-width-measured .statement-message{max-width:min(68%, var(--statement-measured-bubble-width))}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid--summary{grid-template-columns:repeat(6,minmax(0,1fr))}}
