:root{--bg-deepest: #080810;--bg-panel: #09091a;--bg-card: #0d0d1a;--bg-input: #13132a;--bg-active: #1a1a42;--bg-hover: #15153a;--accent-1: #4433cc;--accent-2: #7744ee;--accent-solid: #5544ee;--accent-light: #7766ee;--text-1: #ffffff;--text-bright: #aaaaff;--text-2: #c8c8e8;--text-3: #44448a;--text-4: #33334a;--border-1: #1a1a3a;--border-2: #2a2a4a;--border-3: #2a2a5a;--msg-own-start: #2d1d88;--msg-own-end: #4433cc;--msg-other: #13132a;--msg-own-text: #e0e0ff;--msg-other-text: #c0c0d8;--msg-other-border: #1e1e40}:root{--app-gradient: none}.app-container{display:flex;height:100vh;height:100dvh;background:var(--bg-deepest);position:relative;flex-wrap:wrap;width:100%;max-width:100%;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--app-gradient);pointer-events:none;z-index:0}.app-container>*{position:relative;z-index:1}@media (max-width: 768px){.app-container{flex-direction:column}}@media (max-width: 768px){.app-container.panel-open .sidebar{display:none}.app-container.panel-open>*{width:100%}}.sidebar{display:flex;flex-direction:column}@media (max-width: 768px){.app-container.rooms-only .sidebar{width:100%;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-container.rooms-only>:not(.sidebar){display:none}}@media (max-width: 768px){.app-container.panel-open{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-container.panel-open>:not(.sidebar){display:flex;flex:1 1 100%;min-height:0;height:100vh;height:100dvh;width:100%;max-width:100%}.app-container.panel-open .messagesArea,.app-container.panel-open .content{min-height:0}}.sakura-mode .sakura-bubble{border:1.5px solid #f7a8c9!important;position:relative;overflow:visible;box-shadow:0 0 12px #e85d9c26,0 4px 20px #0000004d!important}.sakura-mode .sakura-bubble:before,.sakura-mode .sakura-bubble:after{font-family:"Font Awesome 6 Free";font-weight:900;content:"";position:absolute;font-size:10px;color:#f7a8c9;opacity:.55;pointer-events:none}.sakura-mode .sakura-bubble:before{top:-6px;right:-6px;transform:rotate(15deg)}.sakura-mode .sakura-bubble:after{bottom:-6px;left:-6px;transform:rotate(-30deg)}.sakura-mode .sakura-bubble-own{border-color:#e85d9c!important;box-shadow:0 0 18px #e85d9c40,0 4px 20px #0000004d!important}.sakura-mode .sakura-bubble-own:before,.sakura-mode .sakura-bubble-own:after{color:#e85d9c;opacity:.7}