: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}.room-item{margin-bottom:2px}.room-stack{display:flex;align-items:center;flex-shrink:0}.room-stack .ava{margin-left:-6px;border:2px solid var(--white)}.room-stack .ava:first-child{margin-left:0}.row.active .room-stack .ava{border-color:var(--ink)}.room-stack-more{margin-left:4px;font-size:10px;font-weight:700;color:var(--muted-2)}.room-error{font-size:11px;color:#a83e2d;padding:2px 12px 4px}.room-occupants{padding:2px 0 4px 26px}.room-occupant{display:flex;align-items:center;gap:8px;padding:3px 12px 3px 0;font-size:13px;color:var(--ink)}.room-occupant-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-occupant-you{color:var(--muted-2);font-size:11px}.room-occupant-muted{color:var(--muted-2);display:flex;flex-shrink:0}.speak-ring{border-radius:50%;display:flex;flex-shrink:0;box-shadow:0 0 0 2px transparent;transition:box-shadow .12s ease}.speak-ring.speaking{box-shadow:0 0 0 2px var(--lime)}.voice-dock{border-top:1px solid var(--line);background:var(--lime-tint);padding:10px 14px 8px}.voice-dock-head{display:flex;align-items:center;gap:8px}.voice-dock-info{flex:1;min-width:0}.voice-dock-room{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-dock-status{font-size:11px;color:var(--lime-deep)}.voice-dock-status.warn{color:#a87a2d}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--lime-deep)}.conn-dot.conn-connecting,.conn-dot.conn-reconnecting{background:#d9a036;animation:conn-pulse 1.1s ease-in-out infinite}@keyframes conn-pulse{50%{opacity:.35}}.voice-dock-note{margin-top:6px;font-size:11px;color:#a87a2d;background:#d9a0361f;border-radius:8px;padding:4px 8px}.voice-dock-resume{margin-top:6px;width:100%;background:var(--lime);color:var(--ink);font-size:12px;font-weight:700;border-radius:var(--r-pill);padding:5px 10px}.voice-dock-btns{display:flex;gap:4px;margin-top:6px}.voice-ctl.off{background:#10140a1f;color:#a83e2d}.device-modal{position:fixed;left:16px;bottom:84px;z-index:40;width:280px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-bubble);padding:12px 14px 14px}.device-modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;margin-bottom:8px}.device-field{display:flex;flex-direction:column;gap:4px;margin-top:8px}.device-field select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--paper);max-width:100%}.device-hint{font-size:11px;color:var(--muted-2);margin-top:4px}.ava-20{width:20px;height:20px;font-size:9px}.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);position:relative}.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}.bubble.has-att{padding:8px 10px}.bubble.has-att .msg-text{padding:2px 4px 0}.bubble.has-att .msg-author{padding:2px 4px 4px}.msg-foot{text-align:right;padding:0 4px}.msg-foot .msg-time{float:none;margin:2px 0 0}.att-image{display:block;border-radius:12px;overflow:hidden;background:var(--hover);cursor:zoom-in;max-width:100%;padding:0}.att-image img{width:100%;height:100%;object-fit:cover;display:block}.att-image-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted-2)}.att-image-pending{display:block;max-width:260px;max-height:200px;border-radius:12px;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#10140ad1;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);border-radius:8px;box-shadow:0 12px 48px #00000080;cursor:default}.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fbfbf91f;color:var(--paper);display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:#fbfbf940}.att-file{display:flex;align-items:center;gap:10px;width:100%;min-width:220px;max-width:320px;padding:8px 10px;border-radius:12px;background:var(--paper);border:1px solid var(--line);text-align:left;transition:background .12s ease}.att-file:hover{background:var(--hover)}.att-file-pending{cursor:default}.att-file-pending:hover{background:var(--paper)}.att-file-icon{width:38px;height:38px;border-radius:10px;background:var(--lime-tint);color:var(--lime-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.att-file-info{flex:1;min-width:0;display:flex;flex-direction:column}.att-file-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-file-size{font-size:11.5px;color:var(--muted)}.att-file-dl{color:var(--muted-2);flex-shrink:0}.att-file:hover .att-file-dl{color:var(--ink)}.att-err{color:#a83e2d}.att-voice{display:flex;align-items:center;gap:10px;min-width:230px;padding:4px 2px}.voice-play{width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s ease}.voice-play:hover:not(:disabled){background:#8ab526}.voice-play:disabled{opacity:.5}.voice-track{flex:1;height:20px;display:flex;align-items:center;cursor:pointer;position:relative}.voice-track:before{content:"";position:absolute;left:0;right:0;height:5px;border-radius:3px;background:var(--line)}.voice-fill{position:relative;height:5px;border-radius:3px;background:var(--lime-deep);z-index:1;min-width:0;pointer-events:none;transition:width .1s linear}.voice-time{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.voice-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(16,20,10,.25);border-top-color:var(--ink);animation:spin 1s linear infinite}.att-voice-pending{display:flex;align-items:center;gap:6px;padding:6px 4px;color:var(--muted);font-size:13px}.attach-preview{max-width:720px;margin:0 auto 6px;display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:8px 10px;box-shadow:var(--shadow-pill)}.attach-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}.attach-file-icon{width:44px;height:44px;border-radius:10px;background:var(--lime-tint);color:var(--lime-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-info{flex:1;min-width:0}.attach-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-size{font-size:11.5px;color:var(--muted)}.rec-bar{gap:10px;padding-left:16px;align-items:center}.rec-dot{width:10px;height:10px;border-radius:50%;background:#d24b36;animation:recblink 1.1s infinite ease-in-out;flex-shrink:0}@keyframes recblink{0%,to{opacity:1}50%{opacity:.25}}.rec-time{font-weight:700;font-variant-numeric:tabular-nums;min-width:42px}.rec-hint{flex:1;color:var(--muted);font-size:13px}.rec-cancel{color:var(--muted);font-weight:600;font-size:13px;padding:8px 12px;border-radius:var(--r-pill)}.rec-cancel:hover{background:var(--hover);color:var(--ink)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#fbfbf9e0;border:2px dashed var(--lime-deep);border-radius:16px;margin:12px;font-family:var(--font-display);font-size:15px;color:var(--lime-deep);pointer-events:none}.ava-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.me-ava-btn{padding:0;border-radius:50%;flex-shrink:0;position:relative}.me-ava-btn:hover:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#10140a2e}.me-status-err{color:#a83e2d}.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}}.chat-head-actions{display:flex;gap:6px}.call-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#10140a73;display:flex;align-items:center;justify-content:center}.call-modal{background:var(--paper);border-radius:20px;box-shadow:0 12px 48px #10140a59;padding:28px 40px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:300px}.call-modal-ava .ava{width:72px;height:72px;font-size:24px;border-radius:50%}.call-modal-ava .ava-img{width:72px;height:72px}.call-modal-name{font-family:var(--font-display);font-size:17px;font-weight:500;margin-top:8px}.call-modal-kind{font-size:13px;color:var(--muted)}.call-modal-btns{display:flex;gap:28px;margin-top:18px}.call-modal-hint{font-size:11px;color:var(--muted);margin-top:12px}.call-round{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;cursor:pointer;font-size:12px;color:var(--ink)}.call-round svg{box-sizing:content-box;padding:14px;border-radius:50%;transition:transform .12s ease}.call-round:hover:not(:disabled) svg{transform:scale(1.06)}.call-round:disabled{opacity:.5;cursor:default}.call-round.accept svg{background:var(--lime);color:var(--ink)}.call-round.decline svg{background:#c0503e;color:#fff}.call-round.ctl svg{background:#ffffff24;color:#fff}.call-round.ctl.off svg{background:#ffffffe6;color:#c0503e}.call-round.ctl.on svg{background:var(--lime);color:var(--ink)}.call-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border-radius:var(--r-pill);padding:6px 8px 6px 14px;box-shadow:var(--shadow-pill);font-size:13px}.call-bar-main{display:flex;align-items:center;gap:8px;border:none;background:none;color:inherit;font-size:inherit;cursor:pointer;padding:0}.call-bar-main svg{color:var(--lime)}.call-bar-back{color:var(--lime);font-weight:600;margin-left:4px}.call-chip{border:none;border-radius:var(--r-pill);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.call-chip:disabled{opacity:.5;cursor:default}.call-chip.accept{background:var(--lime);color:var(--ink)}.call-chip.decline{background:#c0503e;color:#fff}.call-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:210;background:var(--ink);color:var(--paper);border-radius:var(--r-pill);padding:8px 18px;font-size:13px;box-shadow:var(--shadow-pill)}.call-banner{display:flex;align-items:center;gap:8px;margin:8px 24px 0;padding:8px 14px;border-radius:12px;background:var(--lime-tint);border:1px solid #D9E7AE;font-size:13px}.call-banner svg{color:var(--lime-deep)}.call-banner-text{flex:1}.call-screen{flex:1;min-width:0;display:flex;flex-direction:column;background:#171b10;color:var(--paper)}.call-head{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid rgba(251,251,249,.1)}.call-head-title{font-family:var(--font-display);font-size:15px;font-weight:500}.call-head-status{flex:1;font-size:13px;color:#fbfbf9a6}.call-head-collapse{border:1px solid rgba(251,251,249,.25);background:none;color:var(--paper);border-radius:var(--r-pill);padding:5px 14px;font-size:12px;cursor:pointer}.call-head-collapse:hover{background:#fbfbf91a}.call-note{margin:10px 24px 0;padding:7px 14px;border-radius:10px;background:#fbfbf91f;font-size:12px;text-align:center}.call-note-btn{border:none;color:var(--ink);background:var(--lime);cursor:pointer;font-weight:600}.call-tiles{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 24px;gap:12px}.call-grid{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.call-tiles.with-screen{flex-direction:column}.call-strip{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.call-strip .call-tile{width:160px;height:100px}.call-tile{position:relative;width:280px;height:190px;border-radius:14px;background:#232919;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.call-tile.big{width:min(46%,460px);height:auto;aspect-ratio:4 / 3}.call-tile.screen{flex:1;width:auto;min-height:0;aspect-ratio:auto}.call-tile.speaking{border-color:var(--lime)}.call-tile-ava .ava{width:64px;height:64px;font-size:22px;border-radius:50%}.call-tile-ava .ava-img{width:64px;height:64px}.call-video{width:100%;height:100%;object-fit:cover}.call-tile.screen .call-video{object-fit:contain;background:#000}.call-video.mirror{transform:scaleX(-1)}.call-tile-name{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:5px;background:#10140aa6;color:var(--paper);border-radius:var(--r-pill);padding:3px 10px;font-size:12px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden}.call-tile-name svg{color:#e39a8c;flex:none}.call-tile.waiting{opacity:.75}.call-controls{display:flex;justify-content:center;gap:22px;padding:14px 0 22px}.call-controls .call-round{color:var(--paper)}@media(prefers-reduced-motion:reduce){.call-round svg{transition:none}}