:root{color-scheme:light;font-family:Tahoma,Verdana,Geneva,sans-serif;--w2k-gray-0:#f8f8f8;--w2k-gray-1:#dfdfdf;--w2k-gray-2:#c7c7c7;--w2k-gray-3:#a8a8a8;--w2k-gray-4:#7f7f7f;--w2k-gray-5:#2b2b2b;--w2k-blue-0:#dbe8ff;--w2k-blue-1:#0e4ea8;--w2k-blue-2:#083878;--w2k-blue-3:#03295f;--w2k-border-light:#ffffff;--w2k-border-mid:#c0c0c0;--w2k-border-shadow:#7d7d7d;--w2k-border-dark:#2f2f2f;--w2k-space-1:4px;--w2k-space-2:8px;--w2k-space-3:12px;--w2k-space-4:16px;--w2k-space-5:20px;--w2k-control-height:26px}*,:after,:before{box-sizing:border-box}body{margin:0;color:#050505;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.26),transparent 42%),linear-gradient(150deg,#0a4b89,#1d6db5 42%,#0a4e90);min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px dotted #083878;outline-offset:2px}.desktop-canvas{min-height:100vh;padding:16px;position:relative;background:transparent}.chat-window{max-width:1240px;margin:0 auto;background:var(--w2k-gray-1);border:1px solid var(--w2k-border-dark);box-shadow:0 16px 28px rgba(0,0,0,.26)}.window-titlebar{height:30px;padding:0 var(--w2k-space-2);background:linear-gradient(90deg,var(--w2k-blue-3),var(--w2k-blue-1));color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px}.titlebar-caption{display:inline-flex;align-items:center;gap:7px}.titlebar-dot{width:10px;height:10px;border-radius:1px;background:radial-gradient(circle at 30% 30%,#fff,#9dc2ef 50%,#2866b8);border:1px solid rgba(255,255,255,.5)}.titlebar-controls{display:inline-flex;gap:2px}.titlebar-control{width:23px;height:17px;display:inline-flex;justify-content:center;align-items:center;color:#0a2c5b;background:var(--w2k-gray-1);border-top:1px solid var(--w2k-border-light);border-left:1px solid var(--w2k-border-light);border-right:1px solid var(--w2k-border-dark);border-bottom:1px solid var(--w2k-border-dark);font-size:10px;line-height:1;padding:0;cursor:default;font-family:inherit}.titlebar-control-close{cursor:pointer}.titlebar-control-close:hover{background:#c0392b;color:#fff}.window-menubar{gap:18px;height:26px;padding:0 var(--w2k-space-3);background:var(--w2k-gray-0);border-bottom:1px solid var(--w2k-border-mid)}.topic-strip,.window-menubar{display:flex;align-items:center;font-size:12px}.topic-strip{margin:var(--w2k-space-2) var(--w2k-space-2) 0;min-height:32px;padding:6px var(--w2k-space-2);background:#fdfdfd;gap:var(--w2k-space-2)}.topic-label{color:#444;font-weight:700;white-space:nowrap}.topic-text{color:#111;overflow-wrap:anywhere}.chat-grid{display:grid;grid-template-columns:246px minmax(320px,1fr) 248px;grid-gap:var(--w2k-space-2);gap:var(--w2k-space-2);padding:var(--w2k-space-2)}.chat-pane{background:#ececec;min-height:520px;display:flex;flex-direction:column}.pane-head{min-height:28px;font-size:12px;color:#06224a;border-bottom:1px solid var(--w2k-border-mid);background:linear-gradient(180deg,#fbfbfb,#e8e8e8)}.pane-head,.pane-subhead{display:flex;align-items:center;padding:0 var(--w2k-space-2);font-weight:700}.pane-subhead{min-height:26px;margin-top:var(--w2k-space-2);font-size:11px;color:#353535}.tab-row{display:flex;align-items:flex-end;padding:var(--w2k-space-1) var(--w2k-space-2) 0;gap:4px;min-height:32px}.ui-tab{padding:5px 10px 4px;border-top:1px solid var(--w2k-border-light);border-left:1px solid var(--w2k-border-light);border-right:1px solid var(--w2k-border-dark);border-bottom:1px solid var(--w2k-border-dark);background:#d8d8d8;font-size:11px}.ui-tab-active{background:#efefef;border-bottom-color:#efefef;font-weight:700}.ui-list{list-style:none;margin:0;padding:0 var(--w2k-space-2) var(--w2k-space-2);display:flex;flex-direction:column;gap:2px;overflow:auto}.ui-list-condensed{gap:1px}.ui-list-row{min-height:24px;padding:3px 6px;display:flex;align-items:center;gap:6px;color:#101010;border:1px solid transparent;font-size:12px}.ui-list-row-active{background:var(--w2k-blue-0);border-color:#90b0db}.ui-list-row:hover{background:#f7f7f7;border-color:#c3c3c3}.ui-list-row-muted{color:#666}.channel-prefix{color:#0e4ea8;font-weight:700}.room-shortcuts{margin:auto var(--w2k-space-2) var(--w2k-space-2);padding:6px;font-size:11px;color:#2d2d2d;background:#f4f4f4;border:1px solid #cecece}.transcript-pane{min-width:0}.chat-log{flex:1 1;overflow:auto;background:#fefefe;padding:var(--w2k-space-2)}.chat-line{margin:0 0 12px;padding:0;line-height:1.55;font-size:13px;word-break:break-word;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.chat-line-continuation{padding-left:1.6em}.system-line{margin:0;font-size:13px;color:#254e13}.msg-author{color:#03295f;font-weight:700}.msg-time{color:#4d4d4d;font-size:11px;font-weight:700}.msg-body{margin-right:4px}.msg-tags{color:#4a4a4a;font-size:11px;margin-left:auto}.system-separator{margin:18px 0 10px;padding:5px 8px;font-size:12px;background:#f3f9ef;border:1px dashed #8bb276;border-left:3px solid #5a9244;color:#114706;display:grid;grid-template-columns:auto 1fr;grid-gap:6px 8px;gap:6px 8px;align-items:baseline}.system-body{font-size:13px;color:#12310b;font-weight:700}.users-pane .ui-list{padding-top:var(--w2k-space-2)}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#2fa12f;box-shadow:0 0 0 1px rgba(0,0,0,.18)}.presence-dot-idle{background:#c3962a}.status-card{margin:0 var(--w2k-space-2) var(--w2k-space-2);padding:7px;background:#f9f9f9}.status-label{margin:0 0 4px;color:#3d3d3d;font-size:11px;font-weight:700}.status-value{margin:0;color:#111;font-size:12px;line-height:1.35}.window-statusbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;grid-gap:var(--w2k-space-2);gap:var(--w2k-space-2);padding:var(--w2k-space-2);border-top:1px solid var(--w2k-border-mid);background:var(--w2k-gray-1)}.composer-wrap{gap:8px}.composer-wrap,.input-wrap{display:flex;align-items:center}.input-wrap{position:relative;width:100%}.fake-input{min-height:var(--w2k-control-height);width:100%;padding:0 var(--w2k-space-2);padding-right:18px;background:#fff;font-size:12px;color:#171717;border-radius:0}.input-prompt{color:#094894;font-weight:700}.fake-input::placeholder{color:#575757}.ui-button{min-width:76px;min-height:var(--w2k-control-height);padding:0 12px;border-top:1px solid var(--w2k-border-light);border-left:1px solid var(--w2k-border-light);border-right:1px solid var(--w2k-border-dark);border-bottom:1px solid var(--w2k-border-dark);background:linear-gradient(180deg,#fdfdfd,#d7d7d7);font-size:12px;color:#202020}.ui-button:active{border-color:var(--w2k-border-dark) var(--w2k-border-light) var(--w2k-border-light) var(--w2k-border-dark);background:linear-gradient(180deg,#d7d7d7,#fdfdfd)}.ui-button-toggle{width:100%}.ui-button-toggle-on{color:#003f00;font-weight:700}.status-led-wrap{min-height:var(--w2k-control-height);min-width:95px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;color:#05356f;background:#fff}.status-led{width:8px;height:8px;border-radius:50%;background:#14b82b;animation:statusPulse 1.8s ease-in-out infinite}.status-led-connecting{background:#c78b1d}.status-led-syncing{background:#dbb418}.status-led-online{background:#14b82b}.ui-inset{border-top:1px solid var(--w2k-border-shadow);border-left:1px solid var(--w2k-border-shadow);border-right:1px solid var(--w2k-border-light);border-bottom:1px solid var(--w2k-border-light)}.ui-outset{border-top:1px solid var(--w2k-border-light);border-left:1px solid var(--w2k-border-light);border-right:1px solid var(--w2k-border-dark);border-bottom:1px solid var(--w2k-border-dark)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.blink-caret{position:absolute;right:4px;pointer-events:none;color:#0b4e98;font-weight:700;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{0%,50%{opacity:1}51%,to{opacity:0}}.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}@media (max-width:1080px){.chat-grid{grid-template-columns:224px minmax(280px,1fr)}.users-pane{grid-column:1/-1;min-height:220px}.msg-tags{margin-left:0}}@media (max-width:800px){.desktop-canvas{padding:8px}.window-menubar{gap:10px;padding:0 var(--w2k-space-2)}.chat-grid{grid-template-columns:1fr}.chat-pane{min-height:240px}.window-statusbar{grid-template-columns:1fr}.composer-wrap,.status-led-wrap,.ui-button{width:100%}.system-separator{grid-template-columns:1fr}.system-body{grid-column:1}}