:root{--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f0f0ed;--text: #1d1f21;--muted: #6b6f76;--border: #dcdcd7;--accent: #2f6fde;--accent-text: #ffffff;--ok: #1f8a4c;--fail: #c23b32;--warn: #b26b00;--warn-bg: #fff4dc;--flash: #fff1a8;--owner: #6a3fc4;--coach: #0b7d86;--spectator: #6b6f76;--agent: #2f6fde;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "D2Coding", monospace;--sans: system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--radius: 8px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111418;--surface: #181c21;--surface-2: #20252b;--text: #e6e6e6;--muted: #9aa0a8;--border: #2d333a;--accent: #6ea0ff;--accent-text: #0b0d10;--ok: #4cc27f;--fail: #ff7a70;--warn: #f0b04a;--warn-bg: #3a2c12;--flash: #4a4413;--owner: #b494ff;--coach: #4fd0d8;--spectator: #9aa0a8;--agent: #6ea0ff}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent)}h1{font-size:1.3rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}h3{font-size:.95rem;margin:0 0 .5rem}h4{font-size:.85rem;margin:1rem 0 .4rem;color:var(--muted)}button,.button,input,select{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-decoration:none;min-height:36px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.danger{color:var(--fail)}button.small{padding:.15rem .5rem;min-height:28px;font-size:.85rem}button.link{border:none;background:none;padding:0;min-height:0;color:var(--accent);text-align:left}button.link.alert{display:block;color:var(--text)}button.link.alert strong{color:var(--warn)}input,select{padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:36px;min-width:0}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}label.toggle{flex-direction:row;align-items:center;gap:.5rem}pre,code{font-family:var(--mono);font-size:.85em}pre{margin:.3rem 0;padding:.5rem .6rem;background:var(--surface-2);border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--fail)}.ok-text{color:var(--ok)}.warn{color:var(--warn);font-weight:600}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:.5rem}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.75rem}.narrow{max-width:28rem;margin:3rem auto;padding:1.5rem}.page{max-width:56rem;margin:0 auto;padding:1rem}.page-head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.page-head h1{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.divider{text-align:center;margin:1.25rem 0 .5rem}.code-input{font-family:var(--mono);font-size:1.3rem;letter-spacing:.15em;text-align:center}ul.cards,ul.devices,ul.alerts,ul.notes,ul.people,ul.history{list-style:none;margin:0;padding:0}ul.cards{display:grid;gap:.6rem}.share-card{display:block;padding:.75rem 1rem;color:inherit;text-decoration:none}.share-card:hover{border-color:var(--accent)}ul.devices li{padding:.5rem 0;border-bottom:1px solid var(--border)}.chip{display:inline-block;padding:0 .45rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;line-height:1.5;color:var(--muted);white-space:nowrap}.chip-live,.chip-ok{color:var(--ok);border-color:currentColor}.chip-failed{color:var(--fail);border-color:currentColor}.chip-running,.chip-warn,.chip-truncated{color:var(--warn);border-color:currentColor}.chip-masked{color:var(--owner);border-color:currentColor}.badge{display:inline-flex;gap:.3rem;align-items:baseline;font-size:.78rem;white-space:nowrap}.badge-role{padding:0 .4rem;border-radius:4px;color:var(--surface);background:var(--spectator);font-weight:600}.badge-owner .badge-role{background:var(--owner)}.badge-coach .badge-role{background:var(--coach)}.badge-agent .badge-role{background:var(--agent)}.session{display:flex;flex-direction:column;height:100%}.session-head{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.session-head h1{margin:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back{text-decoration:none;font-size:1.2rem}.banner{margin:0;padding:.4rem 1rem;background:var(--warn-bg);color:var(--warn)}.tabs{display:flex;gap:.25rem;padding:.4rem 1rem 0;border-bottom:1px solid var(--border)}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);font-weight:600}.session-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 22rem}.session-main{display:flex;flex-direction:column;min-height:0;min-width:0}.session-side{overflow-y:auto;border-left:1px solid var(--border);background:var(--surface)}@media(max-width:900px){.session{height:auto;min-height:100%}.session-body{display:block}.session-main{height:75vh;height:75dvh}.session-side{border-left:none;border-top:1px solid var(--border)}}.timeline-wrap{position:relative;flex:1;min-height:0;display:flex}.timeline{flex:1;overflow-y:auto;padding:.75rem 1rem 2rem}.jump{position:absolute;right:1rem;bottom:1rem;background:var(--accent);color:var(--accent-text);border-color:var(--accent);box-shadow:0 2px 8px #0003}.empty{color:var(--muted);text-align:center;margin-top:3rem}.turn{border-left:3px solid var(--border);padding:0 0 .5rem .75rem;margin-bottom:1.25rem}.turn-head{display:flex;gap:.5rem;align-items:center}.turn-no{font-weight:700;font-size:.85rem;color:var(--muted)}.turn-input{margin:.3rem 0 .5rem;font-weight:600;white-space:pre-wrap}.item{margin:.4rem 0;padding:.4rem .6rem;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.item-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.thought{opacity:.65;background:transparent;border-style:dashed}.thought p{white-space:pre-wrap;margin:.3rem 0 0;font-size:.9rem}summary{cursor:pointer;font-size:.85rem;color:var(--muted);display:list-item}summary .chip,summary .masked{margin-left:.4rem}.tool-name{font-family:var(--mono);font-weight:600;font-size:.88rem}.tool-failed{border-color:var(--fail)}.masked{display:inline-flex;gap:.25rem}.permission{border-color:var(--border)}.permission-open{border:2px solid var(--warn);background:var(--warn-bg)}.hint{margin:.25rem 0 0;font-size:.82rem;color:var(--muted)}.answer{border-color:var(--agent)}.md p{margin:.35rem 0;white-space:pre-wrap}.md code{background:var(--surface-2);padding:0 .25rem;border-radius:4px}.md pre code{background:none;padding:0}.human{border-color:var(--coach)}.human-inject{border-color:var(--owner)}.human-text{margin:.3rem 0 0;white-space:pre-wrap}.turn-end{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;margin-top:.4rem}.commit{font-family:var(--mono);font-size:.82rem}.flash{outline:3px solid var(--warn);background:var(--flash)}.side{display:flex;flex-direction:column}.panel{padding:.75rem 1rem;border-bottom:1px solid var(--border)}dl.status{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;font-size:.9rem}dl.status dt{color:var(--muted)}dl.status dd{margin:0}.state{font-weight:600}.state-working{color:var(--ok)}.state-needs-input{color:var(--warn)}.state-ended{color:var(--muted)}ul.alerts li,ul.notes li,ul.people li,ul.history li{padding:.3rem 0}ul.notes p,ul.history p{margin:.15rem 0 0;white-space:pre-wrap}ul.people li{display:flex;align-items:center;gap:.4rem}ul.people li button{margin-left:auto}.composer{border-top:1px solid var(--border);background:var(--surface);padding:.5rem 1rem;display:flex;flex-direction:column;gap:.4rem}.composer-row{display:flex;gap:.5rem}.composer-row input{flex:1}.inject-state{margin:0;font-size:.85rem}.inject-state.waiting{color:var(--warn)}.outcome-accepted{color:var(--ok)}.outcome-rejected,.outcome-expired,.outcome-denied{color:var(--fail)}@media(max-width:560px){.composer-row{flex-direction:column}}.invite label{font-size:.8rem}.invite input[type=number]{width:5rem}.invite-url{margin-top:.5rem;flex-wrap:wrap}.invite-url input{flex:1;font-family:var(--mono);font-size:.8rem}.screen-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.screen-bar{display:flex;gap:1rem;padding:.25rem 1rem}.screen{flex:1;min-height:0;padding:.25rem;overflow:auto}.nav{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);font-size:.9rem}.nav-brand{margin-right:auto}.nav a{text-decoration:none;color:var(--muted)}.nav a[aria-current=page]{color:var(--text);font-weight:600}.page.wide{max-width:80rem}.pad{padding:.9rem 1rem}.flush{margin:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin-top:1.5rem}.command{font-size:.95rem;-webkit-user-select:all;user-select:all}.consent-text{white-space:pre-wrap;max-height:18rem;overflow-y:auto;padding:.6rem .75rem;background:var(--surface-2);border-radius:6px;font-size:.9rem}.policy-words{margin:0;padding-left:1.2rem}.join-code{font-size:1.4rem;letter-spacing:.12em}.broadcast{margin:.75rem 0}.filters{margin:.5rem 0 .75rem}.filter.on{border-color:var(--accent);color:var(--accent);font-weight:600}.search{min-width:10rem}.session-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.session-card{display:flex;flex-direction:column;gap:.2rem;height:100%}.session-card.has-alerts{border-color:var(--warn);box-shadow:inset 3px 0 0 var(--warn)}.state-chip-working{color:var(--ok);border-color:currentColor}.state-chip-needs-input{color:var(--warn);border-color:currentColor;font-weight:600}.state-chip-paused{color:var(--owner);border-color:currentColor}.alert-chips{margin-top:.2rem;gap:.3rem}.alert-chip{background:var(--warn-bg)}@media(max-width:560px){.session-grid{grid-template-columns:1fr}}.diff{font-family:var(--mono);font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;margin:.25rem 0}.diff-line{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem;padding:0 .5rem;white-space:pre}.diff-line code{flex:1;font-family:inherit}.diff-add{background:color-mix(in srgb,var(--ok) 14%,transparent)}.diff-del{background:color-mix(in srgb,var(--fail) 14%,transparent)}.diff-hunk,.diff-meta{color:var(--muted)}.annotations{margin-top:.25rem}.anchor{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.anchor-line{display:contents}.anchor-line>.thread,.anchor-line>.comment-form{flex-basis:100%;margin-bottom:.25rem}.comment-button{opacity:.7}.comment-line{padding:0 .35rem;line-height:1.2}.thread{align-self:stretch;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;padding:.35rem .6rem;white-space:normal;font-family:var(--sans)}.thread-resolved{border-left-color:var(--ok);opacity:.8}.annotation-author{font-weight:600}.annotation-body{margin:.15rem 0 .4rem;white-space:pre-wrap}.comment-form{align-self:stretch;display:flex;flex-direction:column;gap:.25rem}.comment-form textarea{width:100%;font:inherit}ul.threads{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}ul.threads button{display:block;text-align:left}