.chat-app-wrapper{min-height:100vh;width:100vw;background:linear-gradient(180deg,#e3f2fd,#bbdefb);display:flex;justify-content:center;align-items:flex-start}.chat-app-main{width:100vw;max-width:420px;height:100vh;background:#fafafa;border-radius:16px;box-shadow:0 0 24px #b3c6e7;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px;font-size:1em}@media (max-width: 480px){.chat-app-main{border-radius:0;max-width:none;width:100vw;min-height:100vh}}.chat-list-area{flex:1 1 0%;min-height:0;overflow-y:auto;padding:12px 4px;background:#e3f2fd;border-radius:12px;box-shadow:0 1px 8px #d1eaff inset}.chat-input-form{position:sticky;bottom:0;background:#fafafa;z-index:2;padding:6px;gap:8px;display:flex;align-items:center}.chat-input{font-size:1.13em;min-height:44px;padding:10px 14px;resize:none;line-height:1.4}.chat-header-sticky{position:sticky;top:0;z-index:10;background:#fafafa;box-shadow:0 1px 5px #bbb3b340}.chat-header-flex{display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:10;background:#fafafa;box-shadow:0 1px 5px #bbb3b340;min-height:48px}.chat-header-title{flex:1 1 auto;text-align:center;margin:0}.chat-header-link{margin-left:12px;color:#1976d2;text-decoration:none;font-size:.98em;font-weight:400;transition:color .2s}.chat-header-link:hover{color:#1565c0;text-decoration:underline}