:root{color-scheme:dark;--text:#ffffff;--canvas:#000030;--red:#d60000;--green:#ffff00;--grey:#8396b3;--light:#b6c8df;--bevel-light:#d8e4f5;--bevel-dark:#39445f;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:var(--text);font:13px var(--font)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ffff00}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}a{color:var(--text)}button{color:inherit}button,fieldset,.dialog-window{border-radius:0}input[type=checkbox]{accent-color:#39c8ca}input,textarea,select{border:2px solid;border-color:#272727 #d6d6d6 #d6d6d6 #272727;background:#050505;color:#fff;border-radius:0;padding:7px;min-width:0}textarea{resize:vertical}button:active:not(:disabled),.retro-button[aria-selected=true]{border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark)}.retro-button{display:inline-block;border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:var(--grey);color:var(--text);padding:4px 9px;line-height:1.15;font-weight:700;text-decoration:none;white-space:nowrap}.retro-button:hover:not(:disabled){background:#777}.retro-button:disabled{color:#bbb}.tiny-link{border:0;background:transparent;padding:0;color:inherit;text-decoration:underline;font-size:11px;cursor:pointer}.site-shell{width:min(1220px,calc(100% - 48px));margin:0 auto}.masthead{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff}.tmf-mark{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:48px;letter-spacing:-5px;border:3px solid #fff;line-height:.94;padding:8px 10px 7px 5px;transform:skew(-6deg)}.brand-caption{font-size:9px;line-height:1.6;letter-spacing:1.2px}.brand-caption strong{font-size:22px;letter-spacing:3px;color:var(--text)}.masthead-right{display:flex;align-items:center;gap:12px}.tagline{color:#989898;font-size:12px;margin-right:18px}.own-nick{font-weight:700}.chat-window{border:2px solid;border-color:#cacaca #333 #333 #cacaca;background:#000;box-shadow:2px 2px 0 #171717}.window-title{display:flex;justify-content:space-between;align-items:center;background:#747474;color:#fff;padding:3px 5px;font-weight:700;font-size:12px;min-height:25px}.window-title-right{display:flex;align-items:center;gap:9px}.title-button{padding:0;width:19px;height:18px;line-height:13px;background:#aaa;border:2px solid;border-color:#eee #333 #333 #eee;color:#171717;font-weight:700;text-align:center}.channel-bar{display:flex;gap:3px;padding:5px 5px 4px;background:#050505;overflow:auto;scrollbar-width:thin}.channel-bar .retro-button{min-width:39px;padding:4px 7px;font-weight:800}.channel-bar .retro-button[aria-selected=true]{background:var(--text);color:#111}.channel-actions{display:flex;gap:4px;padding:0 5px 5px;flex-wrap:wrap}.channel-actions .retro-button{padding:3px 8px;font-size:12px}.mobile-people{display:none!important}.chat-tabs{display:flex;gap:3px;min-height:26px;padding:1px 5px 0;overflow-x:auto;border-bottom:1px solid #777;scrollbar-width:thin}.chat-tab{display:flex;align-items:center;gap:10px;background:#4e4e4e;border:1px solid;border-color:#b5b5b5 #171717 #171717 #b5b5b5;white-space:nowrap;padding:4px 7px;color:#c0c0c0;font-size:12px;cursor:pointer}.chat-tab.active{background:#000;color:var(--text);border-bottom-color:#000}.chat-tab button{border:0;background:transparent;color:#bcbcbc;padding:0;font-size:12px}.chat-tab .unread{background:#ffff00;color:#111;padding:0 3px;font-weight:700}.channel-heading{font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:5px 6px;font-size:12px}.channel-heading>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-stage{display:grid;grid-template-columns:minmax(0,1fr) 165px 175px;height:440px;min-height:300px;gap:4px;padding:0 5px}.conversation{min-width:0;position:relative;display:flex;flex-direction:column;border:2px solid;border-color:#222 #b7b7b7 #b7b7b7 #222;background:#000;overflow:hidden}.history-strip{display:flex;justify-content:space-between;align-items:center;min-height:21px;padding:3px 5px;color:#777;font-size:10px}.message-log{overflow:auto;flex:1;padding:3px 6px;font:13px/1.36 Arial,Helvetica,sans-serif;scrollbar-color:#aaa #4e4e4e;scrollbar-width:thin;overflow-wrap:anywhere;min-height:0}.message-log p{margin:0 0 2px}.chat-line{display:flex;align-items:baseline;gap:0}.chat-line time{color:#737373;font-size:10px;white-space:nowrap;margin-right:7px;font-variant-numeric:tabular-nums}.chat-line .message-text{min-width:0;white-space:pre-wrap}.chat-line.mention{background:#152423}.chat-nick{font:inherit;font-weight:400;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}.chat-nick:hover{text-decoration:underline}.message-text a{color:inherit;text-decoration:underline}.system-line{color:var(--green);font-size:12px}.local-line{color:#c0c0c0;font-size:12px}.message-log .log-welcome{margin:5px 0 15px;color:#888;line-height:1.5}.log-welcome strong{color:var(--text)}.typing-line{font-size:11px;color:#888;min-height:20px;padding:3px 6px}.new-messages{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:11px;z-index:2}.user-panel{background:#626262;border:2px solid;border-color:#ccc #222 #222 #ccc;display:flex;flex-direction:column;min-height:0}.user-panel-header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px;border-bottom:1px solid #333;font-size:11px}.user-panel-header label{display:flex;align-items:center;gap:3px;color:#e0e0e0}.user-panel-header input{margin:0}.user-panel-title{padding:4px 5px;font-size:11px;color:#d0d0d0;display:flex;justify-content:space-between;border-bottom:1px solid #777}.user-list{list-style:none;flex:1;overflow:auto;margin:0;padding:3px;scrollbar-width:thin;min-height:0}.user-list button{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;color:var(--text);font:12px/1.7 Arial,sans-serif;padding:0 3px}.user-list button.selected{background:#000;color:#32d0d3}.user-list button.away{color:#b9b9b9}.user-list button.ignored{text-decoration:line-through}.user-actions{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px 3px}.user-actions .retro-button{padding:3px 4px;font-size:11px}.user-actions #ignoreButton{grid-column:1/-1}.user-legend{font-size:10px;color:#dedede;padding:2px 5px 5px;line-height:1.6}.mobile-close{display:none}.composer{padding:4px 5px 5px}.composer>label{display:block;font-size:12px;font-weight:700;margin-bottom:3px}.composer-row{display:flex;gap:4px}.composer-row input{flex:1;min-width:0;padding:7px 5px;font-size:14px;line-height:1.3}.composer-row .retro-button{padding:6px 10px}.emoji-button{color:#ffff00}.back-banner{display:flex;align-items:center;gap:12px;min-height:51px;background:#f9b600;color:#080808;padding:7px 15px;margin:0 5px 5px;font-size:13px}.back-banner strong{font-weight:900}.banner-icon{font-size:33px;transform:skew(-12deg);margin-right:3px}.banner-link{margin-left:auto;border:0;padding:0;background:none;color:#151515;text-decoration:underline;white-space:nowrap;font-weight:700;font-size:11px}.status-bar{display:flex;gap:12px;align-items:center;background:#a1a1a1;color:#222;padding:3px 4px;font-size:11px;min-height:23px}.connection-state{display:flex;gap:5px;align-items:center;border:1px solid;border-color:#616161 #d4d4d4 #d4d4d4 #616161;padding:1px 4px;min-width:150px}.connection-state i{width:7px;height:7px;display:block;background:#666}.connection-state.online i{background:#218c00}.connection-state.error i{background:#aa1800}.server-clock{margin-left:auto;font-variant-numeric:tabular-nums}.site-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#626262;padding:12px 0 20px;line-height:1.5}.site-footer .tiny-link{font-size:10px;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.dialog-window{width:min(510px,100%);background:#c2c2c2;color:#161616;border:2px solid;border-color:#eee #242424 #242424 #eee;box-shadow:2px 2px 0 #000;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#003c66;color:#fff;font-weight:700;font-size:13px;padding:4px 5px;min-height:27px}.dialog-body{padding:15px;overflow:auto;font:13px/1.45 var(--font);min-height:0}.dialog-body h1{font-size:24px;line-height:1.2;margin:4px 0 14px;letter-spacing:-.6px}.dialog-body h2{font-size:15px;margin:10px 0 6px}.dialog-body p{margin:0 0 12px}.dialog-body a{color:#004a79}.dialog-body .retro-button{background:#b2b2b2;color:#111;border-color:#f8f8f8 #444 #444 #f8f8f8;padding:6px 10px}.dialog-body .retro-button:hover{background:#d0d0d0}.dialog-body label:not(.inline-check){display:block;font-weight:700;margin:0 0 12px}.dialog-body input:not([type=checkbox]),.dialog-body select,.dialog-body textarea{width:100%;display:block;margin-top:4px;color:#111;background:#fff;border-color:#707070 #eee #eee #707070;min-height:34px}.dialog-body textarea{min-height:70px}.dialog-body .inline-check{display:flex;gap:6px;align-items:center;margin:8px 0}.dialog-body input[type=checkbox]{min-height:0;padding:0}.dialog-body fieldset{border:1px solid #8b8b8b;margin:12px 0;padding:13px 12px 3px}.dialog-body legend{padding:0 5px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 100px;gap:12px}.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.form-error{color:#9b1000;font-weight:700;white-space:pre-line}.form-note,.small-note{font-size:11px;color:#4f4f4f}.auth-tabs{display:flex;gap:3px;margin-bottom:18px;border-bottom:1px solid #707070;padding-bottom:5px}.auth-tabs button[aria-selected=true]{background:#e0e0e0;font-weight:800}.welcome-symbol{color:#004d5b;font-size:32px;font-weight:900;letter-spacing:-2px;margin-bottom:9px}.hp-field{display:none!important}.room-search{margin-bottom:10px}.room-picker{list-style:none;padding:0;margin:0;max-height:330px;overflow:auto;border:2px solid;border-color:#707070 #eee #eee #707070;background:#fff}.room-picker li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-bottom:1px solid #e1e1e1}.room-picker li button{background:#b2b2b2;color:#111}.room-picker .room-name{font-weight:700}.room-picker .room-details{font-size:11px;color:#777}.room-count{font-size:11px;white-space:nowrap}.form-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-choices{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}.color-choice{height:25px;width:29px;border:2px solid #777;color:transparent}.color-choice.active{outline:2px solid #000;outline-offset:1px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#ffffc1;color:#222;border:2px solid #656565;padding:9px 14px;z-index:50;font-size:12px;box-shadow:2px 2px 0 #000;white-space:pre-line}.recovery-code{padding:12px;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:2px inset #ddd;text-align:center;font-weight:700;user-select:all;color:#161616}.code-list{border:2px inset #ddd;background:#fff;padding:9px}.code-list p{margin:0 0 6px;font-size:12px}.code-list code{font-weight:700;color:#004d5b}.profile-nick{font-size:23px;font-weight:800;color:#004d5b;margin:0 0 7px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.profile-meta{font-size:11px;color:#444}.profile-moderation{border-top:1px solid #888;margin-top:15px;padding-top:12px}.smiley-menu{display:flex;flex-wrap:wrap;gap:6px}.smiley-menu button{width:45px;height:35px;background:#b2b2b2;border:2px outset #eee;color:#111;font-weight:700}.emoticon{width:15px;height:15px;vertical-align:-3px;display:inline-block}.admin-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px}.admin-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}.admin-table th,.admin-table td{border:1px solid #aaa;padding:6px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.admin-table .retro-button{font-size:10px;padding:3px 4px;margin:2px}.admin-scroll{overflow:auto}.admin-row-body{white-space:pre-wrap;max-width:260px}.dialog-window.wide{width:min(850px,100%)}.setup-body{display:flex;justify-content:center;align-items:flex-start;padding:35px 15px;background:#080808}.setup-window{max-height:none;width:min(560px,100%)}.primary-link{display:inline-block}.window-icons{font-size:14px;letter-spacing:4px}.share-input{user-select:all}.chat-window:fullscreen{width:100%;height:100%;display:flex;flex-direction:column}.chat-window:fullscreen .chat-stage{flex:1;height:auto}.chat-window:fullscreen .status-bar{margin-top:auto}.demo-note{background:#ffffc1;border:1px solid #aaa;padding:9px;font-size:11px;color:#222}.empty-users{color:#ccc;font-size:11px;padding:8px 4px;line-height:1.5}.pending-indicator{color:#777;font-size:11px}
@media(min-height:900px){.chat-stage{height:calc(100dvh - 375px);max-height:720px}}
@media(max-width:1080px){.tagline{display:none}.site-shell{width:calc(100% - 28px)}.chat-stage{grid-template-columns:minmax(0,1fr) 155px 145px}.back-banner{font-size:12px}.banner-icon{font-size:28px}.channel-bar .retro-button{min-width:35px}}
@media(max-width:850px){.chat-stage{grid-template-columns:minmax(0,1fr) 155px}.site-shell{width:calc(100% - 20px)}.masthead{min-height:90px}.chat-stage{height:calc(100dvh - 360px);min-height:330px;max-height:none}.back-banner{padding:6px 9px}.banner-icon{display:none}}
@media(max-width:600px){html,body{height:100%;overflow:hidden}.site-shell{width:100%;height:var(--app-height,100dvh);display:flex;flex-direction:column;padding:0 5px}.masthead{min-height:64px;flex-shrink:0;gap:10px;padding:4px 3px}.tmf-mark{font-size:29px;letter-spacing:-3px;border-width:2px;padding:5px 7px 5px 2px}.brand{gap:7px}.brand-caption{font-size:6px;letter-spacing:.7px}.brand-caption strong{font-size:14px;letter-spacing:2px}.masthead-right{gap:6px}.masthead-right .retro-button{font-size:11px;padding:5px 7px}.own-nick{font-size:10px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window{display:flex;flex-direction:column;flex:1;min-height:0}.window-title{font-size:11px;min-height:24px}.channel-bar{gap:3px;flex-shrink:0;padding:4px}.channel-bar .retro-button{font-size:12px;min-width:34px;padding:5px 6px}.channel-actions{gap:3px;padding:0 4px 4px;flex-shrink:0}.channel-actions .retro-button{font-size:10px;padding:4px 5px}.channel-actions #newRoomButton{display:none}.mobile-people{display:inline-block!important;margin-left:auto}.channel-heading{min-height:25px;font-size:10px;flex-shrink:0}.channel-heading .tiny-link{font-size:9px;flex-shrink:0}.chat-tabs{min-height:26px;flex-shrink:0}.chat-tab{padding:4px 6px;font-size:11px}.chat-stage{display:block;flex:1;height:auto;min-height:0;padding:0 4px;position:relative}.conversation{height:100%}.message-log{font-size:13px;line-height:1.45;padding:3px 4px}.chat-line time{font-size:9px;margin-right:4px}.system-line{font-size:11px}.history-strip{font-size:9px}.user-panel{display:none;position:absolute;right:4px;top:0;bottom:0;width:180px;z-index:5;box-shadow:-6px 0 14px #0009}.user-panel.visible{display:flex}.mobile-close{display:inline-block;font-size:19px;text-decoration:none}.user-list button{font-size:13px;line-height:2}.composer{flex-shrink:0;padding:4px}.composer>label{font-size:11px;margin-bottom:3px}.composer-row input{font-size:16px;min-height:37px;padding:6px 4px}.composer-row .retro-button{padding:6px 7px;font-size:11px}.back-banner{flex-shrink:0;min-height:29px;gap:6px;margin:0 4px 4px;font-size:9px;padding:5px 7px}.back-banner strong{display:none}.banner-link{font-size:9px;max-width:87px;white-space:normal;text-align:right}.status-bar{flex-shrink:0;font-size:9px;gap:5px;min-height:22px}.connection-state{min-width:115px;padding:1px 3px}.server-clock{font-size:9px}.site-footer{flex-shrink:0;font-size:8px;padding:5px 2px calc(5px + env(safe-area-inset-bottom));gap:6px;line-height:1.2}.site-footer .tiny-link{font-size:8px}.site-footer>span{max-width:230px}.modal-overlay{padding:10px}.dialog-window{max-height:calc(100dvh - 20px)}.dialog-body{padding:12px}.dialog-body input:not([type=checkbox]),.dialog-body textarea,.dialog-body select{font-size:16px}.form-two-cols{grid-template-columns:1fr}.recovery-code{font-size:14px}.setup-body{height:auto;overflow:auto;padding:18px 10px}.setup-window{max-height:none}.toast{bottom:75px;font-size:11px}.channel-actions #settingsButton{font-size:10px}}
.message-time{border:0;background:transparent;padding:0;align-self:baseline;flex-shrink:0;line-height:inherit}.message-time:hover time{color:#aaa}.message-time time{display:inline-block}
.message-options{border:0;background:transparent;color:#777;padding:0 3px;margin-left:auto;align-self:baseline;flex-shrink:0;min-width:21px;line-height:inherit;opacity:0}.chat-line:hover .message-options,.chat-line:focus-within .message-options{opacity:1}.message-options:hover{color:var(--text)}.room-picker li>div:first-child{min-width:0;flex:1;overflow-wrap:anywhere}.room-buttons{display:flex;gap:4px;flex-shrink:0}.setup-checks{margin:0 0 18px;padding:10px 10px 10px 27px;background:#eee;color:#111;border:2px inset #ddd;font-size:12px}.setup-checks li{margin:4px 0}.setup-checks .failed{color:#9b1000;font-weight:700}
@media(max-width:600px){.message-options{opacity:1;min-width:27px;padding:3px 5px;margin-top:-3px;margin-bottom:-3px}.room-buttons{flex-direction:column}.dialog-window{max-height:calc(var(--app-height,100dvh) - 20px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}