:root{--bg:#1e1e2f;--bg-secondary:#2a2a40;--accent:#eb7d00;--dim-accent:#864800;--accent-hover:#d4a200fb;--text-primary:#f5f5f7;--text-secondary:#b0b0c3;--placeholder:#7d7d93;--radius:12px;--transition:250ms ease;--gap:1rem;--chat-width:clamp(320px,60vw,800px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body:before{background:url(/static/media/logo.8ad4d6a7584397e897d8.png) center 30%/80vmin no-repeat;content:"";inset:0;opacity:.07;pointer-events:none;position:fixed;transform:rotate(15deg);z-index:-1}body{-webkit-font-smoothing:antialiased;background:#1e1e2f;background:var(--bg);color:#f5f5f7;color:var(--text-primary);font-family:monospace;line-height:1.6}#root{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:2rem 1rem 6rem}.ChatWithSidebar>.sidebar{background:#2a2a40;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);margin-right:1rem;margin-right:var(--gap);padding:1rem;padding:var(--gap);position:absolute;right:100%;width:180px}.sidebar>.button-wrap{cursor:pointer;display:block;height:45px;margin:-16px -16px 16px;position:relative}.button-wrap>.left,.sidebar>.button-wrap{border-radius:12px;border-radius:var(--radius);top:0}.button-wrap>.left{-webkit-clip-path:polygon(0 0,15% 0,45% 100%,0 100%);clip-path:polygon(0 0,15% 0,45% 100%,0 100%)}.button-wrap>.left,.button-wrap>.right{background:#864800;background:var(--dim-accent);height:100%;left:0;overflow:hidden;position:absolute;transition:background .3s,-webkit-clip-path .4s ease-in-out;transition:clip-path .4s ease-in-out,background .3s;transition:clip-path .4s ease-in-out,background .3s,-webkit-clip-path .4s ease-in-out;width:100%}.button-wrap>.right{border-radius:12px;border-radius:var(--radius);-webkit-clip-path:polygon(55% 0,100% 0,100% 100%,85% 100%);clip-path:polygon(55% 0,100% 0,100% 100%,85% 100%);top:0}.button-wrap>.right.active{background:#eb7d00;background:var(--accent);-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,45% 100%);clip-path:polygon(15% 0,100% 0,100% 100%,45% 100%)}.button-wrap>.left.active{background:#eb7d00;background:var(--accent);-webkit-clip-path:polygon(0 0,55% 0,85% 100%,0 100%);clip-path:polygon(0 0,55% 0,85% 100%,0 100%)}.group-menu-btn{align-content:center;align-items:center;color:#b0b0c3;display:flex;font-family:monospace;font-size:28px;height:100%;justify-content:flex-end;padding-right:10px;position:relative;transition:color .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:200}.right.active .group-menu-btn{color:#1e1e2f;color:var(--bg);transition:color .4s ease-in-out}.friends-menu-btn{color:#b0b0c3;font-family:monospace;font-size:28px;padding-left:10px;transition:color .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.left.active .friends-menu-btn{color:#1e1e2f;color:var(--bg);transition:color .4s ease-in-out}.FriendList ul{list-style:none}.FriendList .online{color:#0f0}.FriendList .offline{color:red}.ChatWindow{background:#2a2a40;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 20px #00000059;display:flex;flex-direction:column;gap:1rem;gap:var(--gap);max-height:calc(100vh - 12rem);overflow-y:auto;padding:1rem;padding:var(--gap);position:fixed;width:clamp(320px,60vw,800px);width:var(--chat-width)}@media (max-width:600px){.ChatWindow{background:#2a2a40;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 20px #00000059;display:flex;flex-direction:column;gap:1rem;gap:var(--gap);max-height:calc(100vh - 24rem);overflow-y:auto;padding:1rem;padding:var(--gap);position:fixed;width:clamp(320px,60vw,800px);width:var(--chat-width)}}.ChatWindow::-webkit-scrollbar{width:8px}.ChatWindow::-webkit-scrollbar-track{background:#0000}.ChatWindow::-webkit-scrollbar-thumb{background:#eb7d00;background:var(--accent);border-radius:4px}.ChatWindow{scrollbar-color:#eb7d00 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin}.ChatWindow ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding-left:0}.ChatWindow ul li{animation:fadeInUp .4s ease both;background:#ffffff0f;border-radius:7.2px;border-radius:calc(var(--radius)*.6);color:#f5f5f7;color:var(--text-primary);padding:.75rem 1rem;word-break:break-word}.gif-drawer{max-height:450px;overflow-y:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-input-wrapper{background:#2a2a40;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);bottom:1rem;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:.75rem;left:50%;padding:1rem;padding:var(--gap);position:fixed;transform:translateX(-50%);width:clamp(320px,60vw,800px);width:var(--chat-width);z-index:1000}.input-row{align-items:center;display:flex;gap:.5rem}.input-row input,.input-row textarea{flex:1 1 auto;line-height:1.4;margin-bottom:0;max-height:200px;min-height:48px;overflow-y:hidden;resize:none}@media (max-width:600px){.input-row{align-items:stretch;flex-direction:column;gap:.5rem}.input-row input,.input-row textarea{min-width:0;width:100%}.footer-buttons{justify-content:flex-end;margin-top:0;width:100%}}.footer-buttons{display:flex;flex-direction:row;justify-content:right;margin-top:-20px;position:fixed;width:clamp(320px,60vw,800px);width:var(--chat-width)}.footer-buttons button{border-radius:10%;height:auto;margin-right:20px;max-width:-webkit-fit-content;max-width:fit-content;padding:0}input,option,select,textarea{background-color:#2a2a40;background-color:var(--bg-secondary);background:#ffffff14;border:1px solid #864800;border:1px solid var(--dim-accent);border-radius:12px;border-radius:var(--radius);color:#f5f5f7;color:var(--text-primary);margin-bottom:1.25rem;padding:.75rem 1rem;transition:background .25s ease;transition:background var(--transition);width:100%}select option,select:focus{background:#2a2a40;background:var(--bg-secondary);color:#f5f5f7;color:var(--text-primary)}.group_btn{display:flex;justify-self:center}.group_btn,.select-box{margin-top:10px}.smaller_btn{align-items:center;border-radius:12%;display:flex;height:20px;justify-content:center;margin:0 auto}.full-sized{width:100%}select:-moz-focusring{background:#2a2a40;background:var(--bg-secondary);color:#f5f5f7;color:var(--text-primary)}input:focus,select:focus,textarea:focus{border:1px solid #d4a200fb;border:1px solid var(--accent-hover)}input::placeholder,textarea::placeholder{color:#7d7d93;color:var(--placeholder)}input:focus,select:focus,textarea:focus{background:#ffffff1f;outline:none}input[type=email],input[type=number],input[type=password],input[type=text]{font-size:1rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #b0b0c3;border:2px solid var(--text-secondary);border-radius:4px;cursor:pointer;height:18px;margin:0;padding:0;position:relative;transition:background .25s ease,border-color .25s ease;transition:background var(--transition),border-color var(--transition);width:18px}input[type=checkbox]:hover{border-color:#d4a200fb;border-color:var(--accent-hover)}input[type=checkbox]:checked{background:#eb7d00;background:var(--accent);border-color:#eb7d00;border-color:var(--accent)}input[type=checkbox]:checked:after{border:2px solid #1e1e2f;border:2px solid var(--bg);border-left:0;border-top:0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-row{align-items:center;display:flex;gap:.5rem}label{color:#f5f5f7;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}button{align-items:center;background:#eb7d00;background:var(--accent);border:none;border-radius:12px;border-radius:var(--radius);color:#1e1e2f;color:var(--bg);cursor:pointer;display:inline-flex;font-family:monospace;font-weight:600;justify-content:center;letter-spacing:.03em;padding:.75rem 1.5rem;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}button:hover{background:#d4a200fb;background:var(--accent-hover);box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.4}button+button{margin-left:.5rem}@media(max-width:500px){button{width:100%}button+button{margin-left:0;margin-top:.5rem}}form{background:#2a2a40;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 20px #00000040;gap:1.5rem;padding:2rem;width:min(100%,400px)}.form-group,form{display:flex;flex-direction:column}.form-group{gap:.5rem}p{color:#b0b0c3;color:var(--text-secondary)}a{color:#eb7d00;color:var(--accent);text-decoration:none;transition:opacity .25s ease;transition:opacity var(--transition)}a:hover{opacity:.85;text-decoration:underline}::selection{background:#eb7d00;background:var(--accent);color:#1e1e2f;color:var(--bg)}.SidebarToggle{align-items:center;background:#eb7d00;background:var(--accent);border-radius:8px;cursor:pointer;display:none;height:10px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:background .25s ease;transition:background var(--transition);width:10px;z-index:1300}.SidebarToggle:hover{background:#d4a200fb;background:var(--accent-hover)}.SidebarToggle span,.SidebarToggle span:after,.SidebarToggle span:before{background:#1e1e2f;background:var(--bg);content:"";display:block;height:2px;position:relative;width:5px}.SidebarToggle span:before{position:absolute;top:-6px}.SidebarToggle span:after{position:absolute;top:6px}.ChatWithSidebar{margin-inline:auto;padding:30px 0 0;position:relative;width:clamp(320px,60vw,800px);width:var(--chat-width)}.impressum-link{bottom:0;margin-top:auto;position:fixed}.impressum-block strong,.impressum-link{color:#eb7d00;color:var(--accent)}.List-Entry{border-radius:12px;border-radius:var(--radius);box-shadow:0 0 5px 2px #1e1e2f;box-shadow:0 0 5px 2px var(--bg);cursor:pointer;display:block;margin:10px 0;padding:10px}.List-Entry:hover{box-shadow:0 0 5px 0 #d4a200fb;box-shadow:0 0 5px 0 var(--accent-hover)}.List-Entry.selected{box-shadow:0 0 10px 0 #eb7d00;box-shadow:0 0 10px 0 var(--accent)}.List-Entry.self{cursor:auto}.List-Entry.self:hover{box-shadow:0 0 0 0 #0000}.List-Entry.unread{animation:blink-unread 1s ease-in-out infinite}.amount-unread{background-color:#eb7d00;background-color:var(--accent);border-radius:50%;color:#fff;display:inline-block;float:right;font-size:.95rem;font-weight:700;height:22px;line-height:22px;margin-left:auto;min-width:22px;padding:0 6px;text-align:center;vertical-align:middle}.expand{display:block}.expand:after{content:"▼";cursor:pointer;display:inline;z-index:1000}.Admin-Panel-Shown{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes blink-unread{0%,to{background-color:#eb7d00;background-color:var(--accent)}50%{background-color:initial}}.accent{color:#eb7d00;color:var(--accent)}.sender{font-size:.8rem}@media (max-width:767px){.SidebarToggle{display:flex}.ChatWithSidebar .sidebar{background:#2a2a40;background:var(--bg-secondary);bottom:0;box-shadow:2px 0 20px #0006;left:0;max-width:80%;overflow-y:auto;padding:1rem;padding:var(--gap);position:fixed;top:45px;transform:translateX(-100%);transition:transform .25s ease;transition:transform var(--transition);width:260px;z-index:1200}.ChatWithSidebar.show-sidebar .sidebar{transform:translateX(0)}}.Admin-Button{background:#eb7d00;background:var(--accent);cursor:pointer;padding:5px;right:0;top:0}.Admin-Button,.emoji-drawer{border-radius:12px;border-radius:var(--radius)}.emoji-drawer{align-items:center;bottom:7rem;display:flex;flex-wrap:wrap;justify-content:flex-start;overflow:hidden;position:fixed;width:clamp(320px,60vw,800px);width:var(--chat-width);z-index:1000}.emoji-list{display:block;margin:0 0 20px;padding:10px}.emoji-drawer-header{align-items:center;display:flex;justify-content:space-between;width:100%}.emoji-drawer-header>*{border-radius:6px;margin:0 10px;padding:2px}.emoji-drawer .emoji-item{display:inline-block;font-size:1.5rem;height:auto;line-height:1.2;max-width:100%}.emoji-drawer:before{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff40;border-radius:12px;border-radius:var(--radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.Bubble{background-color:#ccc;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 3px;width:10px}.Bubble.active{background-color:#eb7d00;background-color:var(--accent)}@media (min-width:768px){.ChatWithSidebar .sidebar{margin-right:1rem;margin-right:var(--gap);position:absolute;right:100%;transform:none;width:250px}.SidebarToggle{display:none}}
/*# sourceMappingURL=main.7b2cb09c.css.map*/