/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}:root{--color-bg:#0a0e14;--color-surface:#0f141c;--color-surface-light:#15202b;--color-border:#1f2937;--color-border-bright:#2ecc71;--color-text:#00ff41;--color-text-dim:#4a9d5f;--color-text-muted:#3d7a4e;--color-accent:#00ff41;--color-accent-2:#39ff14;--color-accent-hover:#00cc34;--color-warning:#f44;--color-info:#00d9ff;--color-accent-rgb:0, 255, 65;--color-border-bright-rgb:46, 204, 113;--color-bg-rgb:10, 14, 20;--color-info-rgb:0, 217, 255;--color-text-dim-rgb:74, 157, 95;--color-border-rgb:31, 41, 55;--color-inset-bg:#00000040;--border-width-ui:2px;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-display:"Bebas Neue", "Impact", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}html{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);overscroll-behavior:none;width:100%;height:100%;position:relative;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}[data-theme=one-dark]{--color-bg:#282c34;--color-surface:#21252b;--color-surface-light:#2c313a;--color-border:#454c5c;--color-border-bright:#c678dd;--color-text:#bac3cf;--color-text-dim:#8b96a5;--color-text-muted:#5c6370;--color-accent:#c678dd;--color-accent-2:#56b6c2;--color-accent-hover:#b35ecb;--color-warning:#e06c75;--color-info:#61afef;--color-accent-rgb:198, 120, 221;--color-border-bright-rgb:198, 120, 221;--color-bg-rgb:40, 44, 52;--color-info-rgb:97, 175, 239;--color-text-dim-rgb:139, 150, 165;--color-border-rgb:69, 76, 92;--color-inset-bg:#00000038;--border-width-ui:1px}[data-theme=quiet-light]{--color-bg:#f8f6f2;--color-surface:#fdfcfa;--color-surface-light:#edeae3;--color-border:#d4d0c8;--color-border-bright:#7c3aed;--color-text:#3d3933;--color-text-dim:#5c574e;--color-text-muted:#8e8983;--color-accent:#7c3aed;--color-accent-2:#0e8a7c;--color-accent-hover:#6d28d9;--color-warning:#c0392b;--color-info:#0369a1;--color-accent-rgb:124, 58, 237;--color-border-bright-rgb:124, 58, 237;--color-bg-rgb:248, 246, 242;--color-info-rgb:3, 105, 161;--color-text-dim-rgb:92, 87, 78;--color-border-rgb:212, 208, 200;--font-display:system-ui, -apple-system, "Segoe UI", sans-serif;--color-inset-bg:#0000000a;--border-width-ui:1px}[data-theme=nord]{--color-bg:#2e3440;--color-surface:#3b4252;--color-surface-light:#434c5e;--color-border:#4c566a;--color-border-bright:#88c0d0;--color-text:#eceff4;--color-text-dim:#d8dee9;--color-text-muted:#b0bac9;--color-accent:#88c0d0;--color-accent-2:#a3be8c;--color-accent-hover:#72aabb;--color-warning:#bf616a;--color-info:#81a1c1;--color-accent-rgb:136, 192, 208;--color-border-bright-rgb:136, 192, 208;--color-bg-rgb:46, 52, 64;--color-info-rgb:129, 161, 193;--color-text-dim-rgb:216, 222, 233;--color-border-rgb:76, 86, 106;--color-inset-bg:#0000002e;--border-width-ui:1px}[data-theme=teal]{--color-bg:#f0faf8;--color-surface:#fff;--color-surface-light:#e0f2ef;--color-border:#b2d8d4;--color-border-bright:#0d9488;--color-text:#0f3d38;--color-text-dim:#1e6e62;--color-text-muted:#5a9e98;--color-accent:#0d9488;--color-accent-2:#0891b2;--color-accent-hover:#0f766e;--color-warning:#b45309;--color-info:#0369a1;--color-accent-rgb:13, 148, 136;--color-border-bright-rgb:13, 148, 136;--color-bg-rgb:240, 250, 248;--color-info-rgb:3, 105, 161;--color-text-dim-rgb:30, 110, 98;--color-border-rgb:178, 216, 212;--font-display:system-ui, -apple-system, "Segoe UI", sans-serif;--color-inset-bg:#0000000a;--border-width-ui:1px}[data-theme=midnight-neon]{--color-bg:#0c0a1e;--color-surface:#130f2e;--color-surface-light:#1d1742;--color-border:#2a2260;--color-border-bright:#f72585;--color-text:#e8e0ff;--color-text-dim:#b8a8e8;--color-text-muted:#7060a8;--color-accent:#f72585;--color-accent-2:#4cc9f0;--color-accent-hover:#d41570;--color-warning:#f77f00;--color-info:#4cc9f0;--color-accent-rgb:247, 37, 133;--color-border-bright-rgb:247, 37, 133;--color-bg-rgb:12, 10, 30;--color-info-rgb:76, 201, 240;--color-text-dim-rgb:184, 168, 232;--color-border-rgb:42, 34, 96;--color-inset-bg:#00000059;--border-width-ui:1px}[data-theme=amber-glow]{--color-bg:#130c02;--color-surface:#1e1404;--color-surface-light:#2b1d07;--color-border:#3d2a0c;--color-border-bright:#f59e0b;--color-text:#fef3c7;--color-text-dim:#d97706;--color-text-muted:#92400e;--color-accent:#f59e0b;--color-accent-2:#fb923c;--color-accent-hover:#d97706;--color-warning:#ef4444;--color-info:#60a5fa;--color-accent-rgb:245, 158, 11;--color-border-bright-rgb:245, 158, 11;--color-bg-rgb:19, 12, 2;--color-info-rgb:96, 165, 250;--color-text-dim-rgb:217, 119, 6;--color-border-rgb:61, 42, 12;--color-inset-bg:#00000059;--border-width-ui:1px}[data-theme=manuscript]{--color-bg:#f5f0e8;--color-surface:#faf7f2;--color-surface-light:#ede6d8;--color-border:#cec5b2;--color-border-bright:#6b3c1a;--color-text:#2a1a0e;--color-text-dim:#5c3c22;--color-text-muted:#9a7c5e;--color-accent:#6b3c1a;--color-accent-2:#c07828;--color-accent-hover:#58300f;--color-warning:#b91c1c;--color-info:#1e3a8a;--color-accent-rgb:107, 60, 26;--color-border-bright-rgb:107, 60, 26;--color-bg-rgb:245, 240, 232;--color-info-rgb:30, 58, 138;--color-text-dim-rgb:92, 60, 34;--color-border-rgb:206, 197, 178;--font-display:"Georgia", "Times New Roman", serif;--color-inset-bg:#0000000a;--border-width-ui:1px}[data-theme=quiet-light] .admin-card,[data-theme=teal] .admin-card,[data-theme=manuscript] .admin-card{border-color:var(--color-border)}[data-theme=quiet-light] .admin-room-capacity-track,[data-theme=teal] .admin-room-capacity-track,[data-theme=manuscript] .admin-room-capacity-track{background:var(--color-border)}[data-theme=quiet-light] .admin-latest-invite code,[data-theme=teal] .admin-latest-invite code,[data-theme=manuscript] .admin-latest-invite code{background:var(--color-surface-light)}[data-theme=quiet-light] .admin-dashboard-container,[data-theme=teal] .admin-dashboard-container,[data-theme=manuscript] .admin-dashboard-container{box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .2), 0 4px 24px #00000014}[data-theme=quiet-light],[data-theme=teal],[data-theme=manuscript]{--glow-accent:none}[data-theme=quiet-light] .lobby-container,[data-theme=teal] .lobby-container,[data-theme=manuscript] .lobby-container{box-shadow:0 1px 12px #0000001a, 0 0 0 1px var(--color-border)}[data-theme=quiet-light] .toast,[data-theme=teal] .toast,[data-theme=manuscript] .toast{box-shadow:0 2px 8px #0000001f}[data-theme=quiet-light] .user-profile-panel,[data-theme=teal] .user-profile-panel,[data-theme=manuscript] .user-profile-panel{box-shadow:0 4px 20px #0000001a}[data-theme=quiet-light] .confirm-dialog,[data-theme=teal] .confirm-dialog,[data-theme=manuscript] .confirm-dialog{box-shadow:0 4px 20px #0000001f}.matrix-rain-layer{pointer-events:none;z-index:0;opacity:.35;width:100%;height:100%;position:fixed;inset:0}.effect-layer{pointer-events:none;z-index:9000;background:#00000059;width:100%;height:100%;position:fixed;inset:0}.noise-overlay{opacity:.03;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;animation:.2s infinite noise;position:fixed;top:0;left:0}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.screen{z-index:10;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.screen.active{display:flex}.login-container{background:var(--color-surface);border:2px solid var(--color-border-bright);width:100%;max-width:500px;box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .1), 0 0 20px rgba(var(--color-border-bright-rgb), .2), inset 0 0 60px #00000080;max-height:95vh;padding:40px;animation:8s linear infinite scanline;position:relative;overflow-y:auto}@keyframes scanline{0%{box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .1), inset 0 -100% 60px rgba(var(--color-accent-rgb), .05)}to{box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .1), inset 0 100% 60px rgba(var(--color-accent-rgb), .05)}}.glitch-wrapper{margin-bottom:10px}.title{font-family:var(--font-display);letter-spacing:8px;text-align:center;color:var(--color-accent);text-shadow:0 0 10px var(--color-accent), 0 0 20px var(--color-accent), 0 0 30px var(--color-accent);font-size:56px;position:relative}.glitch{animation:3s infinite glitch}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;left:0}.glitch:before{clip:rect(0, 900px, 0, 0);text-shadow:2px 0 var(--color-warning);animation:3s infinite glitch-before}.glitch:after{clip:rect(0, 900px, 0, 0);text-shadow:-2px 0 var(--color-info);animation:3s infinite glitch-after}@keyframes glitch-before{0%,90%,to{clip:rect(0, 900px, 0, 0);transform:translate(0)}92%{clip:rect(10px, 900px, 60px, 0);transform:translate(-2px)}}@keyframes glitch-after{0%,90%,to{clip:rect(0, 900px, 0, 0);transform:translate(0)}94%{clip:rect(30px, 900px, 80px, 0);transform:translate(2px)}}.subtitle{letter-spacing:4px;text-align:center;color:var(--color-text-dim);margin-bottom:30px;font-size:14px;font-weight:600}.auth-tabs{border-bottom:2px solid var(--color-border);margin-bottom:30px;display:flex}.auth-tab{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px;font-size:13px}.auth-tab:hover{color:var(--color-text-dim)}.auth-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);text-shadow:0 0 10px var(--color-accent)}.auth-form{flex-direction:column;gap:24px;display:none}.auth-form.active{display:flex}.auth-mode-hint{letter-spacing:1px;color:var(--color-text-dim);margin:-14px 0 16px;font-size:11px}.input-group{flex-direction:column;gap:8px;display:flex}.field-error{color:var(--color-warning);letter-spacing:1px;font-size:11px}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap .terminal-input{flex:1;padding-right:36px}.password-toggle-btn{color:var(--color-text-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.password-toggle-btn:hover{color:var(--color-text)}.input-label{letter-spacing:2px;color:var(--color-text-dim);font-size:11px;font-weight:600}.terminal-input,.terminal-select{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);transition:all var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:14px}.terminal-input:focus,.terminal-select:focus{border-color:var(--color-border-bright);box-shadow:0 0 10px rgba(var(--color-border-bright-rgb), .3)}.terminal-input:focus-visible,.terminal-select:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.terminal-select{cursor:pointer}.terminal-textarea{resize:vertical;min-height:80px;line-height:1.5}.connect-btn{border:2px solid var(--color-border-bright);color:var(--color-accent);font-family:var(--font-display);letter-spacing:4px;cursor:pointer;transition:all var(--transition-normal);background:0 0;width:100%;margin-top:16px;padding:16px;font-size:24px;display:block;position:relative;overflow:hidden}.connect-btn:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 20px var(--color-accent), inset 0 0 20px #0003}.connect-btn:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.btn-text{z-index:1;position:relative}.btn-scan{background:linear-gradient(90deg, transparent, rgba(var(--color-accent-rgb), .2), transparent);width:100%;height:100%;animation:2s linear infinite scan;position:absolute;top:0;left:-100%}@keyframes scan{to{left:100%}}.login-footer{border-top:1px solid var(--color-border);margin-top:30px;padding-top:20px}.status-bar{letter-spacing:1px;align-items:center;gap:10px;font-size:11px;display:flex}.status-indicator{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 5px var(--color-accent)}50%{opacity:.5;box-shadow:0 0 10px var(--color-accent)}}.status-text{color:var(--color-text-dim)}#lobby-screen{justify-content:center;align-items:stretch;padding:40px;overflow:auto}.lobby-container{background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border-bright);width:100%;max-width:960px;min-height:0;max-height:calc(100vh - 80px);box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .1), 0 0 30px rgba(var(--color-border-bright-rgb), .15);flex-direction:column;margin:auto;display:flex}.lobby-header{background:var(--color-bg);border-bottom:var(--border-width-ui) solid var(--color-border-bright);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 30px;display:flex;position:relative}.lobby-header:after{content:"";background:var(--color-accent);width:100%;height:2px;box-shadow:0 0 10px var(--color-accent);animation:3s ease-in-out infinite headerPulse;position:absolute;bottom:-2px;left:0}.lobby-title-section{align-items:center;gap:24px;display:flex}.lobby-title{font-family:var(--font-display);letter-spacing:4px;color:var(--color-accent);text-shadow:0 0 10px var(--color-accent);font-size:32px}.lobby-user-info{align-items:center;gap:8px;font-size:12px;display:flex}.lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-action-btn{letter-spacing:1px;font-size:11px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;display:flex}.lobby-theme-wrapper{flex-shrink:0;width:156px}.lobby-theme-trigger{width:100%;padding:8px 10px;font-size:11px}.lobby-rooms-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:minmax(130px,auto);align-content:start;gap:14px;min-height:0;padding:24px 30px;display:grid;overflow-y:auto}.lobby-rooms-grid::-webkit-scrollbar{width:8px}.lobby-rooms-grid::-webkit-scrollbar-track{background:var(--color-bg)}.lobby-rooms-grid::-webkit-scrollbar-thumb{background:var(--color-border-bright);border-radius:4px}.lobby-loading{text-align:center;color:var(--color-text-muted);letter-spacing:1px;grid-column:1/-1;padding:40px 20px;font-size:13px;animation:2s ease-in-out infinite pulse}.lobby-empty-state{flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:60px 20px;display:flex}.lobby-empty-icon{font-size:36px}.lobby-empty-text{color:var(--color-text-dim);letter-spacing:2px;font-size:14px}.room-card{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:10px;min-height:130px;padding:20px;display:flex;position:relative}.room-card:before{content:"";background:var(--color-accent);opacity:0;width:3px;height:100%;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:0;left:0}.room-card:hover{border-color:var(--color-accent);background:var(--color-surface-light);box-shadow:0 0 15px rgba(var(--color-accent-rgb), .2);transform:translateY(-2px)}.room-card:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.room-card:hover:before{opacity:1}.room-card-header{justify-content:space-between;align-items:center;display:flex}.room-card-actions{align-items:center;gap:6px;display:flex}.room-card-name{font-family:var(--font-display);letter-spacing:2px;color:var(--color-accent);align-items:center;gap:8px;font-size:20px;display:flex}.room-lock-icon{opacity:.8;font-size:14px}.room-edit-btn,.room-delete-btn{opacity:0;padding:4px;transition:opacity .2s}.room-edit-btn{color:var(--color-info)}.room-delete-btn{color:var(--color-error)}.room-card:hover .room-edit-btn,.room-card:hover .room-delete-btn{opacity:.75}.room-edit-btn:hover,.room-delete-btn:hover,.room-edit-btn:focus-visible,.room-delete-btn:focus-visible{opacity:1!important}@media (hover:none){.room-edit-btn,.room-delete-btn{opacity:.85}}.room-card-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box}.room-card-meta{color:var(--color-text-dim);letter-spacing:1px;align-items:center;gap:8px;margin-top:auto;font-size:11px;font-weight:600;display:flex}#chat-screen{align-items:stretch;padding:0;overflow:hidden}.chat-layout{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-header{background:rgba(var(--color-bg-rgb), .82);border-bottom:2px solid var(--color-border-bright);justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:relative}.chat-header:after{content:"";background:var(--color-accent);width:100%;height:2px;box-shadow:0 0 10px var(--color-accent);animation:3s ease-in-out infinite headerPulse;position:absolute;bottom:-2px;left:0}@keyframes headerPulse{0%,to{opacity:.5}50%{opacity:1}}.header-left{align-items:center;gap:20px;min-width:0;display:flex}.room-name{font-family:var(--font-display);letter-spacing:3px;color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;font-size:32px;overflow:hidden}.room-status{color:var(--color-text-dim);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pulse-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.header-right{align-items:center;gap:20px;display:flex}.header-tools,.header-session{align-items:center;gap:10px;display:flex}.header-icon-count{color:var(--color-text-muted);margin-left:6px;font-size:10px}.user-info{align-items:center;gap:10px;font-size:12px;display:flex}.user-label{color:var(--color-text-muted)}.user-name{color:var(--color-accent);font-weight:600}.icon-btn{border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono);letter-spacing:1px;background:0 0;justify-content:center;align-items:center;padding:8px;font-size:11px;display:flex}.icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 10px rgba(var(--color-accent-rgb), .3)}.icon-btn:focus-visible,.message-input:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.search-input:focus-visible{outline:none}.dm-badge-btn{position:relative}.dm-unread-count{background:var(--color-info);color:var(--color-bg);text-align:center;border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:2px;right:2px}.dm-inbox-container{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border-bright);flex-direction:column;width:min(420px,92vw);max-height:400px;display:flex;position:relative}.dm-inbox-list{flex:1;padding:8px 0;overflow-y:auto}.dm-inbox-item{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 20px;display:flex}.dm-inbox-item:hover{background:var(--color-surface-light)}.dm-inbox-avatar{background:var(--color-bg);border:1px solid var(--color-border-bright);width:36px;height:36px;color:var(--color-accent);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;overflow:hidden}.dm-inbox-name{color:var(--color-text);font-size:14px}.dm-inbox-name-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dm-inbox-meta,.dm-inbox-subtitle{color:var(--color-text-muted);font-size:11px}.dm-inbox-badge{background:var(--color-info);color:var(--color-bg);text-align:center;border-radius:10px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:700}.dm-inbox-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:13px}.mailbox-page{justify-content:center;align-items:stretch;width:100%;height:100%;padding:24px;display:flex}.mailbox-container{background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border-bright);width:min(960px,100%);height:100%;max-height:100%;box-shadow:0 0 30px rgba(var(--color-accent-rgb), .08);flex-direction:column;display:flex}.mailbox-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.mailbox-title{color:var(--color-accent);letter-spacing:2px;font-size:16px;font-weight:700}.mailbox-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:12px}.mailbox-actions{align-items:center;gap:12px;display:flex}.mailbox-user-tag{color:var(--color-text-muted);letter-spacing:1px;font-size:11px}.mailbox-back-btn{border:1px solid var(--color-border-bright);color:var(--color-text);font:inherit;letter-spacing:1px;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:10px 14px;font-size:12px}.mailbox-back-btn:hover{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent)}.mailbox-list{flex:1;padding:10px 0;overflow-y:auto}.mailbox-item{width:100%;color:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-bottom:1px solid #ffffff0d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 24px;display:grid}.mailbox-item:hover{background:var(--color-surface-light)}.mailbox-item.unread{background:rgba(var(--color-info-rgb), .06)}.mailbox-avatar{background:var(--color-bg);border:1px solid var(--color-border-bright);width:42px;height:42px;color:var(--color-accent);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.mailbox-item-main{min-width:0}.mailbox-item-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mailbox-name{color:var(--color-text);font-size:14px;font-weight:600}.mailbox-time{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.mailbox-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;overflow:hidden}.mailbox-item-side{justify-content:flex-end;align-items:center;min-width:52px;display:flex}.mailbox-badge{background:var(--color-info);color:var(--color-bg);text-align:center;border-radius:999px;min-width:24px;padding:3px 8px;font-size:11px;font-weight:700}.mailbox-read-state{color:var(--color-text-muted);letter-spacing:1px;font-size:10px}.mailbox-empty{min-height:220px;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}.mailbox-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:60px 24px;display:flex}.mailbox-empty-icon{font-size:36px}.mailbox-empty-text{color:var(--color-text-dim);letter-spacing:2px;font-size:14px}.mailbox-empty-hint{color:var(--color-text-muted);font-size:12px}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title{letter-spacing:1px;color:var(--color-accent);font-size:13px;font-weight:700}.modal-close-btn{color:var(--color-text-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:16px}.modal-close-btn:hover{color:var(--color-warning)}.profile-online-badge{color:var(--color-accent);letter-spacing:1px;font-size:11px;font-weight:700}.chat-content{flex:1;display:flex;overflow:hidden}.messages-col,.messages-panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.messages-wrapper{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.new-messages-btn{z-index:10;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.new-messages-btn:hover{background:var(--color-accent-hover)}.messages-container{box-sizing:border-box;background:rgba(var(--color-bg-rgb), .24);scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:20px 0;overflow-x:hidden!important}.messages-container::-webkit-scrollbar{display:none}.message{transition:background var(--transition-fast);border-radius:4px;gap:15px;padding:6px 24px;display:flex}.message:hover{background:0 0}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar{background:var(--color-bg);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-accent);cursor:pointer;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.message-content{flex-direction:column;gap:6px;min-width:0;display:flex}.message:not(.system) .message-content{flex:initial;background:rgba(var(--color-bg-rgb), .55);border:1px solid rgba(var(--color-text-dim-rgb), .12);border-radius:4px;max-width:min(80%,600px);padding:10px 14px}.message-self{flex-direction:row-reverse}.message-self .message-content{background:rgba(var(--color-info-rgb), .06);border-color:rgba(var(--color-info-rgb), .25)}.message-self .message-author{color:var(--color-info)}.message-self .message-avatar{border-color:rgba(var(--color-info-rgb), .5)}.message-header{align-items:center;gap:10px;display:flex}.message-author{color:var(--color-accent);font-size:14px;font-weight:700}.message-time{color:var(--color-text-muted);white-space:nowrap;letter-spacing:.2px;font-size:10px}.message-text{color:var(--color-text-dim);word-wrap:break-word;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.message-image{border:1px solid var(--color-border);cursor:pointer;max-width:min(400px,100%);transition:all var(--transition-fast);margin-top:8px}.message-image:hover{border-color:var(--color-accent);box-shadow:0 0 15px rgba(var(--color-accent-rgb), .3)}.message-file{background:var(--color-bg);border:1px solid var(--color-border);max-width:min(400px,100%);transition:all var(--transition-fast);align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}.message-file:hover{border-color:var(--color-accent)}.file-icon{background:var(--color-surface);border:1px solid var(--color-border-bright);width:32px;height:32px;color:var(--color-accent);justify-content:center;align-items:center;display:flex}.file-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-size{color:var(--color-text-muted);font-size:11px}.file-download{border:1px solid var(--color-border-bright);color:var(--color-accent);font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 12px;text-decoration:none}.file-download:hover{background:var(--color-accent);color:var(--color-bg)}.message.system{justify-content:center}.message.system .message-text{text-align:center;color:var(--color-text-muted);font-size:12px;font-style:italic}.input-indicator{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-info);justify-content:space-between;align-items:center;padding:8px 30px;font-size:12px;display:flex}.indicator-cancel{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.indicator-cancel:hover{color:var(--color-warning)}.message-actions-desktop{visibility:hidden;gap:4px;margin-left:auto;display:flex}.message:hover .message-actions-desktop{visibility:visible}.message-actions-mobile{margin-left:auto;display:none;position:relative}.msg-more-btn{border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;font-size:16px;font-family:var(--font-mono);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px 8px;line-height:1;display:flex}.msg-more-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.mobile-actions-menu{background:var(--color-bg);border:1px solid var(--color-border-bright);z-index:100;gap:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0006}.msg-action-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:17px;font-family:var(--font-mono);background:0 0;padding:4px 10px;line-height:1.2}.msg-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.msg-action-delete:hover{border-color:var(--color-warning);color:var(--color-warning)}.edited-tag{color:var(--color-text-muted);font-size:11px;font-style:italic}.message-deleted .message-content{opacity:.5}.message-deleted .message-image,.message-deleted .message-file{display:none}.deleted-text{color:var(--color-text-muted);font-style:italic}.message-highlight{animation:1.6s ease-out highlightFlash}@keyframes highlightFlash{0%{background:rgba(var(--color-accent-rgb), .3)}to{background:rgba(var(--color-accent-rgb), .02)}}.reply-preview{border-left:2px solid var(--color-info);background:rgba(var(--color-info-rgb), .05);cursor:pointer;transition:background var(--transition-fast);gap:8px;margin-bottom:4px;padding:6px 10px;font-size:12px;display:flex}.reply-preview:hover{background:rgba(var(--color-info-rgb), .1)}.reply-author{color:var(--color-info);white-space:nowrap;font-weight:600}.reply-content{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-highlight{color:var(--color-info);cursor:pointer;background:rgba(var(--color-info-rgb), .1);border-radius:2px;padding:0 2px;font-weight:600}.mention-highlight:hover,.mention-self{background:rgba(var(--color-info-rgb), .2)}.mention-dropdown{background:var(--color-bg);border:1px solid var(--color-border-bright);z-index:1200;min-width:200px;max-height:200px;overflow-y:auto;box-shadow:0 0 10px #00000080}.mention-item{cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;padding:8px 12px;display:flex}.mention-item:hover,.mention-item.selected{background:var(--color-surface-light)}.mention-item-name{color:var(--color-text);font-size:13px}.mention-item-username{color:var(--color-text-muted);font-size:12px}.slash-command-menu{background:var(--color-bg);border:1px solid var(--color-border-bright);z-index:1200;min-width:280px;max-height:260px;overflow-y:auto;box-shadow:0 0 12px #0009}.slash-command-item{cursor:pointer;transition:background var(--transition-fast);align-items:baseline;gap:10px;padding:8px 12px;display:flex}.slash-command-item:hover,.slash-command-item.selected{background:var(--color-surface-light)}.slash-command-name{color:var(--color-accent);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.slash-command-desc{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-badge{letter-spacing:1px;vertical-align:middle;border:1px solid;margin-left:4px;padding:1px 4px;font-size:9px}.role-owner{color:gold;border-color:gold}.role-owner-icon{color:#ffd84d;border-color:#ffd84dbf;padding:0 5px;font-size:12px;line-height:1.1}.role-admin{color:var(--color-warning);border-color:var(--color-warning)}.role-moderator{color:var(--color-info);border-color:var(--color-info)}.markdown-body{word-wrap:break-word;line-height:1.6}.markdown-body p{margin:0 0 8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{color:var(--color-text);font-weight:700}.markdown-body em{color:var(--color-text-dim);font-style:italic}.markdown-body code{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-accent);font-size:12px;font-family:var(--font-mono);padding:1px 4px}.markdown-body pre{background:var(--color-bg);border:1px solid var(--color-border);max-width:100%;margin:8px 0;padding:12px;overflow-x:auto}.markdown-body pre code{color:var(--color-text-dim);background:0 0;border:none;padding:0;font-size:13px}.markdown-body blockquote{border-left:3px solid var(--color-border-bright);color:var(--color-text-muted);margin:8px 0;padding:4px 12px}.markdown-body ul,.markdown-body ol{margin:4px 0;padding-left:20px}.markdown-body li{color:var(--color-text-dim);margin:2px 0}.markdown-body a{color:var(--color-info);border-bottom:1px solid var(--color-info);text-decoration:none}.markdown-body a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:12px 0}.markdown-body table{border-collapse:collapse;width:100%;margin:8px 0}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);padding:6px 10px;font-size:13px}.markdown-body th{background:var(--color-bg);color:var(--color-accent);font-weight:600}.users-sidebar{background:rgba(var(--color-bg-rgb), .8);border-left:var(--border-width-ui) solid var(--color-border-bright);width:280px;transition:width var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);flex-direction:column;display:flex}.users-sidebar-backdrop{display:none}.users-sidebar.collapsed{opacity:0;border-left:none;width:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:20px;display:flex}.sidebar-title{letter-spacing:2px;color:var(--color-text-dim);font-size:12px;font-weight:600}.sidebar-count{color:var(--color-accent);margin-left:auto;font-size:16px;font-weight:700}.users-sidebar-close{border-color:var(--color-border);width:28px;height:28px;padding:0;font-size:18px;line-height:1;display:none}.users-list{flex-direction:column;flex:1;gap:8px;padding:15px;display:flex;overflow-y:auto}.user-item{background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.user-item:hover{border-color:var(--color-accent);background:var(--color-surface-light)}.user-item:focus-visible{outline:2px solid var(--color-info);outline-offset:1px}.user-item-avatar{background:var(--color-bg);border:1px solid var(--color-border-bright);width:32px;height:32px;color:var(--color-accent);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-item-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-item-username{color:var(--color-text-muted);font-size:11px}.dm-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.user-item-actions{align-items:center;gap:10px;margin-left:10px;display:flex}.dm-btn:hover{border-color:var(--color-info);color:var(--color-info)}.kick-btn{opacity:.45;border-color:#ff444473;padding:3px}.kick-btn:hover{opacity:1;border-color:var(--color-warning);color:var(--color-warning);box-shadow:none}.user-item-status{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;font-style:italic;overflow:hidden}.avatar-img{object-fit:cover;border-radius:2px;width:100%;height:100%}.avatar-img-large{object-fit:cover;border-radius:4px;width:100%;height:100%}.user-item-offline{opacity:.45}.user-item-offline .user-item-avatar{filter:grayscale(80%)}.offline-section-toggle{border:none;border-top:1px solid var(--color-border);width:100%;color:var(--color-text-dim);letter-spacing:1.5px;font-size:10px;font-weight:600;font-family:var(--font-mono);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;align-items:center;gap:6px;margin-top:4px;padding:8px 4px;display:flex}.offline-section-toggle:hover{color:var(--color-text)}.leave-room-btn-inline{color:#f446;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.leave-room-btn-inline:hover{border-color:var(--color-warning);color:var(--color-warning)}.input-panel{background:var(--color-bg);border-top:var(--border-width-ui) solid var(--color-border-bright);padding:20px 30px}.input-wrapper{gap:10px;margin-bottom:8px;display:flex}.message-input{background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);transition:all var(--transition-fast);resize:none;scrollbar-width:none;-ms-overflow-style:none;outline:none;flex:1;min-height:46px;max-height:200px;padding:12px 16px;font-size:14px;line-height:1.5;overflow-y:auto}.message-input::-webkit-scrollbar{display:none}.message-input:focus{border-color:var(--color-border-bright);box-shadow:0 0 10px rgba(var(--color-border-bright-rgb), .3)}.input-actions{align-self:flex-end;gap:8px;display:flex}.emoji-toggle-btn{padding-inline:8px;font-size:17px;line-height:1}.emoji-toggle-btn.active{border-color:var(--color-info);color:var(--color-info)}.emoji-picker{background:var(--color-bg);border:1px solid var(--color-border-bright);width:220px;padding:8px;box-shadow:0 8px 18px #00000073}.emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.emoji-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 0;font-size:18px;line-height:1}.emoji-btn:hover,.emoji-btn-focused{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb), .08)}.send-btn{border:var(--border-width-ui) solid var(--color-accent);color:var(--color-accent);background:0 0;flex-shrink:0;align-self:flex-end}.send-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none}.send-btn:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 15px var(--color-accent)}.input-hint{color:var(--color-text-muted);text-align:center;font-size:11px}.typing-indicator{color:var(--color-info);opacity:0;min-height:20px;max-height:0;padding:6px 20px 0;font-size:12px;transition:opacity .2s,max-height .2s;overflow:hidden}.typing-indicator.typing-visible{opacity:1;max-height:40px}kbd{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-dim);padding:2px 6px;font-size:10px}.modal{z-index:1000;justify-content:center;align-items:center;padding:40px;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;position:absolute;inset:0}.modal-content{z-index:1;max-width:90vw;max-height:90vh;position:relative}.modal-close{background:var(--color-accent);color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px;position:absolute;top:-40px;right:-40px}.modal-close:hover{box-shadow:0 0 20px var(--color-accent);transform:rotate(90deg)}.panel-close-btn{border:1px solid var(--color-border);color:var(--color-text-dim);background:0 0;padding:6px;position:static;top:auto;right:auto}.panel-close-btn:hover{box-shadow:none;transform:rotate(90deg)}.panel-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-family:var(--font-display);letter-spacing:3px;color:var(--color-accent);text-shadow:0 0 8px var(--color-accent);font-size:20px}.confirm-dialog{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border-bright);width:min(460px,100%);box-shadow:0 0 24px rgba(var(--color-border-bright-rgb), .22);position:relative}.confirm-body{padding:20px}.confirm-message{color:var(--color-text-dim);margin-bottom:20px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-btn{padding:8px 14px}.confirm-btn-primary{border-color:var(--color-border-bright);color:var(--color-accent)}.confirm-btn-danger{border-color:var(--color-warning);color:var(--color-warning)}.confirm-btn-danger:hover{border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 0 10px #ff444459}.private-chat-panel{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-info);width:min(680px,92vw);max-height:84vh;box-shadow:0 0 30px rgba(var(--color-info-rgb), .3);flex-direction:column;display:flex;position:relative}.private-chat-header{border-bottom:1px solid var(--color-border);color:var(--color-info);letter-spacing:1px;justify-content:space-between;align-items:center;padding:15px 20px;font-size:14px;font-weight:600;display:flex}.private-chat-messages{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:10px;min-height:340px;max-height:56vh;padding:18px;display:flex;overflow-y:auto}.private-chat-messages::-webkit-scrollbar{display:none}.private-msg{box-sizing:border-box;border:1px solid rgba(var(--color-text-dim-rgb), .4);background:rgba(var(--color-bg-rgb), .92);border-radius:3px;flex-direction:column;gap:6px;width:fit-content;min-width:0;max-width:min(62%,420px);padding:10px 12px;display:flex}.private-msg-self{border-color:rgba(var(--color-info-rgb), .55);background:rgba(var(--color-info-rgb), .11);box-shadow:inset 0 0 0 1px rgba(var(--color-info-rgb), .14);align-self:flex-end}.private-msg-other{border-color:rgba(var(--color-accent-rgb), .42);background:rgba(var(--color-bg-rgb), .95);box-shadow:inset 0 0 0 1px rgba(var(--color-accent-rgb), .1);align-self:flex-start}.private-msg-author{color:var(--color-info);font-size:11px;font-weight:600}.private-msg-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.private-msg-content{color:var(--color-text-dim);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.private-msg-time{color:var(--color-text-muted);white-space:nowrap;font-size:10px}.private-chat-input{border-top:1px solid var(--color-border);background:var(--color-bg);align-items:flex-end;gap:8px;padding:12px 18px;display:flex}.private-chat-input .message-input{flex:1;min-height:42px}.private-chat-hint{color:var(--color-text-muted);text-align:left;padding:0 18px 12px;font-size:11px}.loading-text{text-align:center;color:var(--color-text-muted);padding:20px;font-size:12px}.user-profile-panel{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-accent);width:400px;max-width:90vw;box-shadow:0 0 30px rgba(var(--color-accent-rgb), .3);position:relative}.profile-header{border-bottom:1px solid var(--color-border);justify-content:flex-end;padding:10px 15px;display:flex}.profile-content{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.profile-avatar-large{background:var(--color-bg);border:var(--border-width-ui) solid var(--color-border-bright);width:80px;height:80px;color:var(--color-accent);border-radius:4px;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex;overflow:hidden}.profile-display-name{color:var(--color-accent);font-size:20px;font-weight:700}.profile-username{color:var(--color-text-dim);font-size:13px}.profile-status{color:var(--color-info);font-size:12px;font-style:italic}.profile-bio{color:var(--color-text-dim);background:var(--color-bg);border:1px solid var(--color-border);text-align:left;width:100%;padding:10px;font-size:13px;line-height:1.5}.profile-joined{color:var(--color-text-muted);font-size:11px}.profile-actions{gap:10px;margin-top:10px;display:flex}.profile-action-btn{border:1px solid var(--color-border-bright);color:var(--color-accent);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px;font-size:12px}.profile-action-btn:hover{background:var(--color-accent);color:var(--color-bg)}.profile-action-danger{border-color:var(--color-warning);color:var(--color-warning)}.profile-action-danger:hover{background:var(--color-warning);color:var(--color-bg)}.my-profile-panel{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-accent);width:460px;max-width:90vw;max-height:90vh;box-shadow:0 0 30px rgba(var(--color-accent-rgb), .3);flex-direction:column;display:flex;position:relative;overflow:hidden}.my-profile-content{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.my-profile-avatar-section{flex-direction:column;align-items:center;gap:8px;display:flex}.my-profile-avatar-section .profile-avatar-large{cursor:pointer;transition:all var(--transition-fast)}.my-profile-avatar-section .profile-avatar-large:hover{border-color:var(--color-info);box-shadow:0 0 15px rgba(var(--color-info-rgb), .4)}.my-profile-avatar-hint{color:var(--color-text-muted);letter-spacing:1px;font-size:10px}.my-profile-footer{flex-shrink:0;padding:0 24px 24px}.create-room-panel{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-accent);width:460px;max-width:90vw;max-height:90vh;box-shadow:0 0 30px rgba(var(--color-accent-rgb), .3);flex-direction:column;display:flex;position:relative;overflow:hidden}.create-room-content{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.radio-group{gap:20px;display:flex}.radio-label{color:var(--color-text-dim);cursor:pointer;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;display:flex}.radio-label input[type=radio]{accent-color:var(--color-accent);cursor:pointer;width:14px;height:14px}.room-field-hint{color:var(--color-text-muted);margin-top:6px;font-size:11px;line-height:1.4}.room-password-panel{z-index:1;background:var(--color-surface);border:var(--border-width-ui) solid var(--color-warning);flex-direction:column;width:400px;max-width:90vw;display:flex;position:relative;box-shadow:0 0 30px #ff44444d}.room-password-panel .panel-header{border-bottom-color:#ff44444d}.room-password-panel .panel-title{color:var(--color-warning);text-shadow:0 0 8px var(--color-warning)}.room-password-content{flex-direction:column;gap:20px;padding:24px;display:flex}.room-password-info{color:var(--color-text-muted);font-size:13px;line-height:1.5}.room-password-actions{align-items:center;gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:40px;display:flex}.modal-container{outline:none;position:relative}.popover-content{z-index:1200;outline:none}.tooltip{background:var(--color-surface);border:1px solid var(--color-border-bright);color:var(--color-text-dim);font-family:var(--font-mono);z-index:1300;pointer-events:none;max-width:280px;padding:6px 10px;font-size:11px;line-height:1.4;box-shadow:0 4px 12px #00000080}.select-trigger{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.select-trigger:hover:not(:disabled){border-color:var(--color-border-bright)}.select-trigger:focus{border-color:var(--color-border-bright);box-shadow:0 0 8px rgba(var(--color-border-bright-rgb), .3);outline:none}.select-trigger:disabled{opacity:.45;cursor:not-allowed}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0;font-size:12px}.select-chevron-open{transform:rotate(180deg)}.select-menu{background:var(--color-bg);border:1px solid var(--color-border-bright);z-index:1200;outline:none;max-height:270px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.select-option{cursor:pointer;font-family:var(--font-mono);color:var(--color-text-dim);transition:background var(--transition-fast), color var(--transition-fast);outline:none;padding:8px 12px;font-size:13px}.select-option:hover,.select-option-active{background:var(--color-surface-light);color:var(--color-text)}.select-option-selected{color:var(--color-accent)}.select-option-disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.modal-overlay{padding:16px}}.toast-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--color-bg);border:var(--border-width-ui) solid var(--color-border-bright);min-width:300px;box-shadow:0 0 20px rgba(var(--color-border-bright-rgb), .3);align-items:flex-start;gap:10px;padding:16px 20px;font-size:13px;animation:.3s ease-out toastSlide;display:flex}.toast-message{flex:1}.toast-close{color:var(--color-text-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.toast-close:hover{color:var(--color-text)}@keyframes toastSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.error{border-color:var(--color-warning);color:var(--color-warning)}.toast.success{border-color:var(--color-accent);color:var(--color-accent)}.search-bar{background:var(--color-bg);padding:10px 30px}.search-input-wrapper{background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-input-wrapper:focus-within{border-color:var(--color-border-bright);box-shadow:0 0 10px rgba(var(--color-border-bright-rgb), .3)}.search-input-wrapper svg{color:var(--color-text-muted);flex-shrink:0}.search-input{color:var(--color-text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-close-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.search-close-btn:hover{color:var(--color-accent)}.search-clear-btn{border:1px solid var(--color-border);color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 8px;font-size:10px}.search-clear-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.search-meta{color:var(--color-text-muted);justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;display:flex}.search-results{max-height:300px;margin-top:8px;overflow-y:auto}.search-result-item{border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px;padding:10px}.search-result-item:hover{border-color:var(--color-accent);background:var(--color-surface-light)}.search-result-header{justify-content:space-between;margin-bottom:4px;display:flex}.search-result-author{color:var(--color-accent);font-size:12px;font-weight:600}.search-result-time{color:var(--color-text-muted);font-size:11px}.search-result-content{color:var(--color-text-dim);font-size:13px}.search-highlight{background:rgba(var(--color-accent-rgb), .2);color:var(--color-accent);padding:0 2px}.search-no-results{text-align:center;color:var(--color-text-muted);padding:20px;font-size:13px}.search-result-selected,.search-result-item:focus{border-color:var(--color-accent);background:var(--color-surface-light)}.search-pagination{justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:6px 0;display:flex}.search-page-btn{border:1px solid var(--color-border);color:var(--color-text-dim);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 10px;font-size:11px}.search-page-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.search-page-btn:disabled{opacity:.3;cursor:default}.search-page-info{color:var(--color-text-muted);font-size:11px}.history-loader{background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:center;padding:10px;display:flex}.loader-text{color:var(--color-text-muted);font-size:12px;animation:1.5s ease-in-out infinite pulse}.messages-loading{justify-content:center;align-items:center;display:flex}.matrix-loader{flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.matrix-loader-text{font-family:var(--font-mono);letter-spacing:.3em;color:var(--color-text-muted);font-size:13px;animation:2s steps(3,end) infinite matrix-flicker}.matrix-loader-bar{background:var(--color-border);width:160px;height:2px;overflow:hidden}.matrix-loader-fill{background:var(--color-accent);width:40%;height:100%;box-shadow:0 0 8px var(--color-accent);animation:1.2s ease-in-out infinite matrix-scan}@keyframes matrix-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes matrix-flicker{0%,to{opacity:.4}50%{opacity:1}}.upload-indicator{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-info);align-items:center;gap:8px;padding:6px 30px;font-size:12px;display:flex}.upload-spinner{border:2px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.avatar-upload-overlay{background:#0009;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-upload-overlay .upload-spinner{border-width:3px;width:24px;height:24px}.role-bot{color:var(--color-accent);border-color:var(--color-accent)}.user-item-bot{opacity:.9}.message-bot .message-author{color:var(--color-accent)}.persona-hint{opacity:.5}.persona-result{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.persona-result-icon{font-size:32px}.persona-result-name{font-family:var(--font-heading);color:var(--color-accent);letter-spacing:1px;font-size:22px}.persona-result-bio{font-family:var(--font-mono);color:var(--color-text-dim);max-width:300px;font-size:12px}.persona-result-status{font-family:var(--font-mono);color:var(--color-primary);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:11px}@media (prefers-reduced-motion:reduce){.noise-overlay,.matrix-rain-layer{display:none}.title,.glitch,.glitch:before,.glitch:after,.btn-scan,.pulse-dot,.loader-text,.message,.toast{transition:none!important;animation:none!important}}.error-boundary{justify-content:center;align-items:center;width:100%;height:100vh;padding:40px;display:flex}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-icon{margin-bottom:16px;font-size:48px}.error-boundary-content h1{font-family:var(--font-display);letter-spacing:4px;color:var(--color-warning);margin-bottom:12px;font-size:32px}.error-boundary-content p{color:var(--color-text-dim);margin-bottom:24px;font-size:13px}.error-boundary-content .connect-btn{margin:0 auto}.app-loading{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.connection-banner{text-align:center;font-size:12px;font-family:var(--font-mono);letter-spacing:1px;flex-shrink:0;padding:6px 16px}.connection-banner.reconnecting{color:orange;background:#ffa50026;border-bottom:1px solid #ffa5004d}.connection-banner.failed{color:var(--color-warning);background:#ff444426;border-bottom:1px solid #ff44444d}.connection-banner.connecting{background:rgba(var(--color-info-rgb), .1);color:var(--color-info);border-bottom:1px solid rgba(var(--color-info-rgb), .2)}.code-block-wrapper{position:relative}.code-copy-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-dim);font-family:var(--font-mono);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);z-index:1;padding:3px 8px;font-size:10px;position:absolute;top:6px;right:6px}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-dashboard-container{background:var(--color-surface);border:var(--border-width-ui) solid var(--color-border-bright);width:min(1200px,96vw);height:min(860px,94vh);box-shadow:0 0 0 1px rgba(var(--color-border-bright-rgb), .1), 0 0 20px rgba(var(--color-border-bright-rgb), .15), inset 0 0 40px #00000073;flex-direction:column;padding:20px;display:flex;overflow:hidden}.admin-dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.admin-dashboard-title{font-family:var(--font-display);letter-spacing:2px;color:var(--color-accent);font-size:32px}.admin-dashboard-actions{gap:10px;display:flex}.admin-dashboard-loading,.admin-dashboard-error{border:1px solid var(--color-border);color:var(--color-text-dim);background:#0000004d;padding:12px;font-size:13px}.admin-dashboard-error{color:var(--color-warning);border-color:#f446}.admin-dashboard-shell{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.admin-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding-bottom:10px;display:flex}.admin-tab-btn{background:rgba(var(--color-accent-rgb), .06);border:1px solid rgba(var(--color-accent-rgb), .2);color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.7px;cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;font-size:11px}.admin-tab-btn:hover{color:var(--color-accent);border-color:rgba(var(--color-accent-rgb), .35)}.admin-tab-btn.active{color:var(--color-accent);border-color:rgba(var(--color-accent-rgb), .6);box-shadow:inset 0 0 0 1px rgba(var(--color-accent-rgb), .2);background:rgba(var(--color-accent-rgb), .12)}.admin-tab-content{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.admin-tab-stack{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:start;gap:14px;min-height:0;display:grid}.admin-card{border:1px solid var(--color-border);background:var(--color-inset-bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.admin-access-card,.admin-rooms-card{min-height:0}.admin-card-title{border-bottom:1px solid var(--color-border);letter-spacing:1px;color:var(--color-accent);padding:12px;font-size:13px}.admin-users-table-wrap{flex:1;min-height:0;overflow:auto}.admin-empty-cell{text-align:center;color:var(--color-text-muted);padding:16px 10px!important}.admin-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.admin-page-info{color:var(--color-text-muted);letter-spacing:1px;font-size:11px}.admin-user-filters{border-bottom:1px solid var(--color-border);grid-template-columns:1.3fr .9fr .9fr auto;gap:8px;padding:10px;display:grid}.admin-filter-input,.admin-filter-select{min-width:0;padding:8px 10px;font-size:12px}.admin-filter-input::placeholder{color:var(--color-text-muted);opacity:1}.admin-wide-select{width:100%}.admin-filter-count{color:var(--color-text-dim);white-space:nowrap;align-items:center;font-size:11px;display:flex}.admin-users-table{border-collapse:collapse;width:100%;font-size:12px}.admin-users-table th,.admin-users-table td{border-bottom:1px solid rgba(var(--color-border-rgb), .8);text-align:left;vertical-align:middle;white-space:nowrap;padding:10px}.admin-users-table th{color:var(--color-text-dim);letter-spacing:.5px;font-weight:600}.admin-role-select{background:var(--color-bg);border:1px solid var(--color-border);min-width:140px;color:var(--color-text);font-family:var(--font-mono);padding:6px 8px;font-size:12px}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-mini-btn{background:rgba(var(--color-accent-rgb), .1);border:1px solid rgba(var(--color-accent-rgb), .35);color:var(--color-text);letter-spacing:.5px;cursor:pointer;white-space:nowrap;padding:6px 8px;font-size:11px}.admin-mini-btn:disabled{opacity:.45;cursor:not-allowed}.admin-mini-btn:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.admin-mini-btn-danger{color:var(--color-warning);border-color:#ff444473}.admin-mini-btn-ok{border-color:rgba(var(--color-info-rgb), .45);color:var(--color-info)}.admin-state-badge{border:1px solid var(--color-border);letter-spacing:.5px;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.admin-state-badge.state-active{border-color:rgba(var(--color-accent-rgb), .35);color:var(--color-text)}.admin-state-badge.state-muted{color:#ffcd66;border-color:#ffc40073}.admin-state-badge.state-disabled{color:var(--color-warning);border-color:#ff444473}.admin-state-badge.state-bot{border-color:rgba(var(--color-info-rgb), .45);color:var(--color-accent)}.admin-username-btn{cursor:pointer;color:var(--color-accent);font:inherit;text-align:left;text-underline-offset:2px;background:0 0;border:none;flex-direction:column;gap:1px;padding:0;text-decoration:underline;display:flex}.admin-username-btn:hover{color:var(--color-text)}.admin-username-sub{color:var(--color-text-dim);font-size:10px;text-decoration:none}.admin-control-panel{border-bottom:1px solid var(--color-border);flex-direction:column;gap:10px;padding:10px;display:flex}.admin-control-row{flex-direction:column;align-items:stretch;gap:8px;display:flex}.admin-control-label{color:var(--color-text-dim);letter-spacing:.6px;min-width:0;font-size:11px}.admin-invite-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-invite-input{-moz-appearance:textfield;width:100%}.admin-invite-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-invite-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin-create-invite-btn{text-align:center;grid-column:1/-1;padding:8px 10px}.admin-latest-invite{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-latest-invite code{border:1px solid var(--color-border);color:var(--color-accent);background:#00000073;padding:4px 8px;font-size:12px}.admin-invite-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow:auto}.admin-invite-item{border:1px solid rgba(var(--color-border-rgb), .9);background:rgba(var(--color-bg-rgb), .8);flex-direction:column;gap:6px;padding:8px;display:flex}.admin-invite-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-invite-code{color:var(--color-accent);letter-spacing:.6px;font-size:12px}.admin-invite-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.admin-revoke-btn{padding:4px 8px;font-size:10px}.admin-invite-meta{color:var(--color-text-dim);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.admin-room-list{flex-direction:column;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.admin-room-item{border:1px solid rgba(var(--color-border-rgb), .9);background:rgba(var(--color-bg-rgb), .8);padding:10px}.admin-room-item-title{color:var(--color-accent);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.admin-room-item-meta{color:var(--color-text-dim);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.admin-room-capacity-track{border:1px solid var(--color-border);background:#0000008c;width:100%;height:6px;margin-top:8px}.admin-room-capacity-fill{background:linear-gradient(90deg, rgba(var(--color-info-rgb), .8), rgba(var(--color-accent-rgb), .8));height:100%;display:block}.admin-room-item-description{color:var(--color-text);word-break:break-word;margin-top:6px;font-size:12px}.admin-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;display:grid}.admin-metric{border:1px solid rgba(var(--color-border-rgb), .9);background:rgba(var(--color-bg-rgb), .8);flex-direction:column;gap:8px;padding:12px;display:flex}.admin-metric-label{color:var(--color-text-dim);letter-spacing:.6px;font-size:11px}.admin-metric-value{color:var(--color-accent);font-size:24px;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase}.admin-metric-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.admin-overview-room-list{flex-direction:column;gap:10px;min-height:0;max-height:min(44vh,380px);padding:10px;display:flex;overflow:auto}.admin-overview-room-row{border:1px solid rgba(var(--color-border-rgb), .9);background:rgba(var(--color-bg-rgb), .8);flex-direction:column;gap:8px;padding:10px;display:flex}.admin-overview-room-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-overview-room-name{color:var(--color-accent);letter-spacing:.4px;font-size:12px}.admin-overview-room-ratio{color:var(--color-text-dim);font-size:11px}@media (width<=1250px){.admin-tab-stack{grid-template-columns:1fr;grid-auto-rows:auto}.admin-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.admin-tab-stack,.admin-overview-metrics,.admin-invite-create-grid{grid-template-columns:1fr}.admin-create-invite-btn{grid-column:auto}}.pswp{--pswp-bg:rgba(var(--color-bg-rgb), .95);--pswp-placeholder-bg:rgba(var(--color-bg-rgb), .8);--pswp-icon-color:var(--color-text);--pswp-icon-color-secondary:var(--color-text-dim);--pswp-icon-stroke-color:var(--color-text)}.pswp__bg{background:var(--pswp-bg)!important}.pswp__button{color:var(--color-text)!important}.pswp__button:hover,.pswp__button:focus{color:var(--color-accent)!important}.pswp__counter{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.05em;font-size:.75rem}.pswp__zoom-wrap img{border:1px solid var(--color-border)}@media (width<=768px){.message-input,.search-input,input[type=text],input[type=password],textarea{font-size:16px!important}.title{font-size:40px}.login-container{padding:30px 20px}#lobby-screen{padding:0;overflow:hidden}.lobby-container{max-height:100dvh;box-shadow:none;border:none}.lobby-header{flex-wrap:nowrap;gap:10px;padding:14px 16px}.lobby-title-section{gap:10px;min-width:0}.lobby-title{letter-spacing:2px;font-size:24px}.lobby-user-info{display:none}.lobby-actions{flex-wrap:nowrap;flex-shrink:0;gap:4px}.lobby-action-btn .btn-label{display:none}.lobby-action-btn{gap:0;padding:8px}.mailbox-page{padding:0}.mailbox-container{border:none}.mailbox-header{flex-direction:column;align-items:flex-start;padding:14px 12px}.mailbox-actions{justify-content:space-between;width:100%}.mailbox-item{grid-template-columns:auto minmax(0,1fr);padding:12px}.mailbox-item-side{grid-column:2;justify-content:space-between;min-width:0}.mailbox-item-head{flex-direction:column;align-items:flex-start;gap:4px}.mailbox-preview{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.lobby-rooms-grid{grid-template-columns:1fr;grid-auto-rows:auto;padding:16px}.room-card-desc{display:block}.admin-dashboard-container{border:none;width:100%;height:100%;max-height:100%;padding:12px}.admin-tab-stack,.admin-overview-metrics{grid-template-columns:1fr}.admin-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.admin-tab-btn{white-space:nowrap}.admin-dashboard-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.room-name{font-size:22px}.room-status{display:none}.chat-header{padding:10px 12px}.header-left{gap:10px}.header-right{flex-wrap:nowrap;gap:6px}.header-tools,.header-session{gap:4px}.header-tools .icon-btn,.header-session .icon-btn{padding:6px}.user-info{display:none}.messages-container{padding:12px 0}.message{gap:10px;padding-left:14px;padding-right:14px}.message:not(.system) .message-content{max-width:min(88%,600px)}.search-bar{padding:10px 12px}.input-panel{padding:8px 10px}.input-wrapper{gap:8px;margin-bottom:0}.send-btn{display:none!important}.input-hint{display:none}.typing-indicator{padding:4px 10px 0;font-size:11px}.users-sidebar{z-index:1001;border-left:2px solid var(--color-border-bright);width:min(300px,85vw);position:fixed;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-8px 0 30px #00000080}.users-sidebar-backdrop{opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;background:#0000008c;border:none;display:block;position:fixed;inset:0}.users-sidebar-backdrop.active{opacity:1;pointer-events:auto}.users-sidebar.collapsed{opacity:1;border-left:2px solid var(--color-border-bright);width:min(300px,85vw);transform:translate(100%)}.users-sidebar-close{display:flex}.modal,.modal-overlay{padding:16px}.modal:has(.private-chat-panel){padding:0}.modal-overlay-private{padding:0}.private-chat-panel{width:100%;height:100%;max-height:100%;box-shadow:none;border:none}.private-chat-messages{flex:1;min-height:0;max-height:none}.private-msg{max-width:84%}.private-chat-hint{display:none}.toast{min-width:unset}.toast-container{left:12px;right:12px}.message-actions-desktop{display:none!important}.message-actions-mobile{display:flex}.icon-btn,.msg-action-btn,.modal-close,.panel-close-btn,.kick-btn,.dm-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.msg-more-btn{min-width:44px;min-height:44px}}@media (width<=430px){.message{gap:8px;padding-left:10px;padding-right:10px}.message-avatar{flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;font-size:13px}.messages-container{padding:8px 0}.message:not(.system) .message-content{word-break:break-word;overflow-wrap:break-word;max-width:min(85%,500px)}.message-text{font-size:15px;line-height:1.4}.message-text code,.message-text pre{max-width:100%;font-size:13px;overflow-x:auto}.message-text a{word-break:break-all}.input-panel{padding:8px 10px}.input-wrapper{gap:6px}.message-input{min-height:44px;padding:10px 12px;font-size:16px}.input-actions{gap:6px}.emoji-picker{width:200px}.emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.typing-indicator{padding:4px 10px 0;font-size:12px}}@media (width<=375px){.message{gap:6px;padding-left:8px;padding-right:8px}.message-avatar{width:28px;min-width:28px;height:28px;min-height:28px;font-size:11px}.message-text{font-size:14px}.input-panel{padding:6px 8px}.message-input{min-height:40px;padding:8px 10px}}@media (width<=430px){.chat-header{gap:8px;padding:8px 10px}.header-left{flex:1;gap:6px;min-width:0}.room-name{letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.header-right{flex-shrink:0;gap:4px}.header-tools,.header-session{gap:3px}.header-tools .icon-btn,.header-session .icon-btn{padding:4px;font-size:18px}.header-icon-count{display:none}.title{font-size:32px}.login-container{padding:20px 16px}.lobby-title{letter-spacing:1px;font-size:20px}.lobby-header{gap:8px;padding:10px 12px}}@media (width<=375px){.chat-header{padding:6px 8px}.room-name{letter-spacing:.5px;font-size:16px}.header-left{gap:4px}.header-tools .icon-btn,.header-session .icon-btn{padding:3px;font-size:16px}.title{font-size:28px}.lobby-title{font-size:18px}}@media (width<=430px){.users-sidebar,.users-sidebar.collapsed{width:min(280px,75vw)}.sidebar-header{padding:10px 12px}.users-list{padding:8px 0}.user-item{gap:8px;padding:10px 12px}.user-avatar{width:28px;min-width:28px;height:28px;font-size:11px}.user-info-text{gap:2px;font-size:12px}.user-status-label{padding:2px 6px;font-size:10px}.modal,.modal-overlay{padding:12px}.modal-header{margin-bottom:12px;padding:10px 0}.modal-title{font-size:16px}.modal-close{min-width:44px;min-height:44px;padding:2px}.modal input[type=text],.modal input[type=password],.modal input[type=email],.modal textarea,.modal select{padding:10px 12px;font-size:16px}.modal input[type=checkbox],.modal input[type=radio]{cursor:pointer;min-width:20px;min-height:20px}.form-group{gap:6px;margin-bottom:10px}.form-label{font-size:13px}.room-password-modal{flex-direction:column;width:100%;max-width:100%;max-height:100%;display:flex}.room-password-modal .modal-content{flex:1;overflow-y:auto}.modal:has(.private-chat-panel){width:100%;max-width:100%;height:100%;padding:0}}@media (width<=375px){.users-sidebar{width:min(260px,70vw)}.user-item{padding:8px 10px}.user-avatar{width:24px;height:24px;font-size:10px}.modal,.modal-overlay{padding:10px}.modal-title{font-size:15px}.form-label{font-size:12px}}@media (width<=430px){.message-meta{gap:4px;font-size:11px}.message-username{font-size:12px;font-weight:600}.message-timestamp{opacity:.7;font-size:10px}@keyframes headerPulse-mobile{0%,to{opacity:.3}50%{opacity:.7}}.chat-header:after{animation:4s ease-in-out infinite headerPulse-mobile}.users-sidebar{transition:transform .25s}.users-sidebar-backdrop{transition:opacity .25s}.icon-btn,.msg-action-btn,.msg-more-btn,.modal-close,.panel-close-btn,.kick-btn,.dm-btn,.emoji-toggle-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}button+button{margin-left:4px}.message-actions-mobile{gap:8px;padding:6px 8px}.msg-action-btn{min-width:40px;min-height:40px;font-size:16px}button:active{opacity:.8;transform:scale(.95)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-info);outline-offset:2px}.user-item{align-items:center;min-height:44px;display:flex}.user-card-inner{cursor:pointer;-webkit-user-select:none;user-select:none}.message-actions-mobile .msg-action-btn{-webkit-user-select:none;user-select:none}}