:root{color-scheme:light;--ink:#252923;--muted:#687064;--line:#dce3d5;--accent:#365a3d;--paper:#f6f8f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;line-height:1.65}main{max-width:850px;margin:0 auto;padding:30px 22px}header{margin-bottom:22px}h1{font-size:clamp(25px,5vw,36px);line-height:1.2;margin:4px 0 14px;letter-spacing:-.03em}p{margin:8px 0}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:.08em}.panel{padding:13px 18px;background:#ebf0e4;border:1px solid var(--line);border-radius:12px;font-size:13px}#status{font-weight:600}#messages{min-height:190px;max-height:500px;overflow-y:auto;margin:20px 0;display:flex;flex-direction:column;gap:14px}#empty{color:var(--muted);margin:auto;text-align:center}.message{border:1px solid var(--line);background:white;border-radius:12px;padding:12px 16px;max-width:94%}.message.user{background:#e3ecde;align-self:flex-end}.message.assistant{align-self:flex-start}.speaker{font-size:12px;font-weight:600;color:var(--muted)}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.metadata{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:6px;margin-top:8px}label{display:block;font-weight:600;font-size:14px}textarea{width:100%;resize:vertical;padding:12px;border:1px solid #bdc9b7;border-radius:10px;font:inherit;background:#fff;margin:6px 0;min-height:90px}textarea:focus{outline:2px solid #6d8d6a;outline-offset:2px}.actions{display:flex;align-items:center;gap:10px}#count{margin-right:auto;color:var(--muted);font-size:12px}button{border:1px solid #bdc9b7;border-radius:8px;padding:9px 19px;background:#fff;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}#send{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.hint,footer{font-size:12px;color:var(--muted)}footer{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}a{color:var(--accent)}@media(max-width:500px){main{padding:22px 14px}.message{max-width:98%}#messages{max-height:420px}}