: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:nowrap;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}.sidebar{display:flex;flex-direction:column;height:100vh;height:100dvh}.server-bar{width:72px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.server-bar::-webkit-scrollbar{display:none}@media (max-width: 768px){.app-container{flex-direction:row}.app-container.panel-open .server-bar,.app-container.panel-open .sidebar{display:none!important}.app-container.panel-open>:not(.server-bar):not(.sidebar){flex:1 1 0;width:0;min-height:0}.app-container.rooms-only .server-bar{display:flex!important;flex-shrink:0}.app-container.rooms-only .sidebar{flex:1;width:0!important;height:100vh;height:100dvh;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:column}.app-container.rooms-only>:not(.server-bar):not(.sidebar){display:none!important}}@media (max-width: 768px){.app-container.panel-open{height:100vh;height:100dvh;overflow:hidden;display:flex}.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}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.3}}.floating-pip{animation:pip-fade-in .2s ease}.floating-pip:hover{border-color:var(--border-3, #3a3a5a)!important;box-shadow:0 16px 56px #000000b3,0 0 0 1px #ffffff14!important}.floating-pip-minimized:hover{border-color:#43b581!important}@keyframes pip-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}