@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#15221e;--muted:#708078;--paper:#f4f2eb;--card:#fffdf8;--line:#dedbd0;--acid:#c7ff52;--dark:#17332a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif}.shell{width:min(1120px,calc(100% - 48px));margin:auto;padding:36px 0 72px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:24px}.mark{background:var(--acid);width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-weight:700}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.11em;color:var(--muted);margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-size:20px;margin-bottom:0}.hero{max-width:680px;padding:88px 0 40px}.hero h2{font-size:clamp(40px,7vw,72px)}em{font-style:normal;color:#46695b}.primary,.quiet{border:0;font:600 14px 'Noto Sans SC',sans-serif;cursor:pointer}.primary{background:var(--dark);color:white;border-radius:13px;padding:14px 18px}.primary span{margin-left:18px;color:var(--acid);font-size:18px}.quiet{margin-left:auto;background:transparent;color:var(--muted);padding:9px}.dot{width:8px;height:8px;border-radius:50%;background:#67b54a}.separator{opacity:.4}.card{background:#fffdf8;border:1px solid var(--line);border-radius:20px}.empty{color:var(--muted);font-size:14px;padding:20px 0}textarea{width:100%;border:1px solid var(--line);background:#f8f6ef;border-radius:13px;padding:16px;color:var(--ink);font:15px 'Noto Sans SC',sans-serif;outline:none}.chat-status{display:flex;align-items:center;gap:8px;margin:26px 0 14px;color:var(--muted);font-size:13px}.chat{max-width:860px;margin:auto;overflow:hidden}.messages{height:min(61vh,660px);overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#fbfaf5,#f1f0e9)}.message{display:flex;align-items:flex-start;gap:9px;max-width:82%}.message.human{align-self:flex-end;flex-direction:row-reverse}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#213d33;color:var(--acid);font:600 10px 'DM Mono',monospace}.human .avatar{background:#e1e8dd;color:#496557}.bubble{background:white;border:1px solid #e2e0d8;border-radius:5px 16px 16px 16px;padding:11px 13px}.human .bubble{background:#d9f0bc;border-color:#cde4b1;border-radius:16px 5px 16px 16px}.message-meta{display:flex;gap:8px;font-size:11px;color:#718078;margin-bottom:5px}.task-id{font:500 11px 'DM Mono',monospace}.bubble p{margin:0;white-space:pre-wrap;line-height:1.7;font-size:14px}.confirm{margin-top:10px;border:0;background:#17332a;color:#fff;padding:8px 10px;border-radius:9px;font:600 12px 'Noto Sans SC';cursor:pointer}.chat-compose{border-top:1px solid var(--line);background:#fffdf8;padding:14px 16px 12px}.chat-compose textarea{height:100px;resize:vertical;margin:0 0 9px}.composer-foot{display:flex;align-items:center;gap:14px}.composer-foot span{font-size:12px;color:var(--muted);line-height:1.5}.chat-compose .composer-foot{justify-content:flex-end}.chat-compose #hint{margin-right:auto}@media(max-width:760px){.shell{width:min(100% - 28px,1120px);padding-top:22px}.messages{height:calc(100vh - 330px);min-height:390px;padding:16px}.message{max-width:90%}.chat-compose #hint{display:none}}