@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--page:#f4efe6;--page-glow:#efe6d8;--panel:#fbf8f2db;--panel-strong:#ffffffc7;--line:#5d544029;--line-soft:#5d54401a;--ink:#1f1d19;--muted:#635a4a;--muted-strong:#7f6b56;--accent:#ae4f2c;--accent-soft:#ae4f2c1a;--shadow:0 22px 40px #5942251a;--sans:"Space Grotesk", "Trebuchet MS", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", monospace;font:16px/1.5 var(--sans);color:var(--muted);background:radial-gradient(circle at top, #ffffffb3, transparent 30%), linear-gradient(180deg, var(--page-glow), var(--page));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #f27a4124, transparent 22%), radial-gradient(circle at top right, #397f7424, transparent 26%), linear-gradient(180deg, var(--page-glow), var(--page));min-height:100svh;margin:0}#root{max-width:1440px;margin:0 auto;padding:28px 20px 40px}h1,h2,strong{color:var(--ink)}h1{letter-spacing:-.06em;margin:.25rem 0 .8rem;font-size:clamp(2.75rem,5vw,4.5rem);line-height:.95}h2{letter-spacing:.01em;margin:0;font-size:1.05rem}p,small{margin:0}button,input,textarea,select{font:inherit}code{font-family:var(--mono)}.shell{flex-direction:column;gap:24px;display:flex}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.view-tabs{flex-wrap:wrap;gap:.6rem;display:flex}.view-tab{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.view-tab:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.view-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 24px #ae4f2c3d}.tab-badge{background:#ffffff47;border-radius:999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-size:.8rem;display:inline-flex}.view-tab:not(.active) .tab-badge{color:#8d3f26;background:#b5543a29}.view{flex-direction:column;gap:24px;display:flex}.view-hidden{display:none}.view-title{margin-bottom:.35rem;font-size:1.4rem}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted-strong);font-size:.72rem}.subtitle{max-width:46rem}.session-card{background:var(--panel-strong);border:1px solid var(--line);min-width:18rem;box-shadow:var(--shadow);text-align:left;border-radius:1.4rem;gap:.9rem;padding:1.1rem;display:grid}.connection-meta,.action-row,.composer{gap:.7rem;display:grid}.action-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.state-pill,.badge,.panel-meta{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.35rem .7rem;font-size:.78rem;display:inline-flex}.state-pill{text-transform:capitalize;color:var(--ink);background:var(--accent-soft)}.state-listening,.status-running{background:#2a775e29}.state-confirming,.status-queued{background:#d392252b}.state-executing{background:#2d55a829}.state-awaiting_approval,.status-awaiting_approval{background:#b5543a29}.status-chip{background:var(--panel);border:1px solid var(--line-soft);text-transform:capitalize;border-radius:999px;width:fit-content;padding:.25rem .65rem;display:inline-flex}.chip-connected{background:#2a775e29}.chip-connecting{background:#2d55a829}.chip-error{background:#b5543a29}.chip-audio{background:#2a775e29}.chip-text{background:#2d55a829}.board{grid-template-columns:minmax(16rem,1fr) minmax(22rem,1.3fr) minmax(16rem,1fr);gap:18px;display:grid}.column{align-content:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:1.35rem;padding:1.1rem}.hero-panel{background:radial-gradient(circle at top left, #f27a412e, transparent 35%), radial-gradient(circle at bottom right, #247e7226, transparent 40%), var(--panel)}.panel-header,.queue-head,.queue-foot,.approval-actions,.timeline-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-header{margin-bottom:.95rem}.panel-meta{background:var(--panel-strong);color:var(--muted-strong)}.stack,.timeline,.command-list,.live-grid{gap:.8rem;display:grid}.queue-card,.approval-card,.policy-card,.live-block{border:1px solid var(--line-soft);background:#ffffffb8;border-radius:1rem;padding:.9rem}.live-block.emphasis{background:var(--accent-soft)}.command-list{flex-wrap:wrap;gap:.75rem;display:flex}.command-chip{border:1px solid var(--line-soft);background:var(--panel-strong);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.8rem .95rem;transition:transform .18s,box-shadow .18s,border-color .18s}.command-chip:hover{box-shadow:var(--shadow);border-color:var(--line);transform:translateY(-1px)}.badge-read_only{color:#1f5a47;background:#2a775e29}.badge-approval_required{color:#8d3f26;background:#b5543a29}.badge-blocked{color:#4f4f4f;background:#4646461f}.status-dot{border-radius:999px;width:.7rem;height:.7rem;display:inline-block}.status-queued{background:#d39225}.status-running{background:#2a775e}.status-awaiting_approval{background:#b5543a}.status-done{background:#2d55a8}.status-blocked{background:#4f4f4f}.microphone-button,.action-button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.85rem 1rem;transition:transform .18s,box-shadow .18s,background .18s}.microphone-button,.action-button.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #ae4f2c3d}.action-button{background:var(--panel-strong);color:var(--ink)}.microphone-button:hover,.action-button:hover{transform:translateY(-1px)}.block-label,small{color:var(--muted-strong)}.helper-text,.warning-text{color:var(--muted-strong);font-size:.9rem}.warning-text{color:#9b3f25}.quote{color:var(--ink);font-size:1.1rem}.result-text{border-top:1px solid var(--line-soft);color:var(--muted-strong);margin-top:.75rem;padding-top:.75rem}.evidence-list{color:var(--muted-strong);gap:.35rem;margin:.75rem 0 0;padding-left:1.1rem;display:grid}.source-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.approval-state{text-transform:capitalize}.approval-pending{background:#d392252b}.approval-approved{background:#2a775e29}.approval-held{background:#4646461f}.approval-resolution{color:var(--muted-strong);margin-top:.7rem}.empty-state{color:var(--muted-strong)}.composer textarea{border:1px solid var(--line);resize:vertical;width:100%;color:var(--ink);background:#fffc;border-radius:1rem;padding:.9rem 1rem}.timeline-row{justify-content:flex-start;align-items:flex-start}.timeline-time{min-width:3.25rem;color:var(--muted-strong);font-family:var(--mono)}.monitor{flex-direction:column;gap:18px;display:flex}.monitor-header{gap:.8rem;display:grid}.monitor-counts{flex-wrap:wrap;gap:.6rem;display:flex}.count-pill{border:1px solid var(--line-soft);background:var(--panel-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.9rem;display:inline-flex}.count-pill strong{font-size:1.05rem}.count-working{background:#2a775e24}.count-waiting{background:#d3922529}.count-claimed{background:#2d55a824}.count-stalled{background:#b5543a26}.watcher-health{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ingest-chip{border:1px solid var(--line-soft);font-size:.78rem;font-family:var(--mono);color:var(--muted-strong);border-radius:999px;padding:.25rem .65rem;display:inline-flex}.monitor-board{grid-template-columns:minmax(16rem,1fr) minmax(16rem,1.1fr) minmax(16rem,1.1fr);gap:18px;display:grid}.monitor-board .column{min-width:0}.monitor-card{border:1px solid var(--line-soft);background:#ffffffb8;border-radius:1rem;gap:.55rem;min-width:0;padding:.9rem;display:grid}.monitor-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.monitor-card-head>*{min-width:0}.monitor-card-head strong,.monitor-meta-row>span,.claim-summary,.agent-intent,.agent-repo,.agent-path,.attention-message,.attention-task,.check-body{overflow-wrap:anywhere}.monitor-meta-row{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.source-badge{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.source-claude{color:#8d3f26;background:#ae4f2c24}.source-orca{color:#2d55a8;background:#2d55a824}.agent-state,.claim-native{text-transform:none}.agent-working{background:#2a775e29}.agent-waiting_input{background:#d392252b}.agent-idle{background:#4646461a}.agent-stalled,.agent-gone{background:#b5543a29}.agent-intent{color:var(--ink)}.agent-repo{color:var(--muted-strong);font-size:.88rem}.agent-path{font-family:var(--mono);color:var(--muted-strong);overflow-wrap:anywhere;font-size:.76rem}.tempo-strip{align-items:flex-end;gap:3px;height:26px;display:flex}.tempo-bar{background:#2a775e73;border-radius:2px 2px 0 0;flex:1;min-width:3px}.attention-badge{font-size:.72rem}.attention-question{color:#8a5c10;background:#d392252b}.attention-decision_gate{color:#2d55a8;background:#2d55a829}.attention-approval{color:#8d3f26;background:#ae4f2c24}.attention-stalled{color:#8d3f26;background:#b5543a29}.attention-verification_failed{color:#7c2d16;background:#9b3f2533}.attention-task_failed{color:#3f3f3f;background:#46464624}.attention-age{color:var(--muted-strong);white-space:nowrap;font-size:.82rem}.attention-message{color:var(--ink)}.attention-task{color:var(--muted-strong);font-size:.85rem}.claim-summary{color:var(--muted-strong);font-style:italic}.check-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.check-row{align-items:flex-start;gap:.6rem;display:flex}.check-status{min-width:3.6rem;font-size:.72rem;font-family:var(--mono);text-transform:uppercase;border-radius:999px;flex-shrink:0;justify-content:center;padding:.18rem .5rem;display:inline-flex}.check-pass{color:#1f5a47;background:#2a775e29}.check-fail{color:#7c2d16;background:#9b3f2533}.check-pending{color:#8a5c10;background:#d392252b}.check-n_a{color:#4f4f4f;background:#4646461a}.check-body{gap:.1rem;min-width:0;display:grid}.check-label{color:var(--ink);font-size:.9rem}.check-detail{color:var(--muted-strong);overflow-wrap:anywhere;font-size:.82rem}.claim-resolution{border-top:1px solid var(--line-soft);color:var(--muted-strong);padding-top:.6rem;font-size:.9rem}.claim-verified{color:#1f5a47}.claim-rejected{color:#8d3f26}.monitor-actions{flex-wrap:wrap;gap:.5rem;display:flex}.monitor-actions .action-button{min-height:44px}.monitor-actions .action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.monitor-empty{gap:.5rem;display:grid}.token-gate{max-width:34rem}.token-form{flex-wrap:wrap;gap:.5rem;display:flex}.token-form input{border:1px solid var(--line-soft);min-width:0;font-family:var(--mono);color:inherit;background:0 0;border-radius:.75rem;flex:14rem;padding:.55rem .75rem;font-size:.85rem}.ingest-stale{color:#b5543a;border-color:#b5543a99}.token-reset{font-size:.78rem;font-family:var(--mono);color:var(--muted-strong);cursor:pointer;background:0 0;border:none;padding:.25rem .35rem;text-decoration:underline}.monitor-card,.queue-card,.approval-card,.policy-card,.live-block,.timeline-row p{overflow-wrap:break-word}.evidence-list li,.result-text{overflow-wrap:anywhere}.column,.queue-card,.approval-card,.policy-card,.live-block{min-width:0}@media (width<=1080px){.topbar,.masthead{flex-direction:column;align-items:stretch}.session-card{width:100%;min-width:0}.board,.monitor-board{grid-template-columns:1fr}}@media (width<=640px){.panel,.session-card{border-radius:1rem;padding:.85rem}.monitor-card,.queue-card,.approval-card{padding:.75rem}.view-tab{flex:1;justify-content:center}.count-pill{padding:.4rem .7rem;font-size:.82rem}.monitor-actions .action-button{flex:auto}.check-status{min-width:3.1rem}}
