:root{font-family:Open Sans,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blood-red: #b30000;--crimson: #d72638;--dark-charcoal: #1a1a1a;--jet-black: #0d0d0d;--ash-grey: #666666;--steel: #aaaaaa;--white-smoke: #f5f5f5;--deep-orange: #ff4500}body{margin:0;padding:0;background-color:var(--dark-charcoal);color:var(--white-smoke);font-size:16px;font-weight:400;display:grid;place-items:start;min-height:100vh}#root{display:grid;justify-content:center;height:max-content;max-width:1280px;margin:20px auto}.debate-app-container{display:grid;grid-template-columns:1fr 1fr;width:calc(100vw - 60px);max-width:920px;gap:20px;background-color:var(--steel);margin-top:20px;border:1px solid var(--ash-grey);border-radius:6px;padding:5px 10px 10px}@media screen and (max-width: 600px){.debate-app-container{grid-template-columns:1fr;width:calc(100vw - 20px)}}.header-title{font-family:Trade Winds,cursive;font-size:3.25rem;color:var(--crimson);text-align:center;margin:0}@media screen and (max-width: 600px){.header-title{font-size:2.5rem}}.choose-models{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 20px;font-family:Trade Winds,cursive}.model-select{margin:10px 0;padding:3px 12px;background-color:var(--white-smoke);font-family:Trade Winds,cursive;color:var(--crimson);font-size:18px;border:1px solid var(--blood-red);border-radius:4px}.vs-divider{display:flex;align-items:center;margin:10px 0;font-size:20px;color:var(--crimson)}.vs-text{margin:0 10px}@media screen and (max-width: 600px){.choose-models,.model-select{font-size:16px}.vs-divider{font-size:18px}}.choose-topic{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 20px;margin-top:8px;gap:10px}.topic-label{color:var(--blood-red);font-weight:700;font-size:18px}#topic-select{width:150px;padding:6px;border:1px solid var(--ash-grey);border-radius:4px;background-color:var(--white-smoke);color:var(--dark-charcoal);font-size:16px}.generate-prompt-button{background-color:var(--crimson);color:var(--white-smoke);border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer}.generate-prompt-button:hover{background-color:color-mix(in srgb,var(--crimson) 90%,white 10%)}.generate-prompt-button.clicked{background-color:color-mix(in srgb,var(--crimson) 70%,white 30%)}@media screen and (max-width: 600px){.choose-topic{flex-direction:column;align-items:center;width:380px;max-width:calc(100vw - 40px);margin:5px auto}.topic-label{font-size:16px}#topic-select{width:100%;margin-bottom:10px}.generate-prompt-button{width:100%;text-align:center}}.prompt-container{grid-column:1 / -1;display:grid;grid-template-columns:1fr max-content;gap:10px;align-items:center;justify-self:center;margin:0 18px;width:100%}.prompt-text-wrapper{width:calc(100% - 50px);height:6ch;display:grid;align-items:center;justify-items:center;background-color:var(--dark-charcoal);padding:10px 20px;border-radius:4px}.prompt-text{color:var(--white-smoke);font-size:16px;padding:0;margin:0}.prompt-title{color:var(--blood-red)}.start-debate-button{background-color:var(--deep-orange);color:var(--white-smoke);padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.start-debate-button:hover{background-color:color-mix(in srgb,var(--deep-orange) 90%,white 10%)}.start-debate-button.clicked{background-color:color-mix(in srgb,var(--deep-orange) 70%,white 30%)}.start-debate-button.debating{background-color:var(--crimson)}@media screen and (max-width: 600px){.prompt-container{grid-template-columns:1fr;margin:0 10px}.prompt-text{font-size:14px;height:auto}.start-debate-button{width:100%;padding:8px;font-size:14px}}.debate-header{text-align:center;color:var(--crimson);font-size:30px;font-family:Trade Winds,Open Sans,cursive,sans-serif;margin-bottom:-16px}.debate-history{background-color:var(--dark-charcoal);color:var(--crimson);font-size:14px;padding:10px;border-radius:6px;height:calc(100vh - 470px);overflow-y:auto;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:repeat(min-content);align-items:center;align-content:start;gap:10px}.debate-history-number{color:var(--crimson);font-weight:700;font-size:16px}.debate-history-item{background-color:var(--white-smoke);padding:5px;border:1px solid var(--ash-grey);border-radius:4px;height:min-content}@media screen and (max-width: 600px){.debate-header.right{grid-row:5}.debate-history{height:calc(100vh - 630px);min-height:200px}}