:root{--bg:#0f1117;--surface:#1a1b23;--border:#2e303a;--text:#9ca3af;--text-h:#f3f4f6;--accent:#6366f1;--accent-hover:#818cf8;--green:#22c55e;--yellow:#eab308;--red:#ef4444;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,sans-serif;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#root{max-width:720px;margin:0 auto;padding:24px 16px}header{margin-bottom:20px}header h1{color:var(--text-h);margin-bottom:4px;font-size:22px;font-weight:600}.subtitle{color:var(--text);margin-bottom:12px;font-size:13px}.username-bar input{background:var(--surface);border:1px solid var(--border);color:var(--text-h);border-radius:6px;outline:none;padding:6px 10px;font-size:14px}.username-bar input:focus{border-color:var(--accent)}.tabs{gap:4px;margin-bottom:16px;display:flex}.tabs button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .15s}.tabs button:hover{border-color:var(--accent);color:var(--text-h)}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.chat-panel .info-bar{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.chat-panel .info-bar .mode{color:var(--text-h);font-weight:600}.chat-panel .info-bar .stats{color:var(--text)}.messages{flex-direction:column;gap:6px;height:360px;padding:12px 14px;display:flex;overflow-y:auto}.messages .msg{font-size:14px;line-height:1.4}.messages .msg .author{color:var(--accent-hover);margin-right:6px;font-weight:600}.messages .msg .text{color:var(--text-h)}.messages .empty{color:var(--text);margin:auto;font-size:13px;font-style:italic}.send-bar{border-top:1px solid var(--border);display:flex}.send-bar input{color:var(--text-h);background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:14px}.send-bar button{background:var(--accent);color:#fff;cursor:pointer;border:none;padding:12px 20px;font-size:14px;font-weight:600}.send-bar button:hover{background:var(--accent-hover)}.how-it-works{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:14px;font-size:13px;line-height:1.6}.how-it-works h3{color:var(--text-h);margin-bottom:6px;font-size:13px}.how-it-works code{color:var(--accent-hover);background:#ffffff0f;border-radius:3px;padding:1px 5px;font-size:12px}.how-it-works .pros{color:var(--green)}.how-it-works .cons{color:var(--red)}.threads-content{flex-direction:column;gap:14px;padding:16px;display:flex}.threads-control label{color:var(--text-h);align-items:center;gap:10px;font-size:14px;display:flex}.threads-control input[type=range]{accent-color:var(--accent);flex:1}.threads-buttons{gap:8px;display:flex}.threads-buttons button{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.threads-buttons button:disabled{opacity:.5;cursor:not-allowed}.btn-main-thread{background:var(--red)}.btn-worker-thread{background:var(--green)}.btn-child-process{background:var(--accent)}.result{border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.result-main{color:var(--red);background:#ef44441a}.result-worker{color:var(--green);background:#22c55e1a}.result-child{color:var(--accent-hover);background:#6366f11a}.result-hash{opacity:.7;font-family:monospace;font-size:11px}.ping-monitor{border-top:1px solid var(--border);padding-top:14px}.ping-monitor h4{color:var(--text-h);margin-bottom:8px;font-size:13px;font-weight:500}.ping-hint{color:var(--text);font-weight:400}.ping-bars{background:#ffffff05;border-radius:6px;align-items:flex-end;gap:3px;height:60px;padding:4px;display:flex}.ping-bar{border-radius:2px;flex:1;min-height:4px;transition:height .2s}.ping-ok{background:var(--green)}.ping-slow{background:var(--yellow)}.ping-dead{background:var(--red)}.ping-legend{gap:14px;margin-top:6px;font-size:11px;display:flex}.ping-ok-label{color:var(--green)}.ping-slow-label{color:var(--yellow)}.ping-dead-label{color:var(--red)}.cluster-controls{gap:8px;display:flex}.cluster-controls button{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600}.cluster-controls button:disabled{opacity:.5;cursor:not-allowed}.cluster-slider label{color:var(--text-h);align-items:center;gap:10px;font-size:14px;display:flex}.cluster-slider input[type=range]{accent-color:var(--accent);flex:1}.cluster-distribution{border:1px solid var(--border);border-radius:8px;padding:12px}.cluster-distribution h4{color:var(--text-h);margin-bottom:10px;font-size:13px;font-weight:500}.dist-row{align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.dist-label{min-width:150px;color:var(--text-h);font-family:monospace;font-size:11px}.dist-bar-bg{background:#ffffff0a;border-radius:4px;flex:1;height:18px;overflow:hidden}.dist-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.dist-count{text-align:right;min-width:70px;color:var(--text);font-family:monospace;font-size:11px}.cluster-log{border-top:1px solid var(--border);padding-top:12px}.cluster-log h4{color:var(--text-h);margin-bottom:8px;font-size:13px;font-weight:500}.cluster-log-entries{flex-direction:column;gap:3px;max-height:200px;display:flex;overflow-y:auto}.log-entry{background:#ffffff05;border-radius:4px;gap:10px;padding:4px 8px;font-family:monospace;font-size:12px;display:flex}.log-pid{color:var(--accent-hover);min-width:80px;font-weight:600}.log-detail{color:var(--text)}