*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;background:var(--bg);max-width:100%}.app-content{min-width:0;min-height:100vh;display:flex;flex-direction:column;max-width:100%;overflow-x:clip}.app-timeline{padding:16px 22px 0}.app-timeline-bar{display:flex;align-items:stretch;min-height:48px;border-radius:var(--radius-pill);background:#111;overflow:hidden;box-shadow:var(--shadow)}.app-timeline-meta{display:flex;align-items:center;gap:8px;padding:0 16px;color:#f5f5f5;flex-shrink:0}.app-timeline-kicker{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-timeline-count{font-size:12px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-pill);padding:2px 8px}.app-timeline-track{flex:1 1;display:flex;align-items:stretch;min-width:0;background:var(--accent)}.app-timeline-empty{display:flex;align-items:center;padding:0 14px;color:var(--accent-ink);font-size:12px;font-weight:500}.app-timeline-seg{display:block;min-width:6px;flex-basis:0}a.app-timeline-seg:hover{filter:brightness(1.12)}html[data-theme=dark] .app-timeline-bar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),var(--shadow)}.app-timeline-seg.quiet{background:transparent}.app-timeline-seg.debug{background:var(--debug)}.app-timeline-seg.info{background:var(--info)}.app-timeline-seg.warn{background:var(--warn)}.app-timeline-seg.error{background:var(--error)}.app-timeline-seg.fatal{background:var(--fatal)}.app-timeline-end{display:flex;align-items:center;padding:0 16px;color:var(--accent-ink);background:var(--accent);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.app-nav-root{display:flex;min-height:100vh}.app-nav-backdrop,.app-nav-close,.app-nav-mobile{display:none}.app-nav{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;gap:18px;padding:18px 14px 16px;min-width:0;overflow-x:hidden;overflow-y:auto}.app-nav-top{display:flex;align-items:center;justify-content:space-between}.app-nav-brand,.app-nav-mobile-brand{display:inline-flex;align-items:center;padding:8px 12px 8px 10px;border-radius:var(--radius-pill);background:#111;width:-moz-fit-content;width:fit-content;max-width:100%}.app-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:50%;box-shadow:var(--shadow);cursor:pointer}.app-nav-toggle.app-nav-close{display:none}.app-nav-primary{display:flex;flex-direction:column;gap:6px}.app-nav-primary a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-pill);color:var(--text-muted);font-weight:500;min-width:0;max-width:100%}.app-nav-primary a:hover{color:var(--text);background:var(--bg-elevated);box-shadow:var(--shadow)}.app-nav-primary a.active{background:var(--bg-inverse);color:var(--text-inverse);box-shadow:none}.app-nav-context{display:flex;flex-direction:column;gap:8px;padding-top:4px;color:var(--text-muted);font-size:13px}.app-nav-context a{font-weight:500;color:var(--text);text-decoration:underline;text-underline-offset:2px}.app-nav-project,.app-nav-project-name{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-pill);padding:6px 12px;color:var(--text);font-weight:500;max-width:100%}.app-nav-account{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}.app-nav-account-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:0 12px}.app-nav-account-card{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.app-nav .theme-switcher{width:100%;box-shadow:none}.app-nav .theme-switcher.compact{justify-content:stretch}.app-nav .theme-switcher.compact button{flex:1 1;justify-content:center;padding:7px 4px}.app-nav .theme-switcher.compact button.active{background:var(--accent);color:var(--accent-ink)}.app-nav-identity{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-radius:var(--radius-pill)}.app-nav-identity:hover{background:var(--bg-hover)}.app-nav-avatar-fallback,.app-nav-identity img{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover}.app-nav-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-inverse);color:var(--text-inverse);font-size:11px;font-weight:600;letter-spacing:.02em}.app-nav-identity-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.app-nav-email,.app-nav-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-user{font-size:13px;font-weight:600;color:var(--text)}.app-nav-email{font-size:11px;color:var(--text-muted)}.app-nav-plan{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 8px;color:var(--text-muted);background:var(--bg)}.app-nav-plan.pro,.app-nav-plan.team{color:var(--accent-ink);background:var(--accent);border-color:transparent}.app-nav-secondary,.app-nav-signout{display:inline-flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-pill);font-weight:500;cursor:pointer;box-shadow:none}.app-nav-secondary:hover,.app-nav-signout:hover{color:var(--text);background:var(--bg-hover)}.app-nav-secondary.active{color:var(--text);background:var(--accent-dim)}.brand{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 10px;border-radius:var(--radius-pill);background:#111;font-weight:600;letter-spacing:-.02em;width:-moz-fit-content;width:fit-content}html[data-theme=dark] .app-nav-brand,html[data-theme=dark] .app-nav-mobile-brand,html[data-theme=dark] .brand{background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand-wordmark{height:28px;width:auto;display:block}.brand-mark{width:24px;height:24px;display:block;flex-shrink:0}.main{flex-direction:column;min-width:0;flex:1 1;padding:20px 22px 24px}.main,.toolbar{display:flex;gap:12px}.toolbar{flex-direction:column;align-items:stretch;padding:4px 0 2px}.toolbar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar h1{font-size:28px;font-weight:600;letter-spacing:-.04em}.toolbar-actions{gap:8px}.filter-pills,.toolbar-actions{display:flex;align-items:center;flex-wrap:wrap}.filter-pills{gap:6px}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);box-shadow:var(--shadow);font-weight:500}.filter-pill:hover:not(.disabled){color:var(--text);border-color:var(--border-strong)}.filter-pill.active{background:var(--bg-inverse);color:var(--text-inverse);border-color:transparent;box-shadow:none}.filter-pill.active .level{color:inherit}.filter-pill.disabled{cursor:default;opacity:.7}.filter-count{font-size:11px;color:var(--text-faint)}.filter-pill.active .filter-count{color:inherit;opacity:.7}.btn,.search,.select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;color:var(--text);outline:none;box-shadow:var(--shadow)}.search{width:220px}.service-filter{width:140px}.project-filter{width:160px}.toolbar-hint{color:var(--text-faint);font-size:12px}.toolbar-hint kbd{display:inline-block;min-width:1.4em;padding:1px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font:inherit;font-size:11px;font-weight:600;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-compact{padding:4px 10px;font-size:12px}.row-actions,.row-actions-head{width:1%;text-align:right}.row-actions .btn{opacity:0}.log-table tr.selected .row-actions .btn,.log-table tr:focus-within .row-actions .btn,.log-table tr:hover .row-actions .btn{opacity:1}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.btn-ghost{background:transparent;box-shadow:none}.btn:disabled{opacity:.6;cursor:default}.inspector-actions{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:8px}.share-control{display:grid;justify-items:end;grid-gap:6px;gap:6px;max-width:280px}.share-error,.share-url{font-size:11px;word-break:break-all;text-align:right}.share-url a{color:var(--info)}.share-error{color:var(--error)}.search::placeholder{color:var(--text-faint)}.search:focus,.select:focus{border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent-ink);font-size:12px;font-weight:500}html[data-theme=dark] .badge{color:var(--accent)}.badge.live{background:var(--accent);color:var(--accent-ink)}.badge.error{background:rgba(225,29,72,.12);color:var(--error)}.badge.setup{background:var(--accent-dim);color:var(--accent-ink)}html[data-theme=dark] .badge.setup,html[data-theme=dark] .state-icon{color:var(--accent)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.workspace{display:grid;grid-template-columns:1fr 360px;min-height:0;flex:1 1;grid-gap:14px;gap:14px}.workspace:not(.has-inspector){grid-template-columns:1fr 280px}.table-wrap{overflow:auto;min-width:0;background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow)}.log-table{width:100%;border-collapse:collapse}.log-table th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:14px 18px 12px;position:-webkit-sticky;position:sticky;top:0;background:var(--bg-elevated)}.log-table td,.log-table th{border-bottom:1px solid var(--border)}.log-table td{padding:13px 18px;white-space:nowrap;vertical-align:top}.log-table tbody tr{cursor:pointer}.log-table tr.selected td,.log-table tr:hover td{background:var(--bg-hover)}.log-table tr.selected td{box-shadow:inset 3px 0 0 var(--accent)}.log-table tbody tr:focus-visible{outline:1px solid var(--border-strong);outline-offset:-1px}.time{color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px}.level{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.level.debug{color:var(--debug)}.level.info{color:var(--info)}.level.warn{color:var(--warn)}.level.error{color:var(--error)}.level.fatal{color:var(--fatal)}.service{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.message{white-space:normal;color:var(--text)}.inspector{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 28px;overflow:auto}.inspector-empty{display:flex;align-items:center;color:var(--text-faint);font-size:13px}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inspector-title{font-size:16px;font-weight:560;letter-spacing:-.02em;line-height:1.4;margin-bottom:16px}.meta-list{display:grid;grid-gap:10px;gap:10px;margin-bottom:22px}.meta-list div{display:grid;grid-gap:2px;gap:2px}.meta-list dt{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.meta-list dd{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.inspector-section{margin-bottom:20px}.inspector-section h3{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.muted{color:var(--text-muted);font-size:13px}.json-block,.snippet{background:var(--code-bg);border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 14px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--code-text);white-space:pre-wrap}.state-panel{max-width:560px;padding:48px 28px}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:12px;border-radius:50%;background:var(--accent-dim);color:var(--accent-ink)}.state-panel h2{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.state-panel p{color:var(--text-muted);margin-bottom:16px}.state-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pager{display:flex;justify-content:space-between;padding:12px 16px 20px;color:var(--text-muted);font-size:13px}.pager a:hover{color:var(--text)}.nudge{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 8px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);font-size:13px;line-height:1.45;box-shadow:var(--shadow)}.nudge a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.nudge-dismiss{flex-shrink:0;border:0;background:transparent;color:var(--text-faint);cursor:pointer;padding:0;font-size:12px}.nudge-dismiss:hover,.share-page{color:var(--text)}.share-page{min-height:100vh;background:radial-gradient(1200px 400px at 50% -80px,var(--accent-dim),transparent 70%),var(--bg)}.share-shell{max-width:720px;margin:0 auto;padding:28px 20px 72px}.share-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.share-badge{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);border:0;border-radius:var(--radius-pill);padding:5px 12px;background:var(--accent)}.share-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:var(--shadow);overflow:hidden}.share-card-accent{height:5px;background:var(--accent)}.share-card-body{padding:22px 22px 28px}.share-card-chrome{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.share-level-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent-ink)}.share-level-badge.debug{background:rgba(107,111,118,.16);color:var(--debug)}.share-level-badge.info{background:rgba(59,130,246,.16);color:var(--info)}.share-level-badge.warn{background:rgba(217,119,6,.16);color:var(--warn)}.share-level-badge.error{background:rgba(225,29,72,.14);color:var(--error)}.share-level-badge.fatal{background:rgba(168,85,247,.16);color:var(--fatal)}.share-service{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.share-card .btn{background:var(--bg);box-shadow:none}.share-note{color:var(--text-muted);font-size:12px;line-height:1.5}html[data-theme=dark] .share-level-badge{color:var(--text)}html[data-theme=dark] .share-level-badge.debug{color:var(--debug)}html[data-theme=dark] .share-level-badge.info{color:var(--info)}html[data-theme=dark] .share-level-badge.warn{color:var(--warn)}html[data-theme=dark] .share-level-badge.error{color:var(--error)}html[data-theme=dark] .share-level-badge.fatal{color:var(--fatal)}.theme-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow)}.theme-switcher button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-pill);padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;line-height:1.2}.theme-switcher button:hover{color:var(--text)}.theme-switcher button.active{background:var(--bg-inverse);color:var(--text-inverse)}@media (max-width:1100px){.workspace,.workspace:not(.has-inspector){grid-template-columns:1fr}.inspector{min-height:220px}}@media (max-width:800px){.app-frame{grid-template-columns:1fr}.app-nav-root{min-height:0;position:-webkit-sticky;position:sticky;top:0;z-index:30;flex-direction:column;width:100%}.app-nav-mobile{display:flex;align-items:center;gap:10px;width:100%;padding:max(10px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid var(--border)}.app-nav-backdrop{display:none;position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.56);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.app-nav-backdrop.open{display:block;pointer-events:auto}html[data-theme=dark] .app-nav-backdrop.open{background:rgba(0,0,0,.72)}.app-nav{position:fixed;top:0;left:0;z-index:50;width:min(320px,calc(100vw - 48px));max-width:320px;height:100vh;height:100dvh;background:var(--bg-elevated);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translateX(-105%);transition:transform .18s ease;padding:max(16px,env(safe-area-inset-top,0px)) 16px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.app-nav.open{transform:translateX(0)}.app-nav-account{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.app-nav-toggle.app-nav-close{display:inline-flex;flex-shrink:0}.app-nav-top{gap:8px}.app-nav-brand{min-width:0}.app-timeline{padding:0;width:100%}.app-timeline-bar{flex-wrap:wrap;min-height:0;border-radius:0;box-shadow:none}html[data-theme=dark] .app-timeline-bar{box-shadow:none}.app-timeline-meta{padding:10px 14px 10px max(14px,env(safe-area-inset-left,0px))}.app-timeline-track{flex:1 1 100%;min-height:36px}.app-timeline-empty{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 max(14px,env(safe-area-inset-right,0px)) 0 14px}.app-timeline-end,.app-timeline-kicker{display:none}.main{padding:8px 14px max(24px,env(safe-area-inset-bottom,0px))}.toolbar-actions,.toolbar-heading{flex-wrap:wrap}.project-filter,.search,.service-filter{width:100%;min-width:0}.row-actions .btn{opacity:1}}:root{color-scheme:light;--bg:#f5f5f5;--bg-elevated:#ffffff;--bg-hover:#efefef;--bg-inverse:#111111;--text:#111111;--text-muted:#6b6f76;--text-faint:#9a9ea6;--text-inverse:#f5f5f5;--border:rgba(17,17,17,0.08);--border-strong:rgba(17,17,17,0.16);--accent:#f5a524;--accent-strong:#ff9f0a;--accent-ink:#111111;--accent-dim:rgba(245,165,36,0.28);--shadow:0 18px 50px rgba(17,17,17,0.07);--radius:28px;--radius-sm:18px;--radius-pill:999px;--debug:#6b6f76;--info:#3b82f6;--warn:#d97706;--error:#e11d48;--fatal:#a855f7;--code-bg:#111111;--code-text:#e8ead0;--sidebar-width:232px;--panel:var(--bg-elevated);--muted:var(--text-muted)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b0b0c;--bg-elevated:#161618;--bg-hover:#1e1e21;--bg-inverse:#f5f5f5;--text:#f4f4f5;--text-muted:#a1a1aa;--text-faint:#71717a;--text-inverse:#111111;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--accent:#f5a524;--accent-strong:#ffbb38;--accent-ink:#111111;--accent-dim:rgba(245,165,36,0.16);--shadow:0 18px 50px rgba(0,0,0,0.4);--debug:#a1a1aa;--info:#7cb8ff;--warn:#f5a524;--error:#ff6b6b;--fatal:#e879f9;--code-bg:#1c1c1f;--code-text:#e4e4c8;--panel:var(--bg-elevated);--muted:var(--text-muted)}}html[data-theme=light]{color-scheme:light;--bg:#f5f5f5;--bg-elevated:#ffffff;--bg-hover:#efefef;--bg-inverse:#111111;--text:#111111;--text-muted:#6b6f76;--text-faint:#9a9ea6;--text-inverse:#f5f5f5;--border:rgba(17,17,17,0.08);--border-strong:rgba(17,17,17,0.16);--accent:#f5a524;--accent-strong:#ff9f0a;--accent-ink:#111111;--accent-dim:rgba(245,165,36,0.28);--shadow:0 18px 50px rgba(17,17,17,0.07);--debug:#6b6f76;--info:#3b82f6;--warn:#d97706;--error:#e11d48;--fatal:#a855f7;--code-bg:#111111;--code-text:#e8ead0;--panel:var(--bg-elevated);--muted:var(--text-muted)}html[data-theme=dark]{color-scheme:dark;--bg:#0b0b0c;--bg-elevated:#161618;--bg-hover:#1e1e21;--bg-inverse:#f5f5f5;--text:#f4f4f5;--text-muted:#a1a1aa;--text-faint:#71717a;--text-inverse:#111111;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--accent:#f5a524;--accent-strong:#ffbb38;--accent-ink:#111111;--accent-dim:rgba(245,165,36,0.16);--shadow:0 18px 50px rgba(0,0,0,0.4);--debug:#a1a1aa;--info:#7cb8ff;--warn:#f5a524;--error:#ff6b6b;--fatal:#e879f9;--code-bg:#1c1c1f;--code-text:#e4e4c8;--panel:var(--bg-elevated);--muted:var(--text-muted)}