:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0d1117;--bg-card: #161b22;--bg-hover: #1c2128;--border: #30363d;--text: #e6edf3;--text-muted: #7d8590;--accent: #58a6ff;--green: #3fb950;--orange: #d29922;--red: #f85149;--purple: #bc8cff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.header-left{display:flex;align-items:center;gap:.6rem}.logo{font-size:1.4rem;color:var(--accent);font-weight:700}.app-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-divider{width:1px;height:1rem;background:var(--border)}.header-subtitle{font-size:.8rem;color:var(--text-muted)}.toggle-cloud-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);padding:.35rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .15s}.toggle-cloud-btn:hover{border-color:var(--accent);color:var(--accent)}.app-body{flex:1;display:grid;grid-template-columns:220px 1fr 420px;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--bg-card);padding:1rem;overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.sidebar-heading{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.6rem;font-weight:600}.branch-selector{display:flex;flex-direction:column;gap:.25rem}.branch-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-muted);padding:.4rem .6rem;border-radius:6px;font-size:.82rem;cursor:pointer;transition:all .15s;text-align:left}.branch-btn:hover{background:var(--bg-hover);color:var(--text)}.branch-btn.active{background:#58a6ff1a;color:var(--accent)}.branch-dot{width:8px;height:8px;border-radius:50%;background:var(--branch-color, #555);flex-shrink:0}.contributors{display:flex;flex-direction:column;gap:.3rem}.contributor{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:6px;font-size:.82rem}.contributor:hover{background:var(--bg-hover)}.contrib-avatar{font-size:1rem}.contrib-name{color:var(--text-muted)}.stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column}.stat-val{font-size:1.3rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.chat-panel{display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.chat-branch-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--green)}.msg-count{font-size:.75rem;color:var(--text-muted)}.chat-messages{flex:1;display:flex;overflow-y:auto;padding:0}.commit-graph{display:flex;flex-direction:column;align-items:center;width:32px;padding-top:1rem;flex-shrink:0}.graph-node{display:flex;flex-direction:column;align-items:center;position:relative}.graph-dot{width:10px;height:10px;border-radius:50%;z-index:1;border:2px solid var(--bg);flex-shrink:0}.graph-line{width:2px;height:48px;opacity:.5}.msg-list{flex:1;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.15rem}.chat-msg{display:flex;gap:.6rem;padding:.5rem .6rem;border-radius:8px;transition:background .12s}.chat-msg:hover{background:var(--bg-hover)}.msg-avatar{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.msg-body{flex:1;min-width:0}.msg-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.15rem}.msg-author{font-weight:600;font-size:.85rem;color:var(--text)}.msg-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-muted);background:#ffffff0a;padding:.1rem .35rem;border-radius:4px}.msg-branch{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:var(--accent);background:#58a6ff14;padding:.1rem .35rem;border-radius:4px}.msg-time{font-size:.7rem;color:var(--text-muted);margin-left:auto}.msg-content{font-size:.88rem;color:var(--text);line-height:1.45;word-break:break-word}.chat-input-area{padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg-card)}.input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;transition:border-color .15s}.input-wrapper:focus-within{border-color:var(--accent)}.input-prompt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--green);flex-shrink:0}.chat-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent);border:none;color:#fff;padding:.3rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .15s;flex-shrink:0}.send-btn:hover{opacity:.85}.cloud-panel{border-left:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden}.cloud-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.cloud-title{font-size:.85rem;font-weight:600;color:var(--text)}.cloud-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.cloud-close:hover{color:var(--text)}.opencloud-embed{flex:1;display:flex;flex-direction:column;overflow:hidden}.embed-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg);border-bottom:1px solid var(--border)}.embed-dots{display:flex;gap:.35rem}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.embed-url{flex:1;display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.url-lock{font-size:.65rem}.embed-content{flex:1;position:relative}.embed-iframe{width:100%;height:100%;border:none;background:#fff}.join-overlay{display:grid;place-items:center;min-height:100vh;padding:2rem;background:var(--bg)}.join-modal{max-width:380px;width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);padding:2.5rem 2rem 2rem;text-align:center}.join-logo{font-size:2.2rem;color:var(--accent);display:block;margin-bottom:.5rem}.join-title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem}.join-sub{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.join-avatar-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.25rem}.join-avatar-btn{width:42px;height:42px;font-size:1.3rem;background:var(--bg);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;display:grid;place-items:center}.join-avatar-btn:hover{border-color:var(--text-muted);transform:scale(1.1)}.join-avatar-btn.selected{border-color:var(--accent);background:#58a6ff1a;box-shadow:0 0 0 2px #58a6ff33}.join-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .9rem;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;outline:none;transition:border-color .15s;text-align:center;margin-bottom:1rem}.join-input:focus{border-color:var(--accent)}.join-input::placeholder{color:var(--text-muted)}.join-submit{width:100%;background:var(--accent);border:none;color:#fff;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.join-submit:hover:not(:disabled){opacity:.85}.join-submit:disabled{opacity:.4;cursor:not-allowed}.join-note{margin-top:1rem;font-size:.72rem;color:var(--text-muted);line-height:1.5}.join-note code{background:#ffffff0f;padding:.1rem .3rem;border-radius:3px;font-size:.7rem}.connection-badge{font-size:.7rem;font-weight:500;padding:.15rem .5rem;border-radius:10px;letter-spacing:.03em}.connection-badge.online{color:var(--green);background:#3fb9501a}.connection-badge.offline{color:var(--text-muted);background:#ffffff0a}.user-badge{font-size:.78rem;color:var(--text);background:var(--bg);border:1px solid var(--border);padding:.3rem .7rem;border-radius:6px;margin-right:.5rem}.header-right{display:flex;align-items:center;gap:.4rem}.online-count{font-size:.6rem;color:var(--green);font-weight:400;margin-left:.3rem}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;margin-left:auto;box-shadow:0 0 4px #3fb95066}@media(max-width:1100px){.app-body{grid-template-columns:200px 1fr}.cloud-panel{display:none}}@media(max-width:700px){.app-body{grid-template-columns:1fr}.sidebar{display:none}}