*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--sidebar-bg: #f8f9fa;--border: #e2e5e9;--text: #1a1a2e;--text-muted: #6b7280;--accent: #4f46e5;--accent-light: #eef2ff;--hover: #f3f4f6;--message-hover: #fafbfc}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);height:100vh;overflow:hidden}#root{height:100vh}.logo,.entry-logo{font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--accent)}.logo-img{height:24px;width:auto;vertical-align:middle}.entry-logo{font-size:1.4rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.entry-logo-img{height:40px;width:auto}.entry-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--sidebar-bg)}.entry-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 12px #00000014;text-align:center;max-width:400px;width:100%}.entry-card h1{font-size:1.5rem;margin-bottom:.5rem}.entry-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.entry-card form{display:flex;gap:.5rem}.entry-card input{flex:1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;outline:none}.entry-card input:focus{border-color:var(--accent)}.entry-card button{padding:.6rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.entry-card button:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.menu-btn{display:none;border:none;background:none;font-size:1.2rem;cursor:pointer;padding:0;color:var(--text)}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.channel-list{flex:1;overflow-y:auto;padding:.5rem 0}.channel-btn{display:block;width:100%;text-align:left;padding:.4rem 1.25rem;border:none;background:none;font-size:.9rem;color:var(--text-muted);cursor:pointer;border-radius:0}.channel-btn:hover{background:var(--hover);color:var(--text)}.channel-btn.active{background:var(--accent-light);color:var(--accent);font-weight:600}.hash{opacity:.5;margin-right:.25rem}.add-channel-btn{margin:.5rem 1rem;padding:.4rem;border:1px dashed var(--border);background:none;border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer}.add-channel-btn:hover{border-color:var(--accent);color:var(--accent)}.new-channel-form{padding:.5rem 1rem}.new-channel-form input{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;outline:none;margin-bottom:.4rem}.new-channel-actions{display:flex;gap:.4rem}.new-channel-actions button{flex:1;padding:.3rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.8rem;cursor:pointer}.new-channel-actions button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.username{font-weight:600}.change-name-btn{border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:0}.change-name-btn:hover{color:var(--accent)}.chat-layout{display:flex;flex:1;min-width:0;height:100%}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat-narrow{border-right:1px solid var(--border)}.chat-header h3{font-size:1rem;font-weight:600}.sidebar-overlay{display:none}.main{flex:1;display:flex;min-width:0}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.messages{flex:1;overflow-y:auto;padding:1rem}.message{padding:.5rem .75rem;border-radius:8px;margin-bottom:.25rem}.message:hover{background:var(--message-hover)}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.15rem}.author{font-size:.9rem}.time{font-size:.75rem;color:var(--text-muted)}.message-body{font-size:.9rem;line-height:1.5;word-break:break-word}.message-body a{color:var(--accent);text-decoration:underline}.message-image{max-width:400px;max-height:300px;border-radius:8px;margin-top:.5rem;border:1px solid var(--border)}.message-actions{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.reactions{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.reaction{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:.8rem;cursor:pointer}.reaction.mine{border-color:var(--accent);background:var(--accent-light)}.add-reaction{display:none;gap:.1rem}.message:hover .add-reaction{display:flex}.emoji-btn{border:none;background:none;cursor:pointer;font-size:.85rem;padding:.1rem;border-radius:4px}.emoji-btn:hover{background:var(--hover)}.thread-btn{border:none;background:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:.1rem .3rem;border-radius:4px}.thread-btn:hover{background:var(--accent-light)}.compose{padding:.75rem 1rem;border-top:1px solid var(--border)}.compose-row{display:flex;gap:.5rem}.compose input[type=text]{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;outline:none}.compose input:focus{border-color:var(--accent)}.compose button[type=submit]{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer}.compose button[type=submit]:disabled{opacity:.4;cursor:not-allowed}.attach-btn{border:none;background:none;cursor:pointer;font-size:1.1rem;padding:0 .2rem}.image-input{width:100%;padding:.4rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;outline:none;margin-bottom:.5rem}.thread-panel{width:360px;display:flex;flex-direction:column;border-left:1px solid var(--border);flex-shrink:0}.thread-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.thread-header h4{font-size:.95rem;font-weight:600}.close-btn{border:none;background:none;cursor:pointer;font-size:1rem;color:var(--text-muted);padding:0}.close-btn:hover{color:var(--text)}.edited{font-size:.7rem;color:var(--text-muted)}.edit-btn{border:none;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:0}.edit-btn:hover{color:var(--accent)}.delete-btn{border:none;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:0}.delete-btn:hover{color:#dc2626}.edit-form input{width:100%;padding:.4rem .6rem;border:1px solid var(--accent);border-radius:6px;font-size:.9rem;outline:none}.edit-actions{display:flex;gap:.4rem;margin-top:.3rem}.edit-actions button{padding:.2rem .6rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.75rem;cursor:pointer}.edit-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.pending-file{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:var(--accent-light);border-radius:6px;font-size:.8rem;margin-bottom:.5rem}.pending-file button{border:none;background:none;cursor:pointer;font-size:.8rem;color:var(--text-muted);padding:0}.file-link{display:inline-block;margin-top:.4rem;padding:.3rem .6rem;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;color:var(--accent);text-decoration:none;font-size:.85rem}.file-link:hover{background:var(--accent-light)}.og-card{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:.5rem;max-width:480px;text-decoration:none;color:inherit;background:var(--sidebar-bg)}.og-card:hover{border-color:var(--accent)}.og-image{width:120px;height:90px;object-fit:cover;flex-shrink:0}.og-text{padding:.5rem .75rem;min-width:0;overflow:hidden}.og-title{font-weight:600;font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-description{font-size:.8rem;color:var(--text-muted);margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.og-url{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;width:260px;transform:translate(-100%);transition:transform .2s ease}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:99;background:#0000004d}.menu-btn{display:block}.chat-header{padding:.75rem 1rem}.thread-panel{position:fixed;top:0;right:0;bottom:0;width:100%;z-index:50;background:var(--bg);border-left:none}.message-image,.og-card{max-width:100%}.og-card{flex-direction:column}.og-image{width:100%;height:150px}.entry-card{margin:1rem;padding:2rem 1.5rem}.entry-card form{flex-direction:column}.add-reaction{display:flex}}