*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f6f8;color:#1a1a1a}.chat{display:flex;flex-direction:column;height:100%;max-width:48rem;margin:0 auto}.chat__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e2e4e8;background:#fff}.chat__header h1{font-size:1rem;margin:0}.chat__typing{color:#888}.chat__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.chat__empty{color:#999;text-align:center;margin-top:2rem}.msg{display:flex}.msg--user{justify-content:flex-end}.msg__bubble{max-width:80%;padding:.6rem .8rem;border-radius:.8rem;background:#fff;word-break:break-word;box-shadow:0 1px 2px #0000000f}.msg__bubble--user{white-space:pre-wrap}.msg--user .msg__bubble{background:#1c64f2;color:#fff}.msg__bubble--md{white-space:normal;font-size:.95rem;line-height:1.5}.msg__bubble--md>:first-child{margin-top:0}.msg__bubble--md>:last-child{margin-bottom:0}.msg__bubble--md p{margin:0 0 .5em}.msg__bubble--md h1,.msg__bubble--md h2,.msg__bubble--md h3,.msg__bubble--md h4{margin:.8em 0 .4em;font-size:1.1em;line-height:1.3}.msg__bubble--md ul,.msg__bubble--md ol{margin:0 0 .5em;padding-left:1.3em}.msg__bubble--md li{margin:.15em 0}.msg__bubble--md a{color:#1c64f2;text-decoration:underline}.msg__bubble--md blockquote{margin:.5em 0;padding-left:.7em;border-left:3px solid #c9cdd4;color:#555}.msg__bubble--md code{background:#00000012;padding:.1em .35em;border-radius:.3em;font-size:.88em}.msg__bubble--md pre{background:#1e1f24;color:#e8e8e8;padding:.6rem .8rem;border-radius:.5rem;overflow-x:auto;margin:.5em 0}.msg__bubble--md pre code{background:none;padding:0;color:inherit;font-size:.85em}.msg__bubble--md table{border-collapse:collapse;margin:.5em 0}.msg__bubble--md th,.msg__bubble--md td{border:1px solid #d4d7dc;padding:.3em .55em;text-align:left}.msg__bubble--md hr{border:0;border-top:1px solid #e2e4e8;margin:.8em 0}.chat__input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e2e4e8;background:#fff}.chat__input input{flex:1;padding:.6rem .8rem;border:1px solid #d4d7dc;border-radius:.6rem;font-size:.95rem}.chat__input button{padding:.6rem 1.1rem;border:0;border-radius:.6rem;background:#1c64f2;color:#fff;cursor:pointer}.chat__input button:disabled{opacity:.5;cursor:default}