:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;--bg: #fafafa;--fg: #111;--muted: #666;--border: #e3e3e3;--accent: #2563eb;--error-bg: #fef2f2;--error-fg: #991b1b;--surface: #fff}@media (prefers-color-scheme: dark){:root{--bg: #0c0c0c;--fg: #eee;--muted: #888;--border: #2a2a2a;--accent: #60a5fa;--error-bg: #2a0f0f;--error-fg: #fecaca;--surface: #161616}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.container{max-width:36rem;margin:0 auto;padding:2rem 1.25rem}.app-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app-header h1{margin:0 0 .25rem;font-size:1.5rem}.muted{color:var(--muted);font-size:.875rem}.vm-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.vm-badge:hover{border-color:var(--badge-color, var(--accent))}.vm-badge-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--badge-color, var(--muted));box-shadow:0 0 0 3px color-mix(in srgb,var(--badge-color, transparent) 25%,transparent)}.vm-badge-label strong{color:var(--badge-color, var(--fg))}.vm-popover{position:absolute;right:0;top:calc(100% + .5rem);min-width:14rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 6px 24px #00000026;z-index:10}.vm-popover dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.8125rem}.vm-popover dt{color:var(--muted)}.vm-popover dd{margin:0;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.composer{display:flex;gap:.5rem;margin:1.5rem 0 1rem}.composer input{flex:1;padding:.625rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit}.composer input:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer button{padding:.625rem 1rem;border-radius:.5rem;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer}.composer button.secondary{background:transparent;color:var(--accent)}.composer button:disabled{opacity:.55;cursor:not-allowed}.error{margin:1rem 0;padding:.625rem .75rem;background:var(--error-bg);color:var(--error-fg);border-radius:.375rem;font-size:.875rem}.content-source{margin:.5rem 0;font-size:.75rem}.messages{list-style:none;padding:0;margin:0}.messages li{padding:.75rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.messages li:last-child{border-bottom:none}.messages .text{white-space:pre-wrap;word-break:break-word}.messages .ts{color:var(--muted);font-size:.75rem;display:inline-flex;align-items:center;gap:.5rem}.inline-tag{display:inline-block;padding:0 .4rem;border-radius:.25rem;font-size:.6875rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:var(--badge-color, var(--muted));line-height:1.4;vertical-align:baseline}.log{margin-top:2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.log-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;background:transparent;color:var(--fg);border:0;border-radius:.5rem;font:inherit;font-size:.8125rem;cursor:pointer;text-align:left}.log-toggle:hover{background:color-mix(in srgb,var(--fg) 4%,transparent)}.tally{display:inline-flex;gap:.75rem;margin-left:auto;color:var(--muted);font-size:.75rem}.tally-item{display:inline-flex;align-items:center;gap:.25rem}.tally-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:999px}.log-list{list-style:none;padding:0 .875rem .75rem;margin:0;max-height:14rem;overflow-y:auto;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.log-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-top:1px solid var(--border)}.log-list li:first-child{border-top:0}.log-method{display:inline-block;min-width:2.5rem;font-weight:600;color:var(--accent)}.log-path{flex:1;word-break:break-all}.log-arrow{color:var(--muted)}.log-ms{font-variant-numeric:tabular-nums;min-width:3rem;text-align:right}.log-status{min-width:2rem;text-align:right}footer{margin-top:2rem}footer code{background:var(--border);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}