:root{--paper: #FBFBF9;--ink: #10140A;--lime: #9BC72E;--lime-deep: #7CA51F;--lime-tint: #EDF5D6;--white: #FFFFFF;--line: #E9EAE2;--muted: #7A8070;--hover: #F2F3EA;--shadow-bubble: 0 1px 2px rgba(16,20,10,.07), 0 6px 16px rgba(16,20,10,.05);--shadow-pill: 0 1px 2px rgba(16,20,10,.06), 0 3px 10px rgba(16,20,10,.04);--r-bubble: 16px;--r-row: 10px;--r-pill: 999px;--font-display: "Unbounded", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root{--muted-2: #A6AC9B}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.45;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime-deep);outline-offset:2px;border-radius:6px}input,textarea{font:inherit;color:inherit}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--white);border-radius:20px;box-shadow:var(--shadow-bubble);padding:32px 32px 28px}.auth-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:24px}.brand-name{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--ink)}.brand-name span{color:var(--lime-deep)}.auth-title{font-family:var(--font-display);font-size:18px;font-weight:500;text-align:center;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;font-weight:600;color:var(--muted)}.field input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);transition:border-color .12s ease}.field input:focus{border-color:var(--lime-deep);outline:none}.auth-error{background:#fbedea;color:#a83e2d;border-radius:10px;padding:9px 12px;font-size:13px}.btn-primary{margin-top:4px;background:var(--lime);color:var(--ink);font-weight:700;border-radius:var(--r-pill);padding:11px 16px;transition:background .12s ease;text-align:center}.btn-primary:hover:not(:disabled){background:#8ab526}.btn-primary:disabled{opacity:.6}.btn-link{display:block;text-decoration:none}.auth-alt{margin-top:18px;text-align:center;font-size:13px;color:var(--muted)}.auth-alt a{color:var(--lime-deep);font-weight:600;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.pending-box{text-align:center}.pending-badge{display:inline-block;background:var(--lime-tint);color:var(--lime-deep);font-size:12px;font-weight:700;border-radius:var(--r-pill);padding:5px 14px;margin-bottom:14px}.pending-text{color:var(--muted);margin-bottom:20px}.boot-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.boot-text{color:var(--muted)}.boot-logout{color:var(--muted-2);font-size:12px;text-decoration:underline}.app{display:flex;height:100vh;min-width:960px;overflow:hidden;position:relative}.sidebar{width:288px;flex-shrink:0;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:20px 20px 16px}.brand-mark{flex-shrink:0}.side-scroll{flex:1;overflow-y:auto;padding:8px 12px 16px}.side-section{margin-bottom:24px;position:relative}.side-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);padding:0 12px;margin-bottom:8px}.side-label-actions{display:flex;align-items:center;justify-content:space-between}.side-label-btn{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted-2)}.side-label-btn:hover{background:var(--hover);color:var(--ink)}.row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:var(--r-row);text-align:left;color:var(--ink);transition:background .12s ease}.row:hover{background:var(--hover)}.row.row-static{cursor:default}.row.row-static:hover{background:none}.row .hash{width:18px;text-align:center;font-weight:600;color:var(--muted-2);flex-shrink:0}.row .row-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.unread .row-name{font-weight:600}.row.active{background:var(--ink);color:var(--paper)}.row.active:hover{background:var(--ink)}.row.active .hash{color:var(--lime)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-glyph{width:18px;height:18px;flex-shrink:0}.voice-soon{color:var(--muted-2)}.soon-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);background:var(--hover);border-radius:var(--r-pill);padding:2px 8px;flex-shrink:0}.dm-sub{display:block;font-size:11px;color:var(--muted-2);line-height:1.2;font-weight:400}.dm-empty{font-size:12px;color:var(--muted-2);padding:2px 12px}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.dm-popover{position:absolute;top:22px;left:8px;right:8px;z-index:31;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-bubble);padding:8px;max-height:320px;overflow-y:auto}.dm-popover-title{font-size:12px;font-weight:600;color:var(--muted);padding:4px 12px 8px}.dm-popover-empty{font-size:13px;color:var(--muted-2);padding:4px 12px 8px}.ava{border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ava-28{width:28px;height:28px;font-size:11px}.ava-32{width:32px;height:32px;font-size:12px}.ava-36{width:36px;height:36px;font-size:13px}.ava-40{width:40px;height:40px;font-size:14px}.grad-0{background:linear-gradient(135deg,#e2725b,#c85a45)}.grad-1{background:linear-gradient(135deg,#4c7fb8,#39628f)}.grad-2{background:linear-gradient(135deg,#8368b5,#66508f)}.grad-3{background:linear-gradient(135deg,#d9a036,#b5822a)}.grad-4{background:linear-gradient(135deg,#3fa08a,#2f7d6b)}.grad-5{background:linear-gradient(135deg,#c46a9a,#a15079)}.name-0{color:#c85a45}.name-1{color:#39628f}.name-2{color:#66508f}.name-3{color:#b5822a}.name-4{color:#2f7d6b}.name-5{color:#a15079}.dot-online{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--lime);border:2px solid var(--white)}.me-panel{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.me-info{flex:1;min-width:0}.me-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-status{font-size:11px;color:var(--lime-deep)}.me-btns{display:flex;gap:2px}.icon-btn{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .12s ease,color .12s ease;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#10140a12;color:var(--ink)}.icon-btn:disabled{opacity:.45}.icon-btn.danger:hover{background:#c0503e1f;color:#a83e2d}.chat{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--paper)}.chat-empty{align-items:center;justify-content:center}.chat-empty-text{color:var(--muted-2)}.chat-head{display:flex;align-items:center;gap:16px;padding:14px 24px;background:#fbfbf9eb;border-bottom:1px solid var(--line);min-height:53px}.chat-title{font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:.02em;white-space:nowrap}.chat-title .hash{color:var(--lime-deep);margin-right:2px}.chat-topic{flex:1;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--line);padding-left:16px}.messages{flex:1;overflow-y:auto;padding:24px 32px 8px;display:flex;flex-direction:column-reverse}.feed{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column}.feed-center{justify-content:center;align-items:center;min-height:100%}.feed-note{align-self:center;color:var(--muted-2);font-size:13px;padding:8px 0 16px;min-height:20px}.feed-empty{padding:24px 0}.link-btn{color:var(--lime-deep);font-weight:600;text-decoration:underline}.day-divider{align-self:center;margin:8px 0 20px;padding:5px 14px;background:var(--white);border-radius:var(--r-pill);box-shadow:var(--shadow-pill);font-size:12px;font-weight:600;color:var(--muted)}.msg{display:flex;gap:12px;margin-bottom:20px;max-width:80%;align-items:flex-start}.msg.own{align-self:flex-end;flex-direction:row-reverse}.msg .ava-40{margin-top:2px}.bubble{background:var(--white);border-radius:var(--r-bubble);border-bottom-left-radius:4px;box-shadow:var(--shadow-bubble);padding:10px 14px 8px;min-width:0}.msg.own .bubble{background:var(--lime-tint);border-bottom-left-radius:var(--r-bubble);border-bottom-right-radius:4px;box-shadow:0 1px 2px #10140a0d,0 4px 12px #7ca51f1a}.msg-author{font-size:13px;font-weight:600;margin-bottom:2px}.msg-text{overflow-wrap:break-word;white-space:pre-wrap}.msg-time{float:right;margin:8px 0 0 12px;font-size:11px;color:var(--muted-2);white-space:nowrap}.msg.own .msg-time{color:#96a86a}.msg.deleted .bubble{background:var(--paper);box-shadow:none;border:1px dashed var(--line)}.tombstone{color:var(--muted-2);font-style:italic}.msg-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease;margin-top:4px}.msg:hover .msg-actions{opacity:1}.msg-actions .icon-btn{width:26px;height:26px}.msg.pending .bubble{opacity:.65}.pending-status{clear:both;font-size:11px;color:var(--muted);padding-top:4px;display:flex;gap:8px;align-items:center}.pending-status button{color:var(--lime-deep);font-size:11px;font-weight:600;text-decoration:underline}.pending-error{color:#a83e2d}.sys-msg{align-self:center;display:flex;align-items:center;gap:8px;margin:4px 0 20px;padding:6px 16px;background:var(--white);border-radius:var(--r-pill);box-shadow:var(--shadow-pill);font-size:12.5px;color:var(--muted)}.sys-time{font-size:11px;color:var(--muted-2)}.typing{max-width:720px;margin:0 auto;width:100%;padding:0 4px 6px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);min-height:24px}.typing-dots{display:flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--lime-deep);animation:blink 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer-wrap{padding:0 32px 20px}.edit-bar{max-width:720px;margin:0 auto 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--lime-tint);border-radius:12px;padding:6px 8px 6px 14px;font-size:12.5px;font-weight:600;color:var(--lime-deep)}.composer-error{max-width:720px;margin:0 auto 6px;color:#a83e2d;font-size:12.5px;padding:0 8px}.composer{max-width:720px;margin:0 auto;display:flex;align-items:flex-end;gap:4px;background:var(--white);border-radius:24px;box-shadow:var(--shadow-bubble);padding:6px 6px 6px 8px}.composer .icon-btn{width:36px;height:36px;border-radius:50%}.composer textarea{flex:1;min-width:0;border:0;background:transparent;padding:8px 4px;font-size:14px;resize:none;max-height:160px;line-height:1.4}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:var(--muted-2)}.send-btn{width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s ease,transform .12s ease}.send-btn:hover:not(:disabled){background:#8ab526;transform:scale(1.05)}.send-btn:disabled{opacity:.5}.members{width:252px;flex-shrink:0;background:var(--white);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;padding:16px 12px}.members-title{font-size:13px;font-weight:600;padding:4px 12px 12px;color:var(--ink)}.members-title span{color:var(--muted-2);font-weight:500}.member-group{margin-bottom:20px}.member-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px;border-radius:var(--r-row);text-align:left;transition:background .12s ease}.member-row:hover{background:var(--hover)}.member-info{min-width:0}.member-name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-you{color:var(--muted-2);font-weight:400}.member-role{font-size:11.5px;color:var(--muted-2);line-height:1.25}.member-group.offline .ava{filter:grayscale(.7);opacity:.55}.member-group.offline .member-name{color:var(--muted)}.conn-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:600;border-radius:var(--r-pill);padding:7px 16px;box-shadow:var(--shadow-bubble)}.conn-offline{background:#a83e2d}.conn-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(251,251,249,.35);border-top-color:var(--paper);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#dddfd3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9ccbc}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){.typing-dots i,.conn-spinner{animation:none}.send-btn:hover{transform:none}}