:root{--codev-bg: #0F0F11;--codev-bg-elevated: #1A1A1F;--codev-bg-overlay: #22222A;--codev-fg: #E8E8EC;--codev-fg-muted: #A8A8B0;--codev-fg-subtle: #6E6E78;--codev-border: #2A2A33;--codev-border-strong: #3A3A45;--codev-focus-ring: #4A90E2;--codev-shadow-color: rgba(0,0,0,.4);--codev-transparent: transparent;--codev-accent: #2D72C8;--codev-accent-hover: #3F82D8;--codev-accent-active: #1F60B5;--codev-accent-fg: #FFFFFF;--codev-accent-text: color-mix(in srgb, var(--codev-accent) 40%, var(--codev-fg) 60%);--codev-accent-emphasis: var(--codev-accent);--codev-notification-glow: var(--codev-accent-emphasis);--codev-success: #3DBB6B;--codev-success-bg: #1A2A1F;--codev-warning: #E8B339;--codev-warning-bg: #2A2418;--codev-danger: #E55353;--codev-danger-bg: #2A1818;--codev-info: #4A90E2;--codev-info-bg: #18222A;--codev-note-bg: #2A2614;--codev-note-border: #4A4226;--codev-note-fg: #ECE3C8;--codev-graph-main: #7C8CFF;--codev-graph-renderer: #2FD4DE;--codev-graph-views: #4FA8FF;--codev-graph-screens: #B08BFF;--codev-graph-tooling: #8893B5;--codev-graph-highlight: #E4ECFF;--codev-code-bg: #16161B;--codev-code-fg: #E8E8EC;--codev-code-inline-bg: #22222A;--codev-diff-added-bg: rgba(61,187,107,.18);--codev-diff-removed-bg: rgba(229,83,83,.18);--codev-terminal-bg: #0A0A0D;--codev-terminal-fg: #E8E8EC;--codev-terminal-cursor: #4A90E2;--codev-chat-user-bg: #1F2933;--codev-chat-user-fg: #E8E8EC;--codev-chat-agent-bg: #1A1A1F;--codev-chat-agent-fg: #E8E8EC;--codev-task-pending: #A8A8B0;--codev-task-progress: #4A90E2;--codev-task-blocked: #E55353;--codev-task-done: #3DBB6B;--codev-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--codev-font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, monospace;--codev-text-xs: .75rem;--codev-text-sm: .875rem;--codev-text-base: 1rem;--codev-text-lg: 1.125rem;--codev-text-xl: 1.5rem;--codev-space-1: .25rem;--codev-space-2: .5rem;--codev-space-3: .75rem;--codev-space-4: 1rem;--codev-space-5: 1.25rem;--codev-space-6: 1.5rem;--codev-space-8: 2rem;--codev-radius-sm: 4px;--codev-radius-md: 8px;--codev-radius-lg: 12px;--codev-transition-fast: .1s;--codev-transition-base: .2s;--codev-transition-slow: .4s;--codev-agent-claude-accent: #D97757;--codev-agent-claude-accent-fg: #FFFFFF;--codev-agent-claude-chat-bg: #2A1F1A;--codev-agent-claude-indicator: #D97757;--codev-agent-codex-accent: #3B82F6;--codev-agent-codex-accent-fg: #FFFFFF;--codev-agent-codex-chat-bg: #1A2030;--codev-agent-codex-indicator: #3B82F6;--codev-agent-gemini-accent: #4285F4;--codev-agent-gemini-accent-fg: #FFFFFF;--codev-agent-gemini-chat-bg: #1A1F2A;--codev-agent-gemini-indicator: #4285F4;--codev-agent-copilot-accent: #6E5494;--codev-agent-copilot-accent-fg: #FFFFFF;--codev-agent-copilot-chat-bg: #221F2A;--codev-agent-copilot-indicator: #6E5494;--codev-agent-auggie-accent: #00B5AD;--codev-agent-auggie-accent-fg: #FFFFFF;--codev-agent-auggie-chat-bg: #1A2626;--codev-agent-auggie-indicator: #00B5AD;--codev-agent-goose-accent: #E69138;--codev-agent-goose-accent-fg: #1A1A1A;--codev-agent-goose-chat-bg: #2A2118;--codev-agent-goose-indicator: #E69138;--codev-skill-source-codev: #86efac;--codev-vis-personal: #E8A838;--codev-vis-personal-fg: #20160A;--codev-vis-team: #25B6A4;--codev-vis-team-fg: #062320;--codev-scrim: rgba(0, 0, 0, .52);--codev-scrim-strong: rgba(0, 0, 0, .82);--codev-on-media: #FFFFFF}[data-agent=claude]{--codev-accent: var(--codev-agent-claude-accent);--codev-accent-emphasis: var(--codev-agent-claude-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-claude-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-claude-accent) 80%, black);--codev-accent-fg: var(--codev-agent-claude-accent-fg);--codev-chat-agent-bg: var(--codev-agent-claude-chat-bg)}[data-agent=codex]{--codev-accent: var(--codev-agent-codex-accent);--codev-accent-emphasis: var(--codev-agent-codex-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-codex-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-codex-accent) 80%, black);--codev-accent-fg: var(--codev-agent-codex-accent-fg);--codev-chat-agent-bg: var(--codev-agent-codex-chat-bg)}[data-agent=gemini]{--codev-accent: var(--codev-agent-gemini-accent);--codev-accent-emphasis: var(--codev-agent-gemini-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-gemini-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-gemini-accent) 80%, black);--codev-accent-fg: var(--codev-agent-gemini-accent-fg);--codev-chat-agent-bg: var(--codev-agent-gemini-chat-bg)}[data-agent=copilot]{--codev-accent: var(--codev-agent-copilot-accent);--codev-accent-emphasis: var(--codev-agent-copilot-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-copilot-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-copilot-accent) 80%, black);--codev-accent-fg: var(--codev-agent-copilot-accent-fg);--codev-chat-agent-bg: var(--codev-agent-copilot-chat-bg)}[data-agent=auggie]{--codev-accent: var(--codev-agent-auggie-accent);--codev-accent-emphasis: var(--codev-agent-auggie-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-auggie-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-auggie-accent) 80%, black);--codev-accent-fg: var(--codev-agent-auggie-accent-fg);--codev-chat-agent-bg: var(--codev-agent-auggie-chat-bg)}[data-agent=goose]{--codev-accent: var(--codev-agent-goose-accent);--codev-accent-emphasis: var(--codev-agent-goose-accent);--codev-accent-hover: color-mix(in srgb, var(--codev-agent-goose-accent) 85%, white);--codev-accent-active: color-mix(in srgb, var(--codev-agent-goose-accent) 80%, black);--codev-accent-fg: var(--codev-agent-goose-accent-fg);--codev-chat-agent-bg: var(--codev-agent-goose-chat-bg)}html[data-picture=on] [data-agent=claude]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-claude-accent) 68%, white)}html[data-picture=on] [data-agent=codex]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-codex-accent) 68%, white)}html[data-picture=on] [data-agent=gemini]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-gemini-accent) 68%, white)}html[data-picture=on] [data-agent=copilot]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-copilot-accent) 68%, white)}html[data-picture=on] [data-agent=auggie]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-auggie-accent) 68%, white)}html[data-picture=on] [data-agent=goose]{--codev-accent-emphasis: color-mix(in srgb, var(--codev-agent-goose-accent) 68%, white)}html[data-picture=on]{--codev-notification-glow: #4A90E2}*{box-sizing:border-box}html{min-width:320px;min-height:100%;color-scheme:dark;background:var(--codev-bg)}body{min-width:320px;min-height:100%;margin:0;color:var(--codev-fg);background:var(--codev-bg);font-family:var(--codev-font-sans);font-size:var(--codev-text-base);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:var(--codev-transparent)}button,input{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--codev-focus-ring);outline-offset:2px}h1,h2,p{margin-top:0}h1,h2{color:var(--codev-fg);line-height:1.2;text-wrap:balance}p{color:var(--codev-fg-muted);text-wrap:pretty}#root{min-height:100dvh}.codev-btn{min-height:44px;padding:var(--codev-space-2) var(--codev-space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--codev-space-2);border:1px solid var(--codev-transparent);border-radius:var(--codev-radius-md);color:var(--codev-fg);font-family:inherit;font-size:var(--codev-text-sm);font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:background var(--codev-transition-fast) ease,border-color var(--codev-transition-fast) ease,color var(--codev-transition-fast) ease,transform var(--codev-transition-fast) ease}.codev-btn svg{flex:0 0 auto}.codev-btn:active:not(:disabled){transform:translateY(1px)}.codev-btn:disabled{opacity:.55;cursor:not-allowed}.codev-btn--block{width:100%}.codev-btn--primary{color:var(--codev-accent-fg);background:var(--codev-accent);border-color:var(--codev-accent)}.codev-btn--primary:hover:not(:disabled),.codev-btn--primary:focus-visible:not(:disabled){background:var(--codev-accent-hover);border-color:var(--codev-accent-hover)}.codev-btn--primary:active:not(:disabled){background:var(--codev-accent-active);border-color:var(--codev-accent-active)}.codev-btn--secondary{color:var(--codev-fg);background:var(--codev-transparent);border-color:var(--codev-border-strong)}.codev-btn--secondary:hover:not(:disabled),.codev-btn--secondary:focus-visible:not(:disabled){background:var(--codev-bg-overlay);border-color:var(--codev-focus-ring)}.codev-btn--danger{color:var(--codev-danger);background:var(--codev-transparent);border-color:var(--codev-danger)}.codev-btn--danger:hover:not(:disabled),.codev-btn--danger:focus-visible:not(:disabled){background:var(--codev-danger-bg)}.codev-spin{animation:codev-spin .85s linear infinite}@keyframes codev-spin{to{transform:rotate(360deg)}}.auth-screen,.fatal-screen{min-height:100dvh;padding:max(var(--codev-space-6),env(safe-area-inset-top)) max(var(--codev-space-4),env(safe-area-inset-right)) max(var(--codev-space-6),env(safe-area-inset-bottom)) max(var(--codev-space-4),env(safe-area-inset-left));display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--codev-accent) 14%,var(--codev-transparent)),var(--codev-transparent) 44%),var(--codev-bg)}.auth-panel{width:min(100%,420px);padding:var(--codev-space-8) var(--codev-space-6);border:1px solid var(--codev-border);border-radius:var(--codev-radius-lg);background:var(--codev-bg-elevated)}.auth-logo{width:56px;height:56px;display:block;margin-bottom:var(--codev-space-5)}.auth-copy h1{margin-bottom:var(--codev-space-2);font-size:2rem;letter-spacing:-.025em}.auth-copy p{max-width:34ch;margin-bottom:var(--codev-space-6)}.auth-status{min-height:120px;display:grid;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:var(--codev-space-3);color:var(--codev-fg-muted);font-size:var(--codev-text-sm)}.auth-skeleton{grid-column:1 / -1;width:100%;height:44px;border-radius:var(--codev-radius-md);background:linear-gradient(100deg,var(--codev-bg-overlay) 20%,var(--codev-border-strong) 50%,var(--codev-bg-overlay) 80%);background-size:200% 100%;animation:codev-skeleton 1.4s ease-in-out infinite}@keyframes codev-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.auth-action{display:grid;gap:var(--codev-space-3)}.auth-footnote{margin:0;text-align:center;font-size:var(--codev-text-xs)}.auth-state{padding:var(--codev-space-4);display:grid;grid-template-columns:auto 1fr;gap:var(--codev-space-3);border:1px solid var(--codev-border);border-radius:var(--codev-radius-md)}.auth-state h2{margin-bottom:var(--codev-space-1);font-size:var(--codev-text-base)}.auth-state p{margin-bottom:var(--codev-space-4);font-size:var(--codev-text-sm)}.auth-state .codev-btn{grid-column:1 / -1}.auth-state--warning{color:var(--codev-warning);background:var(--codev-warning-bg);border-color:var(--codev-warning)}.auth-state--error{color:var(--codev-danger);background:var(--codev-danger-bg);border-color:var(--codev-danger)}.app-shell{min-height:100dvh;background:var(--codev-bg)}.side-rail{display:none}.app-column{min-width:0;min-height:100dvh}.top-bar{min-height:calc(64px + env(safe-area-inset-top));padding:calc(var(--codev-space-3) + env(safe-area-inset-top)) max(var(--codev-space-4),env(safe-area-inset-right)) var(--codev-space-3) max(var(--codev-space-4),env(safe-area-inset-left));position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:var(--codev-space-3);border-bottom:1px solid var(--codev-border);background:var(--codev-bg-elevated)}.mobile-brand,.brand-link{min-height:44px;display:inline-flex;align-items:center;gap:var(--codev-space-2);color:var(--codev-fg);font-size:var(--codev-text-lg);font-weight:750;text-decoration:none}.identity{min-width:0;margin-left:auto;display:flex;align-items:center;gap:var(--codev-space-2)}.user-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover}.user-avatar--fallback{display:grid;place-items:center;color:var(--codev-accent-fg);background:var(--codev-accent);font-size:var(--codev-text-sm);font-weight:750}.identity-copy{min-width:0;display:none;flex-direction:column}.identity-copy strong,.identity-copy span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-copy strong{font-size:var(--codev-text-sm);line-height:1.3}.identity-copy span{color:var(--codev-fg-muted);font-size:var(--codev-text-xs)}.sign-out-button{width:44px;padding:0}.sign-out-button>span{display:none}.app-content{width:100%;max-width:1040px;margin:0 auto;padding:var(--codev-space-6) max(var(--codev-space-4),env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(var(--codev-space-4),env(safe-area-inset-left))}.bottom-nav{min-height:calc(66px + env(safe-area-inset-bottom));padding:var(--codev-space-2) max(var(--codev-space-3),env(safe-area-inset-right)) calc(var(--codev-space-2) + env(safe-area-inset-bottom)) max(var(--codev-space-3),env(safe-area-inset-left));position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--codev-space-1);border-top:1px solid var(--codev-border);background:var(--codev-bg-elevated)}.nav-item{min-width:0;min-height:48px;padding:var(--codev-space-1) var(--codev-space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--codev-transparent);border-radius:var(--codev-radius-md);color:var(--codev-fg-muted);font-size:var(--codev-text-xs);font-weight:600;text-decoration:none;transition:background var(--codev-transition-fast) ease,border-color var(--codev-transition-fast) ease,color var(--codev-transition-fast) ease}.nav-item:hover,.nav-item:focus-visible{color:var(--codev-fg);background:var(--codev-bg-overlay)}.nav-item--active{color:var(--codev-accent-text);background:var(--codev-info-bg);border-color:var(--codev-accent-emphasis)}.page{animation:page-enter var(--codev-transition-base) ease-out both}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}}.page-header{margin-bottom:var(--codev-space-6)}.page-header h1{max-width:24ch;margin-bottom:var(--codev-space-2);font-size:var(--codev-text-xl);letter-spacing:-.02em}.page-header>p:last-child{max-width:60ch;margin-bottom:0}.page-context{margin-bottom:var(--codev-space-2);color:var(--codev-accent-text);font-size:var(--codev-text-sm);font-weight:650}.proof-card{max-width:760px;overflow:hidden;border:1px solid var(--codev-border);border-radius:var(--codev-radius-lg);background:var(--codev-bg-elevated)}.proof-card__heading{padding:var(--codev-space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--codev-space-4);border-bottom:1px solid var(--codev-border)}.proof-card__heading h2{margin-bottom:var(--codev-space-1);font-size:var(--codev-text-lg)}.proof-card__heading p{max-width:50ch;margin-bottom:0;font-size:var(--codev-text-sm)}.status-dot{min-height:28px;padding:var(--codev-space-1) var(--codev-space-2);display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border-radius:var(--codev-radius-md);color:var(--codev-success);background:var(--codev-success-bg);font-size:var(--codev-text-xs);font-weight:700}.status-dot>span{width:7px;height:7px;border-radius:50%;background:var(--codev-success)}.proof-list{margin:0}.proof-list>div{min-height:58px;padding:var(--codev-space-3) var(--codev-space-5);display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);align-items:center;gap:var(--codev-space-4);border-bottom:1px solid var(--codev-border)}.proof-list>div:last-child{border-bottom:0}.proof-list dt{color:var(--codev-fg-muted);font-size:var(--codev-text-sm)}.proof-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--codev-fg);font-size:var(--codev-text-sm);font-weight:600}.proof-mono{font-family:var(--codev-font-mono);font-size:var(--codev-text-xs)}.proof-error{color:var(--codev-danger);font-weight:500}.inline-skeleton{width:48px;height:18px;display:inline-block;border-radius:var(--codev-radius-sm);background:var(--codev-bg-overlay);animation:codev-pulse 1.1s ease-in-out infinite alternate}.route-skeleton{width:min(100%,760px);height:240px;border-radius:var(--codev-radius-lg);background:var(--codev-bg-elevated);animation:codev-pulse 1.1s ease-in-out infinite alternate}@keyframes codev-pulse{to{opacity:.5}}.placeholder-page,.not-found{min-height:min(520px,calc(100dvh - 190px));padding:var(--codev-space-8) var(--codev-space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:58px;height:58px;margin-bottom:var(--codev-space-5);display:grid;place-items:center;border:1px solid var(--codev-accent-emphasis);border-radius:var(--codev-radius-lg);color:var(--codev-accent-text);background:var(--codev-info-bg)}.placeholder-page h1,.not-found h1{margin-bottom:var(--codev-space-2);font-size:var(--codev-text-xl)}.placeholder-page p,.not-found p{max-width:50ch}.stage-badge,.mock-badge{padding:var(--codev-space-1) var(--codev-space-3);border-radius:var(--codev-radius-md);color:var(--codev-fg-muted);background:var(--codev-bg-overlay);font-size:var(--codev-text-xs);font-weight:650}.not-found-code{margin-bottom:var(--codev-space-2);color:var(--codev-accent-text);font-family:var(--codev-font-mono);font-size:var(--codev-text-xl);font-weight:750}.fatal-screen{align-content:center;text-align:center}.fatal-screen>*{max-width:520px}.fatal-screen>svg{color:var(--codev-danger)}@media(min-width:560px){.identity-copy{display:flex}.sign-out-button{width:auto;padding:var(--codev-space-2) var(--codev-space-3)}.sign-out-button>span{display:inline}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr)}.side-rail{min-height:100dvh;padding:max(var(--codev-space-4),env(safe-area-inset-top)) var(--codev-space-3) max(var(--codev-space-4),env(safe-area-inset-bottom)) max(var(--codev-space-3),env(safe-area-inset-left));position:sticky;top:0;display:flex;flex-direction:column;align-self:start;border-right:1px solid var(--codev-border);background:var(--codev-bg-elevated)}.brand-link{padding:0 var(--codev-space-2);margin-bottom:var(--codev-space-5)}.rail-nav{display:flex;flex-direction:column;gap:var(--codev-space-1)}.rail-nav .nav-item{min-height:44px;padding:var(--codev-space-2) var(--codev-space-3);flex-direction:row;justify-content:flex-start;gap:var(--codev-space-3);font-size:var(--codev-text-sm)}.mock-badge{margin:auto var(--codev-space-2) 0;text-align:center}.mobile-brand{display:none}.top-bar{padding-right:var(--codev-space-6);padding-left:var(--codev-space-6)}.app-content{padding:var(--codev-space-8)}.bottom-nav{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}