*{box-sizing:border-box}:root{font-size:1rem}@media(min-width:768px){:root{font-size:1.125rem}}html,body,body>div{height:100%}body{margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,-apple-system,BlinkMacSystemFont,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#2489ce;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}a strong{color:currentColor}a:visited{color:#639}a:hover,a:focus{text-decoration:underline}button{background-color:transparent;border:none;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus-visible{outline:4px solid rgba(105,165,249,.5);outline-offset:2px}.App{display:flex;justify-content:center;align-items:center;height:inherit}.App-title{display:grid;grid-template-rows:1fr auto auto;grid-template-columns:100%;min-height:100vh}.App-container{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:720px;margin-inline:auto;padding-inline:1.5em}.App-conversation-board{position:relative;width:100%;height:calc(100% - 24px);max-height:800px;max-width:52rem;margin-inline:2vw;background:#fff;box-shadow:0 0 26px #0000001a;border-radius:1rem;overflow:clip}.App-header{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.375rem;font-weight:700;color:#fff;background:#f7723e;padding-block:.75em}@media screen and (min-width:720px){.App-header{padding-block:.875em}}.App-logo{width:190px;max-width:45%}.App-body{height:calc(100% - 6.15rem);display:grid;grid-template-rows:1fr 6.15rem}.App-link{color:#61dafb}.App-startButton{display:flex;align-items:center;justify-content:center;width:100%;font-size:1rem;color:#fff;font-weight:700;padding:.75em 2em;background:linear-gradient(180deg,#f7733e,#f1581c);border:1px solid #D3551A;border-radius:6px;cursor:pointer;margin-block:.5em;margin-inline:auto}@media(min-width:768px){.App-startButton{max-width:420px}}.App-Message-input-aria{display:grid;grid-template-columns:1fr auto;grid-template-rows:2rem auto;grid-template-areas:"messageCount messageCount" "textArea submit";padding-inline:1.25rem;align-items:center;column-gap:1rem;row-gap:1rem}@media screen and (min-width:720px){.App-Message-input-aria{padding-inline:2rem}}.App-Message-input-aria>*:nth-child(1){grid-area:messageCount}.App-Message-input-aria>*:nth-child(2){grid-area:textArea}.App-Message-input-aria>*:nth-child(3){grid-area:submit}@-moz-document url-prefix(){.App-body{height:calc(100% - 6.75rem);display:grid;grid-template-rows:1fr 6.75rem}.App-Message-input-aria{row-gap:.5rem;padding-inline:1.5rem}}