:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}header{position:fixed;top:0;left:0;width:100%;background-color:#242424;padding:.5em;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0003;z-index:1000;box-sizing:border-box}h1{font-size:5em;line-height:1.1;margin:2vh}h2{margin:1vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:1vh}button:hover{border-color:#4db}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.error{color:red}.divider{margin:1em 0;color:#aaa;font-size:.9em}.sidebar{position:fixed;top:0;right:-100vw;width:300px;height:100%;background-color:#242424;color:#fff;padding:2em;box-shadow:-2px 0 5px #0000004d;transition:right .3s ease;z-index:2000}.sidebar.open{position:fixed;top:0;right:0;width:300px;height:100%;background-color:#242424;color:#fff;padding:2em;box-shadow:-2px 0 5px #0000004d;transition:right .3s ease;z-index:2000}.header-title{margin:0;font-size:1.25em;font-weight:600;text-align:center;flex:1;color:#fff}.header-btn{background:none;border:none;margin:0;font-size:1em;font-weight:500;cursor:pointer;transition:color .2s}.header-logo{margin:auto;width:3em;padding-bottom:8px}.main-sect{margin-top:75px;align-items:center}.output-textbox{background-color:#171717;padding:2em;border-radius:15px;height:60vh;text-align:left}.input-div{margin-top:20px;display:flex;background-color:#171717;padding:10px;border-radius:15px}.input-textbox{border-radius:12px;width:100%;height:45px;align-self:center;background:none}.input-button{height:100%;background-color:#fff;color:#000}body,html{margin:0;padding:0;overflow:hidden}.main-contents{height:100vh}.page-contents{padding-top:200px}.tabs{position:fixed;top:0;right:0;width:60px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:10px solid #444;background-color:#090909}.tabs button{border:none;background:none;cursor:pointer;padding:20px 0;height:100%;width:100%;border-radius:0 20px 20px 0;outline:none;margin:5px 0;color:#333}.tabs button span{display:inline-block;transform:rotate(90deg);white-space:nowrap;font-size:20px}.tabs button.active{background:#444;color:#eee}.page-header{background-color:#222;height:60px;border-bottom:1px solid #aaa;border-radius:0 0 20px 20px;display:flex;align-items:center;padding:0 20px;flex-shrink:0;gap:10px;top:0;right:0;position:fixed;width:100%}.center-box{position:fixed;top:0;left:0;height:100%;width:95.55%;background-color:#222}.center-box.sidebar-open{left:max(30vw,350px);width:calc(100vw - max(30vw,350px) - 70px)}.center-box-header{background-color:#222;width:100%;height:80px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #333;border-radius:10px}.center-box-header span{margin:auto}.header-main-text{font-size:1.5em;font-weight:700}.icon-button{width:50px;padding:0;font-size:30px;border:none;background:none}.close-left-sidebar{position:fixed;top:10px;left:calc(max(30vw,350px) - 75px);width:50px;padding:0;font-size:30px;border:none;background:none}.center-box-content{background-color:#111;height:calc(100vh - 185px);background:linear-gradient(to right,#090909,#111 10% 90%,#090909);width:100%}.center-box-content-explore{height:calc(100% - 85px)}.chatbox{overflow-y:auto;border-radius:10px;height:100%;display:flex;flex-direction:column;align-items:center}.searchbox{background-color:#111;height:100%;border-radius:10px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.explore-topics{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:250px}.explore-topics-grid{display:flex;flex-wrap:wrap;min-height:0;width:100%;justify-content:center}.explore-topics-grid-item{margin:5px 10px;cursor:pointer}.explore-topics-grid-item-chain{margin:5px 10px}.chat-input{background-color:#111;display:flex;align-items:center;justify-content:center;padding:10px;width:50vw;border-radius:50px;border:2px solid #333}.hint-button{background-color:#fff;color:#111;border-radius:30px}.chat-textbox{margin:auto;width:100%;height:50px;border-radius:30px;border:none;background:none;font:arial;font-size:1.2em;font-style:italic;padding:0 5px}.chat-textbox:focus{outline:none}.center-box-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#222;height:100px;border-top:2px solid #333;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:row}.center-box-footer.sidebar-open{left:max(30vw,350px);width:calc(100vw - max(30vw,350px) - 70px)}.first-topic-box{background-color:#222;display:flex;align-items:center;justify-content:center;width:40vw;margin:30px 10px 20px;border:2px solid #333;border-radius:20px;min-height:100px;box-shadow:5px 5px 10px 2px #0000004d;flex-shrink:0}.goal-topic-box{background-color:#111;display:flex;align-items:center;justify-content:center;width:40vw;margin:10px 20px;border:2px solid #333;border-radius:20px;min-height:100px;box-shadow:5px 5px 10px 2px #0000004d;flex-shrink:0}.goal-summary-area{margin-bottom:250px;margin-top:8px;background:#111;border:1px solid #333;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.summary-area{margin-bottom:20px;background:#111;border:1px solid #333;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.summary-button{background:none;display:flex;align-items:center;justify-content:center;padding:5px;color:#999;height:25px}.summary-button:hover,.summary-button:focus,.summary-button:focus-visible,.summary-button:active{border:none;outline:none;transition:none}.summary-text{width:30vw;margin:0 25px 25px;align-items:center;display:flex;justify-content:center}.down-arrow-goal{margin:25px}.starting-topic{font-size:1.75em;font-weight:700;margin:10px}.starting-topic-label{font-size:1.2em;margin:10px;font-style:italic}.topic-chat{background:none;margin:5px 20px;width:50vw;min-height:200px;display:flex;justify-content:center;flex-shrink:0}.chat-arrow{margin:auto;color:#ddd;width:20vw}.chain-topic-box{background-color:#444;display:flex;justify-content:center;border-radius:20px;margin:10px;padding:10px 5px}.topic-box{background-color:#222;border-radius:20px;width:25vw;max-width:400px;min-height:150px;display:flex;flex-direction:column;position:relative;border:1px solid #333;box-shadow:5px 5px 10px 2px #0000004d;overflow:hidden;margin-bottom:10px}.topic-box-topic1{background-color:#333;flex-grow:1;padding:15px 5em 15px 15px;font-style:italic;display:flex;align-items:start;flex-direction:column;word-break:break-word;text-align:left}.topic-box-topic1-text{font-size:1.5em}.topic-box-leads-to{font-size:.85em}.topic-box-topic2{display:flex;align-items:center;justify-content:end}.topic-box-topic2-text{font-size:1.75em;font-weight:700;line-height:1.2;display:block;word-break:break-word;text-align:right;padding:5px 20px}.topic-box-rating{position:absolute;right:0;top:0;background-color:#111;height:1.6em;width:2em;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:2em;font-weight:700}.topic-box-is-human{position:absolute;left:0;bottom:0;background-color:#111;height:25px;width:75px;display:flex;align-items:center;justify-content:center;border-radius:0 20px;font-size:1em;font-weight:700;border:2px solid #222}.left-sidebar{position:fixed;width:min(max(30vw,350px),100vw);background-color:#111;overflow-y:auto;top:0;left:0;height:100%;box-sizing:border-box;border-radius:0 20px 20px 0;z-index:1;box-shadow:5px -5px 10px #0000004d}.left-sidebar-scroll{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.left-sidebar-label{margin:20px 0;border-radius:15px;padding:0 20px 3px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#ad4;border:1px solid #ad4;font-size:.75em}.left-sidebar-element{margin:5px 0;background-color:#222;width:80%;flex-shrink:0;border:2px solid #444;border-radius:20px;padding:10px;display:flex;flex-direction:column;justify-content:flex-start}.left-sidebar-buttons{height:75px;align-items:center;display:flex;justify-content:center;font-size:1.2em}.left-sidebar-buttons.selected{border:solid 3px #4db;color:#4db}.submit-area{background-color:#111;display:flex;align-items:center;justify-content:center;width:40vw;margin:50px 20px 250px;border:2px solid #333;border-radius:20px;min-height:100px;box-shadow:5px 5px 10px 2px #0000004d;flex-shrink:0;padding:10px}.submit-button{font-size:1.5em;width:300px;height:80%;display:flex;align-items:center;justify-content:center}.progress-bar-text{font-style:italic;font-weight:200}.progress-bar-holder{display:flex;align-items:center;justify-content:center;padding:0 20px}.progress-bar-number{font-weight:500;font-size:1.5em;color:#4db;margin-right:10px;margin-bottom:7px;width:15%}.progress-bar{accent-color:#4db;width:100%;height:50px;margin-left:5px}.waid-text{margin:10px;text-align:left;flex-grow:1}.waid-text-B{color:#4db;font-weight:500;font-size:1.05em}.plain-topic-holder{background-color:#1a1a1a;padding:5px;margin:1px;border-radius:10px}.loading{border:5px solid #444;border-top:5px solid #4db;border-radius:50%;width:1.5rem;height:1.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(orientation:portrait){html{font-size:75%}.tabs{top:0;left:0;right:0;width:100%;height:60px;flex-direction:row;border-left:none;border-bottom:10px solid #444}.tabs button{display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0;margin:0 5px;padding:0}.tabs button span{transform:rotate(0);white-space:normal;text-orientation:mixed;letter-spacing:normal;transform-origin:center left}.center-box-content{height:calc(100vh - 260px)}.center-box-content-explore{height:calc(100vh - 140px)}.page-contents{margin-right:0;margin-top:60px}.left-sidebar{width:calc(100vw - 20px)}.chat-input{margin:10px;width:100%}.topic-chat{width:80%}.topic-box{width:60vw}.search-topic-box{min-width:100%;align-items:center;justify-content:center;display:flex}.first-topic-box,.goal-topic-box,.submit-area{min-width:80%;word-break:break-word}.summary-text{min-width:80%}.close-left-sidebar{left:calc(100vw - 140px)}.center-box{top:75px;width:100%}.center-box.sidebar-open{left:0;width:100%}}:root{--cyan: #4db;--green: #ad4;--yellow-green: #bc1;--yellow: #dd1;--orange: #d91;--orange-red: #d61;--red: #c11;--grey: #333}.cyan-rating{color:var(--cyan);border:1px solid var(--cyan);box-shadow:inset 0 0 20px color-mix(in srgb,var(--cyan),transparent 85%)}.green-rating{color:var(--green);border:1px solid var(--green);box-shadow:inset 0 0 20px color-mix(in srgb,var(--green),transparent 85%)}.yellow-green-rating{color:var(--yellow-green);border:1px solid var(--yellow-green);box-shadow:inset 0 0 20px color-mix(in srgb,var(--yellow-green),transparent 85%)}.yellow-rating{color:var(--yellow);border:1px solid var(--yellow);box-shadow:inset 0 0 20px color-mix(in srgb,var(--yellow),transparent 85%)}.orange-rating{color:var(--orange);border:1px solid var(--orange);box-shadow:inset 0 0 20px color-mix(in srgb,var(--orange),transparent 85%)}.orange-red-rating{color:var(--orange-red);border:1px solid var(--orange-red);box-shadow:inset 0 0 20px color-mix(in srgb,var(--orange-red),transparent 85%)}.red-rating{color:var(--red);border:1px solid var(--red);box-shadow:inset 0 0 20px color-mix(in srgb,var(--red),transparent 85%)}.grey-rating{color:var(--grey);border:1px solid var(--grey);box-shadow:inset 0 0 20px color-mix(in srgb,var(--grey),transparent 85%)}.is-human-text{color:var(--green)}.is-ai-text{color:var(--cyan)}