*{box-sizing:border-box}body{margin:0;background:#087b7b;font:14px Tahoma,Verdana,Arial,sans-serif;color:#111;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.window{width:min(1100px,100%);height:min(780px,calc(100vh - 40px));min-height:420px;background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff;box-shadow:2px 2px 0 #000;display:flex;flex-direction:column}.titlebar,.dialogtitle{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;padding:5px 7px;font-weight:bold;display:flex;justify-content:space-between}.winbuttons{background:#c0c0c0;color:#111;padding:0 6px}.menubar{padding:6px 10px}.toolbar{border-top:1px solid #fff;border-bottom:1px solid #888;padding:9px 10px}.workspace{display:flex;gap:6px;padding:7px;flex:1;min-height:0}.chat{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.log{background:white;border:2px solid;border-color:#777 #fff #fff #777;overflow-y:auto;flex:1;padding:8px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.line{margin:0 0 3px}.time{color:#777}.nick{color:#000080;font-weight:bold}.action{color:#a000a0}.system,.welcome{color:#008040}.sendform{display:flex;gap:6px;align-items:center}.sendform input{flex:1;min-width:0}.sendform span{font-weight:bold;color:#000080}.sendform input,.dialog input{padding:7px;border:2px solid;border-color:#777 #fff #fff #777;font:inherit}.sendform button,.dialog button{font:inherit;padding:7px 14px;border:2px solid;border-color:#fff #555 #555 #fff;background:#c0c0c0;cursor:pointer}.side{width:195px;background:white;border:2px solid;border-color:#777 #fff #fff #777;display:flex;flex-direction:column}.sidehead{background:#000080;color:#fff;padding:7px;font-weight:bold}.users{flex:1;overflow:auto;padding:7px}.user{padding:3px 0}.op{color:#a00000;font-weight:bold}.sidefoot{padding:7px;border-top:1px solid #bbb;color:#555}.status{display:flex;justify-content:space-between;padding:5px 9px;border-top:1px solid #fff;color:#444}.overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:12px}.overlay[hidden]{display:none}.dialog{background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff;width:min(410px,100%);box-shadow:3px 3px #111}.dialogbody{padding:20px;display:flex;flex-direction:column;gap:10px}.dialog h1{font-size:19px;margin:0}.dialog p{margin:0 0 5px}.dialog label{font-weight:bold}.dialog small{color:#444}.error{color:#b00000;min-height:18px}.dialog button{font-weight:bold}.dialog input[hidden],.dialog label[hidden]{display:none}@media(max-width:600px){body{padding:5px}.window{height:calc(100dvh - 10px);min-height:380px}.side{width:115px}.toolbar{font-size:12px}.sendform button{padding:7px}.log{font-size:12px}}

.menubar button{font:inherit;color:inherit;border:0;background:transparent;padding:0;cursor:pointer}.menubar button:hover{text-decoration:underline}

/* MP-IRC v0.3: Abwesende Teilnehmer in der Nickliste */
.user.away{opacity:.58;font-style:italic}