body{display:flex;align-items:center;justify-content:center;height:100vh}.viewport.svelte-23dtxz{flex:1 1 auto;margin:0 0 .5em;overflow-y:auto;outline:1px solid red}.chat.svelte-23dtxz{--bg: white;--fg: black;display:flex;flex-direction:column;height:480px;width:320px;max-width:100%;gap:.5em;border:1px solid black;background:var(--bg);padding:1em;border-radius:.5em;box-sizing:border-box}.chat.dark.svelte-23dtxz{--bg: black;--fg: white}h1.svelte-23dtxz{color:var(--fg);font-size:3em;padding:1em 0;margin:0;border-bottom:1px solid #999}p.svelte-23dtxz{color:var(--fg)}button.svelte-23dtxz,input.svelte-23dtxz{font-family:inherit;font-size:inherit;padding:.3em;border-radius:4px;border:1px solid #999}