*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#0b141a;display:flex;justify-content:center;align-items:center}.app{width:100%;max-width:560px;min-height:100vh;display:flex;align-items:center;padding:16px}.phone{width:100%;height:94vh;background:#efe7dd;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}.topbar{background:#075e54;color:#fff;padding:18px;display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;background:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.topbar h1{margin:0;font-size:18px}.topbar p{margin:4px 0 0;font-size:13px;opacity:.9}.chat{flex:1;padding:18px;overflow-y:auto;background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:18px 18px}.msg{max-width:88%;padding:11px 13px;margin-bottom:12px;border-radius:12px;line-height:1.42;font-size:15px;white-space:pre-wrap;animation:show .18s ease-out}.bot{background:#fff;color:#111;border-top-left-radius:3px}.user{background:#dcf8c6;color:#111;margin-left:auto;border-top-right-radius:3px}.summary{background:#fff;border-left:5px solid #128c7e;max-width:96%}.answer-form,.choice-box,.upload-box{background:#f0f2f5;padding:10px;display:flex;gap:8px}.choice-box{flex-wrap:wrap}.upload-box{flex-direction:column}input[type=text]{flex:1;border:none;border-radius:18px;padding:13px 15px;font-size:15px;outline:none}button{border:none;border-radius:18px;background:#128c7e;color:#fff;font-weight:700;padding:12px 16px;cursor:pointer}.choice-box button{background:#fff;color:#075e54;border:1px solid #cfd8dc}.hidden{display:none}@keyframes show{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.app{padding:0}.phone{height:100vh;border-radius:0}}