html{height:100%}body{background:#000;color:#fff;font-family:Verdana,sans-serif;font-size:13px;margin:0;min-height:100%;overflow:hidden}
.log{padding:4px 6px;white-space:pre-wrap;word-wrap:break-word;line-height:1.35}
.join{color:#009300}.quit{color:#3B3BFF}.info{color:#FC7F00}.mode{color:#009300}.act{color:#C040C0}.sess{color:#7F7F7F}
a{color:#00FFFF}
.ts{color:#7F7F7F}
.wrap{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100vh - var(--hh,26px))}.wrap-row{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;min-height:0}.wrap-row .log{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.wrap-row .log>div{flex:none}#nl{position:sticky;top:calc(var(--hh,26px) + 4px);width:150px;flex:none;height:calc(100vh - var(--hh,26px) - 10px);margin:4px 4px 0 0;background:#C0C0C0;border:2px outset #fff;display:flex;flex-direction:column;font:13px Verdana,sans-serif;color:#000}#nl .nh{background:#000080;color:#fff;font-weight:bold;padding:2px 4px}#nl .nb{flex:1;overflow:auto;background:#000;color:#D2D2D2;margin:3px;border:2px inset #808080;padding:1px 3px;white-space:nowrap}#nl .op{color:#FF0000}#nl .vo{color:#009300}#nl .sp{color:#8a8a8a}#nl i{color:#666;font-style:normal}#nl .op{color:#FF5555}#nl .vo{color:#33CC33}#nl .ft{font-size:10px;padding:1px 4px;color:#333}@media(max-width:640px){#nl{display:none}}.m32{background:#c0c0c0;color:#000;font:13px Verdana,sans-serif;border-bottom:1px solid #808080;user-select:none}.m32 .tt{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:bold;padding:2px 3px;display:flex;align-items:center;gap:4px}.m32 .tt span.f{flex:1}.m32 .tt img.mi{width:20px;height:20px;flex:none;display:block;image-rendering:auto}.m32 .wb{display:inline-block;width:14px;height:12px;background:#c0c0c0;border:1px solid;border-color:#fff #404040 #404040 #fff;color:#000;font:bold 9px/11px Verdana;text-align:center;margin-left:2px}
.m32 .mb{padding:2px 2px;display:flex}.m32 .mb span{padding:1px 6px}.m32 .mb span:hover{background:#000080;color:#fff}
.m32 .tb{display:flex;align-items:center;padding:2px 3px;border-top:1px solid #fff;border-bottom:1px solid #808080;flex-wrap:wrap}.m32 button{width:23px;height:22px;padding:0;margin:0;background:#c0c0c0;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:default}.m32 button:hover,.m32 button:focus-visible{border-color:#fff #808080 #808080 #fff;outline:none}.m32 button:active{border-color:#808080 #fff #fff #808080;background:#b4b4b4}.m32 button:active svg{transform:translate(1px,1px)}.m32 .sep{width:2px;height:18px;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 4px}
.m32 .sw{display:flex;gap:3px;padding:3px 3px 2px;border-top:1px solid #fff}.m32 .sw span{display:flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid;border-color:#fff #808080 #808080 #fff;min-width:90px}.m32 .sw span.on{border-color:#808080 #fff #fff #808080;background:#d4d4d4;font-weight:bold}.m32 .sw .st{color:#c00}.hdr{position:sticky;top:0;z-index:20}.hdr nav{position:static}.log div{scroll-margin-top:calc(var(--hh,26px) + 40px)!important}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
#xps{position:sticky;top:var(--hh,26px);height:calc(100vh - var(--hh,26px));width:17px;flex:none;margin-right:4px;display:flex;flex-direction:column;background:#F4F4F0;border-left:1px solid #E2E1DA;user-select:none;touch-action:none}
#xps .xb{height:17px;flex:none;box-sizing:border-box;border:1px solid #B5C9F5;border-radius:3px;background:linear-gradient(90deg,#C4D5FF,#B0C8FB 45%,#A6C0F7);display:flex;align-items:center;justify-content:center;margin:0}
#xps .xb:hover,#xps .th:hover{background:linear-gradient(90deg,#DCE7FF,#CADBFF 45%,#BCD2FF);border-color:#C4D7FF}#xps .xb.pr,#xps .th.pr{background:linear-gradient(90deg,#9FB8EC,#8EAAE6);border-color:#8AA6E2}
#xps .tr{flex:1;position:relative;background:linear-gradient(90deg,#EEEDE5,#F4F3EE 50%,#EEEDE5)}#xps .tr.pr{background:#C4C3BC}
#xps .th{position:absolute;left:0;right:0;box-sizing:border-box;border:1px solid #B5C9F5;border-radius:3px;background:linear-gradient(90deg,#C4D5FF,#B0C8FB 45%,#A6C0F7);display:flex;align-items:center;justify-content:center}
#xps .gr{width:7px;height:8px;background:repeating-linear-gradient(180deg,#EEF4FE 0 1px,#8CB0F8 1px 2px)}.log{padding-bottom:0}#mi{position:sticky;bottom:0;z-index:15;margin:0;padding:1px 2px;width:100%;box-sizing:border-box;background:#c0c0c0;border-top:1px solid #808080;display:flex;align-items:center;gap:6px}#lsc{flex:none;font:11px Verdana,sans-serif;color:#000;min-width:2.5em;text-align:right;padding-left:4px}#lsc:empty{display:none}#mii{display:block;flex:1;width:100%;box-sizing:border-box;height:20px;background:#000;color:#fff;caret-color:#fff;border:none;box-shadow:inset 0 1px 0 #2a2a2a;font:13px/17px Verdana,sans-serif;padding:0 3px;outline:none;margin:0;border-radius:0;line-height:16px}#mii::placeholder{color:#808080}mark.ls{background:#3d3d1a;color:#ffff99;padding:0 1px;border-radius:1px}mark.ls.cur{background:#6a5a00;color:#ffffcc;box-shadow:0 0 0 1px #c9a227}:root{--ib:26px}#nl{height:calc(100vh - var(--hh,26px) - var(--ib,26px) - 10px)!important}#xps{height:calc(100vh - var(--hh,26px) - var(--ib,26px))!important}.m32 .sw a.swl{display:flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid;border-color:#fff #808080 #808080 #fff;min-width:90px;color:#000;text-decoration:none}.m32 .sw a.swl:hover{background:#d4d4d4}.log .ts{color:#a0a0a0!important}.m32 .tt span.f{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m32 #day{flex:none;font-weight:bold;padding:0 8px;white-space:nowrap}
html,body{height:100%;overflow:hidden}
body{display:flex;flex-direction:column}
.hdr{flex:none;position:relative!important;top:auto!important}
.wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;height:auto!important;min-height:0!important}
.wrap-row{flex:1;min-height:0;overflow:hidden}
.wrap-row .log{justify-content:flex-start;overflow-y:scroll}

#nl{position:relative!important;top:auto!important;height:100%!important;margin:4px 4px 4px 0}
#xps{display:none!important}
#mi{flex:none}
#nl{border:none!important;border-left:1px solid #808080!important;border-bottom:1px solid #808080!important}
#mii:disabled{opacity:1;color:#808080;-webkit-text-fill-color:#808080}
#mii.typing:disabled{color:#fff;-webkit-text-fill-color:#fff}
#day{margin-left:10px;font-weight:normal;font-size:12px;opacity:.9}
.live-badge{color:#0f0;font-size:11px;margin-left:8px;letter-spacing:1px}

#rnd{width:auto!important;height:21px!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:4px;padding:0 12px;cursor:pointer;font:11px Tahoma,"MS Sans Serif",sans-serif;color:#000;text-shadow:none;background:#c0c0c0;border:none;border-radius:0;box-shadow:inset -1px -1px 0 #404040,inset 1px 1px 0 #fff,inset -2px -2px 0 #808080,inset 2px 2px 0 #dfdfdf;line-height:normal}
#rnd:hover{background:#c0c0c0;color:#000}
#rnd:active{box-shadow:inset 1px 1px 0 #404040,inset -1px -1px 0 #fff,inset 2px 2px 0 #808080,inset -2px -2px 0 #dfdfdf;padding:1px 11px 0 13px}
#rnd:focus-visible{outline:1px dotted #000;outline-offset:-4px}

#nl .nh{display:none!important}

.wrap-row .log>div:first-child{margin-top:auto}
@supports not selector(::-webkit-scrollbar){.wrap-row .log{scrollbar-color:#c0c0c0 #dfdfdf;scrollbar-width:auto}}
.wrap-row .log::-webkit-scrollbar{width:17px;display:block}
.wrap-row .log::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0 25%,#fff 0 50%) 0 0/2px 2px}
.wrap-row .log::-webkit-scrollbar-thumb{background:#c0c0c0;border:1px solid;border-color:#dfdfdf #000 #000 #dfdfdf;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080}
.wrap-row .log::-webkit-scrollbar-button:single-button{display:block;height:17px;background-color:#c0c0c0;border:1px solid;border-color:#dfdfdf #000 #000 #dfdfdf;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080;background-repeat:no-repeat;background-position:center}
.wrap-row .log::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 4L3.5 0L7 4z'/%3E%3C/svg%3E")}
.wrap-row .log::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0L3.5 4L7 0z'/%3E%3C/svg%3E")}
.wrap-row .log::-webkit-scrollbar-button:active{border-color:#808080;box-shadow:none}