Upload styles.css with huggingface_hub

styles.css

@@ -0,0 +1,73 @@
+.centered-text,.widget-info>div{text-align:center;color:#f5f5f5}body{background-color:#343541;font-family:Georgia,"Arial Unicode MS",Arial,Helvetica,sans-serif}.sidebar{background-color:#202123;width:auto;min-width:170px;height:100%;position:fixed;left:0;top:0;overflow-y:auto;padding-right:20px;padding-top:0;padding-bottom:10px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .1s ease-in-out}#toggle-sidebar,.close{width:32px;height:32px}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar li{padding:1px;color:#f5f5f5;font-size:20px;cursor:pointer;margin-left:5px;white-space:nowrap}.sidebar li a.character-link{text-decoration:none;color:inherit;cursor:pointer}@media (max-height:768px){.sidebar li{padding:.5px;font-size:clamp(12px, 6vw, 20px)}}.sidebar h4:hover,.sidebar li:hover:not(.list-break-before):not(.list-break-after){background-color:#343541;border-radius:5px}.sidebar li.active{background-color:#146cff;color:#ffa64d;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 0 4px rgba(0,0,0,.5);border-radius:5px}.sidebar h4,.sidebar h4.category-collapsed span.collapse-indicator,.sidebar h4:not(.category-collapsed){color:#33beff}.sidebar::-webkit-scrollbar{width:2px;background-color:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:transparent;transition:background-color .3s ease-in-out}.sidebar:hover{scrollbar-color:#33beff #1b1b1b}.sidebar:hover::-webkit-scrollbar-thumb{background-color:#33beff}.list-break-before{margin-bottom:10px;cursor:default}.list-break-after{margin-top:10px;cursor:default}#hidden-category .list-break-after,#hidden-category .list-break-before{cursor:default}.sidebar .category.collapsed{display:none}.sidebar h4{margin-left:10px;margin-bottom:5px;cursor:pointer;transition:color .3s;display:flex;justify-content:space-between;align-items:center}.sidebar h4.category-collapsed,.sidebar h4:not(.category-collapsed) span.collapse-indicator{color:grey}@media (max-height:800px){.sidebar h4{margin-top:.8rem}}#toggle-sidebar{position:relative;top:-4px;background-color:#33beff;color:#fff;padding:8px;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease-in-out;left:-4px;z-index:999}#toggle-sidebar.collapsed{left:185px}.sidebar.collapsed #toggle-sidebar{left:5px}#toggle-sidebar::before{display:inline-block;content:"\25C0";margin-right:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#toggle-sidebar.collapsed::before{content:"\25C0"}#toggle-sidebar:not(.collapsed)::before{display:inline-block;content:"\25B6"}#toggle-sidebar:focus{outline:0}.sidebar.collapsed{width:0;display:none}.close{position:absolute;right:5px;top:5px;opacity:.6}.close:hover{opacity:1}.close:after,.close:before{position:absolute;left:15px;content:' ';height:33px;width:2px;background-color:#fff}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}@media (min-width:769px){body:not(.subpage) .close{display:none}}.widget-container{margin-left:190px;margin-top:-30px;padding:0;background-color:#343541;border:1px solid #343541}.sidebar.collapsed~.widget-container{margin-left:0}.widget-container iframe{border:0;border-radius:4px;width:100%;height:100%}#message{color:#ffa64d;margin-left:30px}.description-text{color:#fff;margin-left:22px}.noscript-note{background-color:#f44336;color:#fff;padding:10px}#widget{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:4vw;font-family:Georgia,serif;margin-top:20px}#widget span{color:#f5f5f5}.widget-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.widget-info>div{background-color:#3e3f4b;border-radius:10px;padding:10px;font-size:16px}@media screen and (max-width:768px){.centered-text h1{font-size:1.5rem}.widget-info div{font-size:1rem}}@media only screen and (max-width:600px){.widget-container{max-width:100%;height:auto}}.centered-text{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;height:100%}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1}.popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fefefe;padding:20px;border-radius:5px;max-width:80%}#popup-message{font-size:1.2rem;user-select:none}.info{color:#fff;text-decoration:none;font-size:.8em;vertical-align:text-top}@media (max-width:768px){.sidebar h4{user-select:none}.sidebar:not(.collapsed)~.close,body:not(.subpage) .close{display:none}.widget-info{grid-template-columns:1fr;text-align:center}.popup-content{max-width:90%}}
+
+/* New Chat Styles */
+.chat-container {
+    width: 100%;
+    max-width: 800px;
+    margin: 20px auto;
+    border: 1px solid #333;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    height: 70vh;
+    background-color: #1a1a1a;
+}
+
+.chat-header {
+    padding: 10px;
+    border-bottom: 1px solid #333;
+    background-color: #222;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.chat-header h2 {
+    margin: 0;
+    font-size: 1.2em;
+}
+
+#bot-selector {
+    padding: 5px;
+    border-radius: 5px;
+    background-color: #333;
+    color: #fff;
+    border: 1px solid #555;
+}
+
+#chat-log {
+    flex-grow: 1;
+    padding: 10px;
+    overflow-y: auto;
+    background-color: #0d0d0d;
+}
+
+#chat-log p {
+    margin: 0 0 10px;
+    line-height: 1.4;
+}
+
+.chat-input {
+    display: flex;
+    padding: 10px;
+    border-top: 1px solid #333;
+}
+
+#user-message {
+    flex-grow: 1;
+    padding: 10px;
+    border-radius: 5px;
+    border: 1px solid #555;
+    background-color: #333;
+    color: #fff;
+}
+
+#send-button {
+    padding: 10px 15px;
+    margin-left: 10px;
+    border-radius: 5px;
+    border: none;
+    background-color: #1E90FF;
+    color: #fff;
+    cursor: pointer;
+}