:root{--ink:#1d211e;--muted:#737770;--paper:#f4f3ef;--card:#ffffffd9;--line:#1d211e1a;--green:#2c6b4f;--green-soft:#dceadf;--lime:#d9ed89;--orange:#d66c3b;--orange-soft:#fae4d7;--shadow:0 18px 55px #22272214}*{box-sizing:border-box}html{background:#d9d8d1}body{color:var(--ink);background:var(--paper);letter-spacing:-.012em;min-height:100dvh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.app{min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{height:68px;padding:env(safe-area-inset-top) 20px 0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f3efdb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:18px;font-weight:760;display:flex}.brand-mark{background:var(--ink);border-radius:9px;width:28px;height:28px;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--lime);border-radius:50%;position:absolute}.brand-mark:before{width:8px;height:8px;top:6px;left:6px}.brand-mark:after{width:6px;height:6px;bottom:6px;right:6px}.avatar{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}main.content{width:min(100%,760px);margin:auto;padding:22px 18px 26px}.screen{animation:.26s both enter}@keyframes enter{0%{opacity:0;transform:translateY(7px)}}h1{letter-spacing:-.035em;margin:5px 0 9px;font-family:Georgia,Songti SC,serif;font-size:36px;font-weight:650;line-height:1.08}.lead{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:10px;font-weight:800}.primary{background:var(--lime);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-weight:750;display:inline-flex}.work-head{justify-content:space-between;align-items:flex-end;gap:18px;margin:8px 0 22px;display:flex}.work-head h1{margin:0}.filter-row{scrollbar-width:none;gap:8px;margin:0 0 16px;padding-bottom:2px;display:flex;overflow:auto}.filter{border:1px solid var(--line);white-space:nowrap;color:var(--muted);cursor:pointer;background:#fff9;border-radius:99px;padding:8px 12px;font-size:11px}.filter.active{color:#fff;background:var(--ink);border-color:var(--ink)}.task-list{gap:10px;display:grid}.task{border:1px solid var(--line);background:var(--card);cursor:pointer;color:inherit;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;text-decoration:none;display:grid}.task-icon{background:#ebeae5;border-radius:13px;place-items:center;width:42px;height:42px;font-size:17px;display:grid}.task-title{margin-bottom:5px;font-size:14px;font-weight:720}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.status{background:var(--green-soft);color:var(--green);border-radius:99px;padding:5px 8px;font-size:10px;font-weight:750}.status.wait{background:var(--orange-soft);color:#a94c26}.status.done{color:#686c67;background:#ecece8}.bottom{z-index:30;width:min(100%,760px);padding:10px 10px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);background:#faf9f6eb;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav{color:#8a8d87;cursor:pointer;background:0 0;border:0;place-items:center;gap:4px;padding:5px;font-size:10px;display:grid}.nav b{border-radius:10px;place-items:center;width:30px;height:25px;font-size:16px;font-weight:500;display:grid}.nav.active{color:var(--ink);font-weight:750}.nav.active b{background:var(--lime)}.back{cursor:pointer;background:#e9e8e3;border:0;border-radius:50%;width:36px;height:36px;margin-bottom:18px}.field{margin:0 0 19px}.field label{margin:0 0 8px;font-size:12px;font-weight:750;display:block}.control{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffc7;border-radius:15px;outline:none;padding:14px 15px}.control:focus{border-color:var(--green);box-shadow:0 0 0 3px #2c6b4f1a}textarea.control{resize:vertical;min-height:150px;line-height:1.55}.submit{width:100%;margin-top:5px;padding:15px}.detail-head{margin-bottom:23px}.detail-head h1{margin-top:8px;font-size:28px}.detail-actions{gap:9px;margin-top:16px;display:flex}.secondary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:700}.conversation{gap:17px;margin-top:22px;display:grid}.message{max-width:88%}.message.user{margin-left:auto}.bubble{border:1px solid var(--line);white-space:pre-wrap;background:#fff;border-radius:18px;padding:14px 15px;font-size:13px;line-height:1.65}.message.user .bubble{background:var(--ink);color:#fff;border-color:var(--ink);border-bottom-right-radius:5px}.speaker{color:var(--muted);margin:0 5px 6px;font-size:10px}.message.user .speaker{text-align:right}.activity{color:var(--muted);border-left:2px solid #d6d7d1;margin:1px 6px;padding:2px 0 2px 13px;font-size:11px;line-height:1.55}.composer{background:linear-gradient(0deg,var(--paper) 78%,#f4f3ef00);margin:24px -18px -26px;padding:12px 18px;position:sticky;bottom:70px}.composer-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;gap:8px;padding:7px;display:flex}.composer-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:7px 9px;font-size:13px}.send{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;width:37px;height:37px}.empty-state{text-align:center;place-items:center;min-height:54vh;display:grid}.empty-state i{background:#e9e9e3;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 16px;font-size:23px;font-style:normal;display:grid}.empty-state h2{margin:0 0 8px;font-family:Georgia,Songti SC,serif;font-size:24px}.empty-state p{color:var(--muted);margin:0;font-size:13px}.error{color:#a33;font-size:12px}.login{place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{border:1px solid var(--line);width:min(100%,360px);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:28px}.login-card h1{margin:18px 0 4px;font-size:30px}.login-card p{color:var(--muted);font-size:13px}.login-card input{border:1px solid var(--line);border-radius:13px;width:100%;margin:14px 0 10px;padding:13px}.login-card button{background:var(--ink);color:#fff;border:0;border-radius:13px;width:100%;padding:13px;font-weight:700}.login-card small{color:#a33;margin-top:10px;display:block}@media (min-width:760px){body{padding:24px 0}.app{border-radius:28px;width:760px;min-height:calc(100dvh - 48px);margin:auto;position:relative;overflow:hidden;box-shadow:0 24px 80px #191e261f}main.content{padding-left:30px;padding-right:30px}.bottom{border-radius:0 0 28px 28px;bottom:24px}.composer{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}}
.detail-kicker{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.live-dot{background:#a6aaa3;border-radius:50%;width:8px;height:8px}.live-dot.pulse{background:#41a36f;animation:1.8s infinite pulse;box-shadow:0 0 #41a36f66}@keyframes pulse{70%{box-shadow:0 0 0 7px #41a36f00}}.secondary.danger{color:#a34c2c}.conversation{gap:16px;padding-bottom:4px}.message{max-width:92%}.message.agent .bubble{border-bottom-left-radius:5px;box-shadow:0 8px 24px #2227220a}.bubble{overflow-wrap:anywhere}.speaker{align-items:center;gap:5px;display:flex}.message.user .speaker{justify-content:flex-end;display:flex}.codex-mark{background:var(--green);border-radius:4px;width:10px;height:10px;position:relative}.codex-mark:after{content:"";background:var(--lime);border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;right:1px}.event-card{color:#5f645e;background:#ebeae566;border-radius:12px;grid-template-columns:28px 1fr;align-items:start;gap:10px;margin:0 5px;padding:9px 11px;display:grid}.event-icon{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.event-meta{color:#90948e;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;height:20px;font-size:9px;display:flex}.event-meta b{color:#696e68;font-size:9px}.event-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.event-card.command .event-summary{color:#484d48;font-family:SFMono-Regular,Consolas,monospace}.event-card.event-done .event-icon{background:var(--green-soft);color:var(--green);border-color:#0000}.working{height:30px;color:var(--muted);align-items:center;gap:4px;margin-left:10px;font-size:10px;display:flex}.working span{background:var(--green);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing}.working span:nth-child(2){animation-delay:.15s}.working span:nth-child(3){animation-delay:.3s}.working em{margin-left:5px;font-style:normal}@keyframes typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{padding-top:22px}.send:disabled{opacity:.28;cursor:default}
.bubble p{margin:0 0 9px}.bubble p:last-child{margin-bottom:0}.bubble code{background:#1d211e0d;border-radius:5px;padding:2px 5px;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.message.user .bubble code{background:#ffffff20}.bubble pre{color:#f7f7f3;white-space:pre-wrap;background:#1d211e;border-radius:10px;max-width:100%;margin:7px 0;padding:11px;font:11px/1.6 SFMono-Regular,Consolas,monospace;overflow:auto}.bubble a{color:var(--green);text-underline-offset:2px;text-decoration:underline}.message.user .bubble a{color:var(--lime)}
html,body{overscroll-behavior-x:none;width:100%;max-width:100%;overflow-x:hidden}body{touch-action:pan-y}.app,.content,.screen,.conversation,.event-card,.event-body,.message,.bubble{min-width:0;max-width:100%}.event-summary,.bubble{overflow-wrap:anywhere;word-break:break-word}.composer{max-width:calc(100% + 36px)}input,textarea,select{font-size:16px}.composer-box input{font-size:16px;line-height:1.25}@media (min-width:760px){.composer{max-width:calc(100% + 60px)}}