:root{--fg: #fff;--bg: #343541}html,body,#root{width:100%;margin:0;padding:0;background-color:var(--bg);color:var(--fg);font-family:Montserrat,sans-serif}h1,p,a{margin:0;padding:0}a,a:visited{color:var(--fg)}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}main{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.title{display:flex;flex-direction:column;gap:4px;text-align:center}.title>h1{font-size:2rem;margin:8px}.title>p{font-size:1.5rem;margin:0 8px}p{font-size:1.2rem;font-weight:500}.examples{display:flex;flex-direction:column;gap:8px}.examples>p{background-color:#3e3f4b;padding:10px 12px;margin:0 8px;border-radius:8px;cursor:pointer}.examples>p:hover{background-color:#444654}.convoSelector{display:flex;gap:4px}.convoSelector button{background-color:#444654;border:none;border-bottom:#fff 1px solid;padding:8px 12px;font-size:1.2rem;font-weight:500;color:var(--fg);cursor:pointer}.convoSelector button:hover{background-color:#4e4e4e}.convoSelector select{background-color:#3e3f4b;border:none;border-bottom:#fff 1px solid;padding:8px 12px;font-size:1.2rem;font-weight:500;color:var(--fg);cursor:pointer}.convoSelector select:hover{background-color:#444654}.input{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin:16px;width:calc(100% - 32px);max-width:800px}.input textarea{width:100%;background-color:#3e3f4b;border:none;border-bottom:#fff 1px solid;padding:8px 12px;font-size:1.2rem;font-weight:500;color:var(--fg)}.input button{background-color:#444654;border:none;border-bottom:#fff 1px solid;padding:8px 12px;font-size:1.2rem;font-weight:500;color:var(--fg);cursor:pointer}.input button:hover:not(:disabled){background-color:#4e4e4e}.input button:disabled{cursor:not-allowed}.conversation{display:flex;flex-direction:column;width:calc(100% - 32px);max-width:800px}.error{color:red}.conversation .message{width:calc(100% - 16px);padding:8px;background-color:#2c2c2c;border-bottom:#fff 1px solid}.conversation .user{background-color:#444654;text-align:right}footer{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;text-align:center}#popup{text-align:center;position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(8px) brightness(.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#popup p{width:95%;max-width:800px}#popup button{background-color:#444654;border:none;border-bottom:#fff 1px solid;padding:8px 12px;font-size:1.2rem;font-weight:500;color:var(--fg);cursor:pointer}#popup button:hover{background-color:#4e4e4e}