:root{--teal: #006699;--teal-dark: #004466;--teal-light: #0099cc;--gold: #ffcc00;--title-bar: #0080c0;--title-bar-border: #004080;--window-bg: #c0c0c0;--surface: #ffffff;--inset: #808080;--highlight: #dfdfdf;--text: #000000;--text-muted: #404040;--font-logo: "VT323", monospace;--font-head: "Libre Baskerville", Georgia, "Times New Roman", serif;--font-ui: system-ui, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-height:100vh;background:var(--teal-dark);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.35}.crt{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:9999;opacity:.25}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{background:linear-gradient(180deg,var(--title-bar) 0%,#0060a0 50%,var(--title-bar-border) 100%);color:#fff;padding:0;border-bottom:2px solid var(--title-bar-border);box-shadow:0 2px 4px #0000004d}.header-inner{padding:.6rem 1rem .8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.logo{font-family:var(--font-logo);font-size:2.2rem;font-weight:400;margin:0;letter-spacing:.15em;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.tagline{margin:0;font-size:.85rem;opacity:.95;flex:1;min-width:200px}.user-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.signed-on-as{font-size:.8rem;opacity:.9;margin-right:.25rem}.current-user{font-weight:700;padding:.2rem .5rem;background:#0003;border-radius:2px;margin-right:.5rem;border:1px solid rgba(255,255,255,.3)}.btn{font-family:var(--font-ui);font-size:12px;padding:4px 12px;border:1px solid #003c70;border-radius:0;background:linear-gradient(180deg,#e8e8e8,#d0d0d0);color:var(--text);cursor:pointer;font-weight:600;box-shadow:1px 1px #fff inset,-1px -1px gray inset,1px 1px #404040}.btn:hover{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)}.btn:active{box-shadow:1px 1px gray inset,-1px -1px #fff inset;padding:5px 11px 3px 13px}.btn-ghost{background:transparent;border-color:#fff9;color:#fff;box-shadow:none}.btn-ghost:hover{background:#fff3;border-color:#fff}.btn-ghost:active{box-shadow:none;padding:4px 12px}.btn-send{background:linear-gradient(180deg,var(--teal-light) 0%,var(--teal) 100%);color:#fff;border-color:var(--teal-dark);box-shadow:1px 1px #ffffff4d inset,1px 1px #0000004d}.btn-send:hover{background:linear-gradient(180deg,#00aadd 0%,var(--teal-light) 100%)}.btn-back{margin-bottom:.5rem}.signon{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.signon-box{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.signon-logo{text-align:center}.signon-brand{font-family:var(--font-logo);font-size:4rem;font-weight:400;color:#fff;margin:0;letter-spacing:.2em;text-shadow:2px 2px 6px rgba(0,0,0,.5),0 0 30px rgba(0,153,204,.4)}.signon-tagline{margin:.25rem 0 0;color:#ffffffd9;font-size:.95rem;font-style:italic}.signon-panel{width:320px;max-width:100%}.signon-body{padding:20px 24px!important;text-align:center}.signon-label{display:block;font-weight:700;font-size:14px;margin-bottom:14px;color:var(--teal-dark);text-align:left}.signon-buttons{display:flex;flex-direction:column;gap:8px}.signon-btn{width:100%;padding:8px 16px!important;font-size:13px!important;font-weight:700!important}.signon-version{margin:14px 0 0;font-size:10px;color:var(--text-muted);opacity:.6}.signon-seo{margin-top:24px;max-width:520px;padding:20px 24px;background:#00000040;border-radius:6px;color:#ffffffd9;font-size:13px;line-height:1.6;text-align:left}.signon-seo h2{font-size:17px;margin:0 0 10px;color:#fff;font-family:VT323,monospace;letter-spacing:.5px}.signon-seo h3{font-size:14px;margin:14px 0 6px;color:#fff}.signon-seo ul{margin:6px 0 10px;padding-left:20px}.signon-seo li{margin-bottom:4px}.signon-seo strong{color:#fff}.signon-seo p{margin:0 0 8px}.dialup-window{max-width:340px;width:100%}.dialup-body{padding:28px 24px!important;text-align:center}.dialup-spinner-wrap{display:flex;justify-content:center;margin-bottom:18px}.dialup-spinner{width:64px;height:64px;border:6px solid var(--window-bg);border-top-color:var(--teal-light);border-right-color:var(--teal);border-radius:50%;animation:dialup-spin 1s linear infinite}@keyframes dialup-spin{to{transform:rotate(360deg)}}.dialup-status{font-size:13px;font-weight:700;color:var(--teal-dark);margin:0 0 16px;min-height:1.4em}.dialup-skip{font-size:11px!important;padding:3px 14px!important;opacity:.7}.dialup-skip:hover{opacity:1}.main{flex:1;padding:1rem;max-width:920px;margin:0 auto;width:100%}.view{display:block}.view.hidden{display:none!important}.window{border:2px solid;border-color:var(--highlight) var(--inset) var(--inset) var(--highlight);background:var(--window-bg);box-shadow:2px 2px 4px #0000004d;margin-bottom:1rem}.window-title{background:linear-gradient(90deg,var(--title-bar) 0%,#0090d0 100%);color:#fff;padding:4px 8px 5px 10px;font-size:13px;font-weight:700;border-bottom:1px solid var(--title-bar-border);display:flex;align-items:center;justify-content:space-between}.window-body{padding:10px;background:var(--surface);border:1px solid var(--inset);margin:2px;min-height:60px}.welcome-line{margin:0 0 .75rem;font-weight:600;color:var(--teal-dark);font-size:13px}.section-head{font-family:var(--font-head);font-size:1.1rem;margin:0 0 .5rem;color:var(--text);font-weight:700}.room-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.room-card{background:var(--surface);border:2px solid;border-color:var(--highlight) var(--inset) var(--inset) var(--highlight);padding:8px 12px;cursor:pointer;text-align:left;box-shadow:1px 1px #0000001a}.room-card:hover{background:#f0f8ff;border-color:var(--teal-light)}.room-card:active{border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);padding:9px 11px 7px 13px}.room-card h3{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--teal-dark)}.room-card p{margin:0;font-size:12px;color:var(--text-muted)}.room-window-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.room-header{display:flex;align-items:center;gap:.75rem;padding:6px 8px;flex-wrap:wrap}.room-body{display:grid;grid-template-columns:160px 1fr;gap:0;flex:1;min-height:0;overflow:hidden}@media(max-width:600px){.room-body{grid-template-columns:1fr}}.presence-sidebar{border-right:2px solid var(--inset);overflow-y:auto;padding:0;min-height:0}.sidebar-head{font-size:11px;font-weight:700;padding:4px 8px;background:var(--window-bg);border-bottom:1px solid #ccc;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.presence-sidebar .presence-list{padding:4px 8px}.btn-back-title{font-size:11px;padding:1px 8px;margin-left:auto;background:transparent;border-color:#ffffff80;color:#fff;box-shadow:none}.btn-back-title:hover{background:#fff3;border-color:#fff}@media(max-width:768px){.btn-back-title{display:none}}.presence-list{list-style:none;padding:0;margin:0;font-size:12px}.presence-list li{padding:3px 0;border-bottom:1px dotted #ccc}.presence-list li:last-child{border-bottom:none}.tab-bar{display:flex;flex-wrap:wrap;background:var(--window-bg);border-bottom:2px solid var(--inset);padding:0 2px;gap:1px;min-height:26px}.tab-bar .tab{display:flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer;background:linear-gradient(180deg,#e0e0e0,#c8c8c8);border:1px solid var(--inset);border-bottom:none;position:relative;top:1px;color:var(--text-muted);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.tab-bar .tab.active{background:var(--surface);color:var(--text);border-bottom:1px solid var(--surface);z-index:1}.tab-bar .tab .tab-badge{background:#c00;color:#fff;font-size:10px;font-weight:700;border-radius:2px;padding:0 4px;min-width:14px;text-align:center;line-height:14px}.tab-bar .tab .tab-close{font-size:14px;line-height:1;cursor:pointer;color:var(--text-muted);margin-left:2px;padding:0 2px}.tab-bar .tab .tab-close:hover{color:#c00}.chat-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:8px 10px;min-height:260px;max-height:55vh;background:#fafafa;border-bottom:1px solid #ccc}.msg{margin-bottom:6px;padding:4px 0;border-bottom:1px dotted #e0e0e0;font-size:13px}.msg:last-child{border-bottom:none}.msg .author{font-weight:700;color:var(--teal-dark);margin-right:6px}.msg .time{font-size:11px;color:var(--text-muted)}.msg .text{margin-top:2px}.msg-system{color:#888;font-style:italic;font-size:12px;border-bottom-color:transparent;padding:2px 0}.msg-system .time{font-style:normal}.msg-mod{color:#c44;font-style:italic;font-size:12px;font-weight:600;border-bottom-color:transparent;padding:2px 0}.msg-mod .time{font-style:normal;font-weight:400}.mod-notification-overlay{z-index:9999}.mod-notify-window{width:340px;max-width:90vw}.mod-notify-title{background:#c00}.mod-notify-body{padding:16px;text-align:center}.mod-notify-body p{margin:0 0 8px;font-size:13px;white-space:pre-line}.mod-notify-duration{font-size:12px;color:#c00}.mod-notify-duration strong{font-size:14px}.emoticon-bar{position:relative;display:flex;align-items:center;flex-shrink:0}.btn-emote-toggle{font-size:13px;padding:2px 8px;font-family:var(--font-ui);cursor:pointer;background:linear-gradient(180deg,#e8e8e8,#d0d0d0);border:1px solid #999;box-shadow:1px 1px #fff inset,-1px -1px gray inset;border-radius:0;color:var(--text)}.btn-emote-toggle:hover{background:linear-gradient(180deg,#f0f0f0,#e0e0e0)}.emoticon-picker{position:absolute;bottom:100%;left:4px;background:var(--surface);border:2px solid;border-color:var(--highlight) var(--inset) var(--inset) var(--highlight);box-shadow:2px 2px 6px #0000004d;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,32px);gap:2px;max-width:320px;z-index:50}.emoticon-picker.hidden{display:none}.emote-btn{width:32px;height:32px;font-size:18px;line-height:32px;text-align:center;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:2px}.emote-btn:hover{background:#def;border-color:var(--teal-light)}.emoticon{font-size:1.2em;vertical-align:middle;cursor:default}.message-form{display:flex;gap:6px;padding:8px 10px;background:var(--window-bg);border-top:2px solid var(--inset)}.message-form input{flex:1;font:inherit;font-size:13px;padding:5px 8px;border:2px solid;border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);background:var(--surface)}.message-form input:focus{outline:1px dotted var(--teal)}.message-form .btn-send{flex-shrink:0}.profile-header,.buddies-header{margin-bottom:.5rem}.profile-header h2,.buddies-header h2{font-family:var(--font-head);font-size:1.15rem;margin:.25rem 0 0;color:var(--text);font-weight:700}.profile-body,.buddies-body{background:var(--surface);border:none;padding:12px;margin:0;box-shadow:none}.profile-section{margin-bottom:1rem}.profile-section:last-child{margin-bottom:0}.profile-section h3{font-size:12px;font-weight:700;margin:0 0 4px;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.05em}.bio-edit{width:100%;min-height:72px;font:inherit;font-size:13px;padding:6px 8px;border:2px solid;border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);background:var(--surface);resize:vertical}.bio-edit:focus{outline:1px dotted var(--teal)}.achievement-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.achievement-item{background:var(--window-bg);border:2px solid;border-color:var(--highlight) var(--inset) var(--inset) var(--highlight);padding:4px 8px;font-size:12px;display:flex;align-items:center;gap:6px}.achievement-item .icon{font-size:1.1rem}.buddies-body{padding:0!important;display:flex;flex-direction:column;overflow:hidden}.bl-banner{background:linear-gradient(180deg,#ffc,#fe8);display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:2px solid #cc9900}.bl-figure{font-size:28px;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.2))}.bl-screenname{font-weight:700;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-toolbar{display:flex;gap:2px;padding:3px 6px;background:var(--window-bg);border-bottom:1px solid var(--inset)}.bl-tool{background:transparent;border:1px solid transparent;font-size:16px;padding:2px 6px;cursor:pointer;border-radius:2px;line-height:1}.bl-tool:hover{background:#e8e8e8;border-color:var(--inset)}.bl-tabs{display:flex;background:var(--window-bg);border-bottom:2px solid var(--inset)}.bl-tab{flex:1;background:linear-gradient(180deg,#e0e0e0,#c8c8c8);border:1px solid var(--inset);border-bottom:none;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-muted);text-align:center}.bl-tab.active{background:var(--surface);color:var(--text);border-bottom:1px solid var(--surface);position:relative;top:1px}.bl-groups{flex:1;overflow-y:auto;background:var(--surface);min-height:80px}.bl-group{-webkit-user-select:none;user-select:none}.bl-group-head{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;color:var(--text);cursor:pointer;background:var(--surface);border-bottom:1px solid #e0e0e0}.bl-group-head:hover{background:#f0f0f0}.bl-group-arrow{font-size:8px;width:12px;text-align:center;transition:transform .15s;color:var(--text-muted)}.bl-group.collapsed .bl-group-arrow{transform:rotate(-90deg)}.bl-group-count{font-weight:400;color:var(--text-muted);font-size:11px;margin-left:2px}.bl-group-items{padding:0;margin:0;list-style:none}.bl-group.collapsed .bl-group-items{display:none}.bl-buddy{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 24px;font-size:12px;cursor:default;border-bottom:1px solid #f0f0f0}.bl-buddy:hover{background:#e8f4ff}.bl-buddy-icon{font-size:12px;width:16px;text-align:center;flex-shrink:0}.bl-buddy-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-buddy-offline .bl-buddy-name{color:var(--text-muted)}.bl-buddy .bl-remove{visibility:hidden;background:none;border:none;color:#c00;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.bl-buddy:hover .bl-remove{visibility:visible}.bl-empty{padding:16px 12px;text-align:center;font-size:12px;color:var(--text-muted);font-style:italic}.bl-anon-msg{padding:20px 16px;text-align:center;font-size:12px;color:var(--text-muted);line-height:1.6}.bl-away{border-top:2px solid var(--inset);padding:8px;background:var(--window-bg)}.bl-away.hidden{display:none}.bl-away-head{font-size:11px;font-weight:700;margin-bottom:4px;color:var(--text)}.bl-away-input{width:100%;min-height:48px;font:inherit;font-size:12px;padding:4px 6px;border:2px solid;border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);background:var(--surface);resize:vertical;margin-bottom:4px}.bl-away-input:focus{outline:1px dotted var(--teal)}.bl-away-actions{display:flex;gap:4px}.bl-away-actions .btn{font-size:11px;padding:2px 10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-overlay.hidden{display:none!important}.modal.window{max-width:360px;width:100%;position:relative}.modal .window-title{padding-right:28px}.modal-close{position:absolute;top:2px;right:6px;background:transparent;border:none;font-size:18px;line-height:1;cursor:pointer;color:#fff;padding:0 4px}.modal-close:hover{color:var(--gold)}.modal .window-body{padding:16px}.modal h3{margin:0 0 12px;font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--teal-dark)}.auth-form .field{margin-bottom:10px}.auth-form label{display:block;font-weight:600;font-size:12px;margin-bottom:2px}.auth-form input{width:100%;font:inherit;font-size:13px;padding:5px 8px;border:2px solid;border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);background:var(--surface)}.auth-form input:focus{outline:1px dotted var(--teal)}.auth-form .btn-block{width:100%;margin-top:8px;padding:6px}.auth-form .error{color:#c00;font-size:12px;margin-top:4px}.auth-form .toggle{margin-top:12px;text-align:center;font-size:12px}.auth-form .toggle button{background:none;border:none;color:var(--teal);cursor:pointer;font-weight:700;text-decoration:underline}.auth-form .toggle button:hover{color:var(--teal-dark)}.auth-form .name-choice{display:flex;flex-direction:column;gap:6px}.auth-form .radio-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;cursor:pointer}.auth-form .radio-label input[type=radio]{width:auto;margin:0}.auth-form .name-choice input[type=text]:disabled{opacity:.5}.context-menu{position:fixed;z-index:200;background:var(--surface);border:2px solid;border-color:var(--highlight) var(--inset) var(--inset) var(--highlight);box-shadow:2px 2px 4px #0000004d;min-width:140px}.context-menu.hidden{display:none}.context-menu ul{list-style:none;margin:0;padding:2px 0}.context-menu li{padding:4px 16px;font-size:12px;cursor:pointer;white-space:nowrap}.context-menu li:hover{background:var(--title-bar);color:#fff}.context-menu li.ctx-separator{height:0;padding:0;margin:3px 4px;border-top:1px solid #999;cursor:default;pointer-events:none}.context-menu li.ctx-separator:hover{background:none}.context-menu li.ctx-danger{color:#c00}.context-menu li.ctx-danger:hover{background:#c00;color:#fff}.mod-dialog-window{width:360px;max-width:90vw}.mod-dialog-body{padding:12px 16px}.mod-dialog-body p{margin:0 0 12px;font-size:13px}.mod-field{margin-bottom:10px}.mod-field label{display:block;font-size:11px;font-weight:600;margin-bottom:3px}.mod-field input,.mod-field select{width:100%;padding:4px 6px;font-size:12px;border:2px solid;border-color:var(--inset) var(--highlight) var(--highlight) var(--inset);background:#fff;box-sizing:border-box}.mod-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.mod-dialog-actions .btn{padding:4px 16px;font-size:12px;cursor:pointer}.mod-dialog-actions .btn-primary{background:var(--title-bar);color:#fff;border:1px solid var(--title-bar)}.mod-dialog-actions .btn-primary:hover{opacity:.9}.presence-list li{cursor:default;-webkit-user-select:none;user-select:none}.presence-list li.self{font-weight:700;color:var(--teal-dark)}.role-icon{display:inline-block;vertical-align:middle;margin-right:4px}.role-icon.role-sysop{width:14px;height:14px;object-fit:contain;margin-bottom:4px}.role-icon.role-op{color:#daa520;font-size:12px}.role-icon.role-mod{color:#6a9edf;font-size:10px}.presence-list li.member-sysop{color:#d4af37;font-weight:700}.presence-list li.member-op{color:#daa520;font-weight:600}.presence-list li.member-mod{color:#6a9edf}.site-footer{background:linear-gradient(180deg,var(--title-bar-border) 0%,#002244 100%);color:#ffffffb3;border-top:2px solid var(--title-bar);padding:12px 1rem;margin-top:auto;font-size:11px}.footer-inner{max-width:920px;margin:0 auto;text-align:center}.footer-links{margin-bottom:6px}.footer-links a{color:#ffffffd9;text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--gold);text-decoration:underline}.footer-sep{margin:0 8px;opacity:.4}.footer-copy{margin:0;opacity:.6;font-size:10px}.legal-modal{max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column}.legal-modal .window-body.legal-body{overflow-y:auto;max-height:70vh;padding:16px 20px;font-size:12px;line-height:1.6}.legal-body h3{font-family:var(--font-head);font-size:1.1rem;margin:0 0 8px;color:var(--teal-dark)}.legal-body h4{font-size:12px;font-weight:700;margin:14px 0 4px;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.03em}.legal-body p{margin:0 0 8px}.legal-body ul{margin:0 0 8px;padding-left:20px}.legal-body li{margin-bottom:4px}@media(min-width:769px){.main.desktop-canvas{position:relative;overflow:hidden;padding:.5rem;max-width:none;min-height:calc(100vh - 70px)}.main.desktop-canvas.no-header{min-height:100vh}.desktop-canvas .view{display:contents}.desktop-canvas .view.hidden{display:none!important}.desktop-canvas .view.signon{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.desktop-canvas .window.wm-managed{position:absolute;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.desktop-canvas .window.wm-managed .window-body{flex:1;overflow:auto;min-height:0}.desktop-canvas .window.wm-managed .window-title{cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none}.desktop-canvas .window.wm-managed.dragging .window-title{cursor:grabbing}.desktop-canvas .room-header,.desktop-canvas .profile-header,.desktop-canvas .buddies-header{display:none}.desktop-canvas .messages{max-height:none;min-height:0;flex:1}}.resize-handle{position:absolute;z-index:2;background:transparent}.rh-n{top:-3px;left:8px;right:8px;height:6px;cursor:n-resize}.rh-s{bottom:-3px;left:8px;right:8px;height:6px;cursor:s-resize}.rh-e{right:-3px;top:8px;bottom:8px;width:6px;cursor:e-resize}.rh-w{left:-3px;top:8px;bottom:8px;width:6px;cursor:w-resize}.rh-nw{top:-3px;left:-3px;width:10px;height:10px;cursor:nw-resize}.rh-ne{top:-3px;right:-3px;width:10px;height:10px;cursor:ne-resize}.rh-sw{bottom:-3px;left:-3px;width:10px;height:10px;cursor:sw-resize}.rh-se{bottom:-3px;right:-3px;width:10px;height:10px;cursor:se-resize}.pm-window{display:flex;flex-direction:column}.pm-window .pm-win-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-unread-badge{background:#f44;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;margin-left:6px;flex-shrink:0;animation:pm-badge-pulse 1.5s ease-in-out 3}@keyframes pm-badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.pm-win-close{background:transparent;border:none;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:0 4px;flex-shrink:0;margin-left:auto}.pm-win-close:hover{color:var(--gold)}.pm-win-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:0}.pm-messages{flex:1;overflow-y:auto;padding:8px;min-height:80px;background:#fff;color:#000;font-size:13px;line-height:1.4}.pm-messages .msg{margin-bottom:6px}.pm-messages .msg .author{font-weight:700;color:var(--navy)}.pm-messages .msg .author.self{color:var(--teal)}.pm-messages .msg .time{font-size:10px;color:#999;margin-left:4px}.pm-messages .msg .text{margin-top:2px}.pm-loading{color:#999;font-style:italic;text-align:center;padding:16px 0}.pm-form{display:flex;gap:4px;padding:6px;border-top:1px solid var(--inset);background:var(--window-bg)}.pm-form input{flex:1;padding:4px 8px;font-size:13px;border:2px inset var(--inset);background:#fff;color:#000;font-family:inherit}.pm-form input:focus{outline:1px solid var(--teal)}.pm-form .btn-send{padding:4px 12px;font-size:12px}.pm-window.hidden{display:none!important}@media(max-width:768px){.pm-window{width:100%;max-width:100%;min-height:250px;max-height:400px}}.mobile-tab-bar{display:none}@media(max-width:768px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,#e8e8e8,#c8c8c8);border-top:2px solid var(--highlight);padding:0;justify-content:space-around;align-items:stretch;height:56px}.mobile-tab-bar[hidden]{display:none!important}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0;border:none;background:transparent;color:#555;font-size:10px;font-family:inherit;cursor:pointer;position:relative;transition:color .15s,background .15s}.tab-item:active{background:#00000014}.tab-item.active{color:var(--title-bar);font-weight:700}.tab-item.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:var(--title-bar);border-radius:0 0 3px 3px}.tab-item.disabled{opacity:.35;pointer-events:none}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:10px;line-height:1}.tab-badge{position:absolute;top:2px;right:calc(50% - 18px);background:#f44;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px}.tab-badge.hidden{display:none}.main{padding-bottom:60px}}.messages-body{padding:0}.msg-list-container{padding:8px}.msg-list-empty{color:var(--text-muted, #888);font-style:italic;text-align:center;padding:24px 0;font-size:13px}.msg-conv-list{list-style:none;padding:0;margin:0}.msg-conv-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--inset);cursor:pointer;transition:background .1s}.msg-conv-item:hover,.msg-conv-item:active{background:#0078b414}.msg-conv-icon{font-size:22px;flex-shrink:0;width:28px;text-align:center}.msg-conv-info{flex:1;min-width:0}.msg-conv-name{font-weight:700;font-size:13px;color:var(--navy, #003366);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-preview{font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.msg-conv-badge{background:#f44;color:#fff;font-size:10px;font-weight:700;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;padding:0 5px;flex-shrink:0}.msg-conv-time{font-size:10px;color:#aaa;flex-shrink:0}.mobile-pm-chat{display:flex;flex-direction:column;height:100%}.mobile-pm-chat.hidden{display:none!important}.mobile-pm-header{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--inset);background:var(--surface)}.mobile-pm-name{font-weight:700;font-size:14px;color:var(--navy, #003366)}.mobile-pm-chat .pm-messages{flex:1;overflow-y:auto;min-height:0}.mobile-pm-chat .pm-form{flex-shrink:0}@media(max-width:768px){.messages-body{display:flex;flex-direction:column;min-height:0}#view-messages .window{display:flex;flex-direction:column;flex:1;min-height:0}#view-messages .window-body{flex:1;min-height:0;overflow:hidden}.mobile-pm-chat{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);z-index:5}}@media(max-width:768px){#view-room .window{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 140px)}#view-room .window-body{flex:1;min-height:0;overflow:hidden}#view-buddies .window{max-height:calc(100vh - 140px)}.pm-window{display:none!important}}@media(min-width:769px){#view-messages,.mobile-tab-bar{display:none!important}}