@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth{min-height:100dvh;padding:var(--space-4);background:radial-gradient(1200px 600px at 50% -10%, #40b3a214, transparent 60%), var(--surface-rail);place-items:center;display:grid}.auth__card{width:100%;max-width:420px;padding:var(--space-6);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000073}.auth__head{margin-bottom:var(--space-5);text-align:center}.auth__title{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-strong);font-weight:700}.auth__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.auth__form{gap:var(--space-4);display:grid}.auth__field{gap:var(--space-1);display:grid}.auth__label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.auth__required{color:var(--danger);margin-left:2px}.auth__input{width:100%;min-height:44px;padding:0 var(--space-3);background:var(--surface-rail);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);font-size:16px}.auth__input:hover{border-color:var(--border-strong)}.auth__input:focus{border-color:var(--accent);outline:none}.auth__input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.auth__input--mono{font-family:var(--font-mono);letter-spacing:.02em}.auth__password{display:flex;position:relative}.auth__password .auth__input{padding-right:44px}.auth__eye{width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius);transition:color var(--dur) var(--ease);place-items:center;display:grid;position:absolute;top:0;right:0}.auth__eye:hover{color:var(--text)}.auth__hint{font-size:var(--text-xs);color:var(--text-muted)}.auth__error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--danger);border-radius:var(--radius);background:#ea6f661a;border:1px solid #ea6f6647}.auth__submit{gap:var(--space-2);min-height:44px;color:var(--on-accent);background:var(--accent);border-radius:var(--radius);transition:background var(--dur) var(--ease), transform var(--dur-fast) var(--ease);justify-content:center;align-items:center;font-weight:600;display:flex}.auth__submit:hover:not(:disabled){background:var(--accent-hover)}.auth__submit:active:not(:disabled){transform:scale(.99)}.auth__submit:disabled{cursor:not-allowed;opacity:.55}.auth__spinner{animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__switch{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.auth__link{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth__link:hover{color:var(--accent-hover)}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--members-width);grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.shell[data-members=closed]{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.shell[data-ray]{grid-template-columns:auto var(--sidebar-width) minmax(0, 1fr) var(--members-width)}.shell[data-ray][data-members=closed]{grid-template-columns:auto var(--sidebar-width) minmax(0, 1fr)}@media (width<900px){.shell,.shell[data-members=closed]{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.shell[data-ray],.shell[data-ray][data-members=closed]{grid-template-columns:auto var(--sidebar-width) minmax(0, 1fr)}.members{display:none}}.scrim{z-index:calc(var(--z-dropdown) - 1);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);cursor:default;background:#00000080;border:0;padding:0;display:none;position:fixed;inset:0}.drawerbtn{width:40px;height:40px;margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:none}.drawerbtn:hover{background:var(--surface-raised);color:var(--text-strong)}@media (width<720px){.shell,.shell[data-members=closed]{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:var(--z-dropdown);width:min(82vw,300px);transition:transform var(--dur) var(--ease);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0006}.shell[data-menu=open] .sidebar{transform:none}.scrim{display:block}.shell[data-menu=open] .scrim{opacity:1;pointer-events:auto}.drawerbtn{display:grid}.members{z-index:var(--z-dropdown);width:min(78vw,280px);transition:transform var(--dur) var(--ease);display:block;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-2px 0 16px #0006}.shell[data-members=open] .members{transform:none}.shell[data-members=open] .scrim{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.sidebar,.members,.scrim{transition:none}}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.sidebar__head{height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border);align-items:center;display:flex;box-shadow:0 1px #0003}.sidebar__server{font-size:var(--text-base);color:var(--text-strong);font-weight:600}.sidebar__scroll{padding:var(--space-3) var(--space-2);overflow:hidden auto}.group+.group{margin-top:var(--space-4)}.group__head{padding:0 var(--space-2);margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.group__title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.group__add{width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);place-items:center;display:grid}.group__add:disabled{cursor:not-allowed;opacity:.45}.group__list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.channel{gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-2);color:var(--text-muted);text-align:left;border-radius:var(--radius);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;display:flex}.channel:hover{color:var(--text);background:var(--surface-raised)}.channel[data-active]{color:var(--text-strong);background:var(--accent-quiet)}.channel__name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.userpanel{gap:var(--space-2);padding:var(--space-2);background:var(--surface-rail);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex}.userpanel__who{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;line-height:1.25;display:grid}.userpanel__name{font-size:var(--text-sm);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.userpanel__status{font-size:var(--text-xs);color:var(--text-muted)}.userpanel__actions{justify-content:space-between;align-items:center;width:100%;display:flex}.iconbtn{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);place-items:center;display:grid}.iconbtn:hover:not(:disabled){color:var(--text-strong);background:var(--surface-raised)}.iconbtn[data-danger]:hover:not(:disabled){color:var(--danger)}.iconbtn:disabled{cursor:not-allowed;opacity:.4}.chat{background:var(--surface-chat);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid}.chat__head{gap:var(--space-2);height:48px;padding:0 var(--space-3);border-bottom:1px solid var(--border);align-items:center;display:flex;box-shadow:0 1px #0003}.chat__hash{color:var(--text-muted)}.chat__name{font-size:var(--text-base);color:var(--text-strong);font-weight:600}.chat__spacer{flex:1}.chat__scroll{padding-bottom:var(--space-4);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.chat__scroll>*{flex:none}.chat__intro{padding:var(--space-6) var(--space-4) var(--space-4);margin-top:auto}.chat__introicon{width:56px;height:56px;margin-bottom:var(--space-3);color:var(--text-strong);background:var(--surface-raised);border-radius:var(--radius-full);place-items:center;display:grid}.chat__introtitle{font-size:var(--text-xl);color:var(--text-strong);font-weight:700}.chat__introtext{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.divider{margin:var(--space-4) var(--space-4) var(--space-2);border-top:1px solid var(--border);align-items:center;display:flex}.divider__label{padding:0 var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-chat);margin:-.7em auto 0;font-weight:600}.msg{padding:var(--space-1) var(--space-4) var(--space-1) 0;grid-template-columns:56px minmax(0,1fr);display:grid;position:relative}.msg:not([data-grouped]){margin-top:var(--space-3)}.msg:hover{background:#ffffff05}.msg__gutter{justify-content:center;padding-top:2px;display:flex}.msg__hovertime{color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast) var(--ease);font-size:10px}.msg:hover .msg__hovertime{opacity:1}.msg__meta{gap:var(--space-2);align-items:baseline;display:flex}.msg__author{font-size:var(--text-base);color:var(--text-strong);font-weight:600}.msg__time{font-size:var(--text-xs);color:var(--text-muted)}.msg__text{font-size:var(--text-base);color:var(--text);overflow-wrap:anywhere}.msg__edited{font-size:var(--text-xs);color:var(--text-muted)}.msg__actions{top:-10px;right:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;box-shadow:0 1px 4px #0000004d}.msg:hover .msg__actions,.msg:focus-within .msg__actions{opacity:1;pointer-events:auto}.msg__actions:has(.msg__confirm){opacity:1;pointer-events:auto}.msg__confirm{padding:0 var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.msg__act{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.msg__act:hover{background:var(--surface-overlay);color:var(--text-strong)}.msg__act--danger:hover{color:var(--danger)}@media (hover:none){.msg__actions{opacity:1;pointer-events:auto}.msg__act,.drawerbtn,.group__add{width:44px;height:44px}.channel{min-height:44px}.devgroup__caret{position:relative}.devgroup__caret:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.msgedit{gap:var(--space-1);margin-top:var(--space-1);display:grid}.msgedit__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font:inherit;font-size:var(--text-base);resize:vertical}.msgedit__input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.msgedit__hint{font-size:var(--text-xs);color:var(--text-muted)}.msgedit__buttons{gap:var(--space-2);justify-content:flex-end;display:flex}.msgedit__cancel,.msgedit__save{min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:0;font-weight:500}.msgedit__cancel{color:var(--text);background:0 0}.msgedit__cancel:hover{text-decoration:underline}.msgedit__save{background:var(--accent);color:var(--on-accent)}.msgedit__save:hover{background:var(--accent-hover)}.msgedit__save:disabled{opacity:.5;cursor:default}.composer{gap:var(--space-2);margin:0 var(--space-4) var(--space-1);background:var(--surface-raised);border-radius:var(--radius);align-items:center;display:flex;position:relative}.composer__attach,.composer__send{width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius);place-items:center;display:grid}.composer__attach:disabled,.composer__send:disabled,.composer__input:disabled{cursor:not-allowed;opacity:.5}.composer__input{background:0 0;border:none;outline:none;flex:1;min-width:0;height:44px;font-size:16px}.composer__input::placeholder{color:var(--text-faint)}.composer__note{padding:0 var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--text-faint)}.members{padding:var(--space-4) var(--space-2);background:var(--surface-sidebar);border-left:1px solid var(--border);overflow-y:auto}.members__title{padding:0 var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.members__list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.members__item{gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius);align-items:center;display:flex}.members__name{font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.members__note{gap:var(--space-2);padding:var(--space-3) var(--space-2) 0;font-size:var(--text-xs);color:var(--text-faint);align-items:flex-start;line-height:1.4;display:flex}.avatar{color:#fff;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-weight:600;display:grid;position:relative}.avatar__dot{background:var(--text-faint);border:3px solid var(--surface-sidebar);border-radius:var(--radius-full);width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar__dot[data-online]{background:var(--online)}.sidebar__invite{margin-left:auto}.dlg{width:min(440px, calc(100vw - 2 * var(--space-4)));padding:var(--space-5);color:var(--text);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000008c}.dlg::backdrop{background:#0000008c}.dlg__head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dlg__title{font-size:var(--text-lg);color:var(--text-strong);font-weight:600}.dlg__text{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.dlg__code{gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--surface-rail);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:center;display:flex}.dlg__code code{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong);letter-spacing:.03em;-webkit-user-select:all;user-select:all;flex:1}.dlg__copy{gap:var(--space-2);height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--on-accent);white-space:nowrap;background:var(--accent);border-radius:var(--radius);transition:background var(--dur) var(--ease);align-items:center;font-weight:600;display:flex}.dlg__copy:hover{background:var(--accent-hover)}.dlg__primary,.dlg__secondary{gap:var(--space-2);border-radius:var(--radius);width:100%;min-height:44px;transition:background var(--dur) var(--ease);justify-content:center;align-items:center;font-weight:600;display:flex}.dlg__primary{color:var(--on-accent);background:var(--accent)}.dlg__primary:hover:not(:disabled){background:var(--accent-hover)}.dlg__secondary{color:var(--text-muted);background:var(--surface-raised)}.dlg__secondary:hover:not(:disabled){color:var(--text-strong)}.dlg__primary:disabled,.dlg__secondary:disabled{cursor:not-allowed;opacity:.55}.group__empty{padding:var(--space-2);font-size:var(--text-sm);color:var(--text-faint);list-style:none}.group__add:hover:not(:disabled){color:var(--text-strong);background:var(--surface-raised)}.chat__offline{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--warning);border-radius:var(--radius-full);background:#e0a4581f}.chat__more{padding:var(--space-2) var(--space-4);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius-full);transition:color var(--dur) var(--ease);align-self:center}.chat__more:hover{color:var(--text-strong)}.members__group+.members__group{margin-top:var(--space-4)}.members__item[data-offline]{opacity:.45}.toast{bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-strong);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.toast__close{font-size:var(--text-xs);color:var(--accent);font-weight:600;text-decoration:underline}.vmembers{padding:0 0 var(--space-1) var(--space-4);gap:1px;margin:0;list-style:none;display:grid}.vmember__row{gap:var(--space-2);width:100%;min-height:30px;padding:2px var(--space-2);border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.vmember__row:hover:not(:disabled){background:var(--surface-raised)}.vmember__row:disabled{cursor:default}.vmember__avatar{border-radius:var(--radius-full);transition:border-color var(--dur-fast) var(--ease);border:2px solid #0000;flex:none;place-items:center;display:grid}.vmember__avatar[data-speaking]{border-color:var(--online)}.vmember__name{min-width:0;font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vmember__you{color:var(--text-faint)}.vmember__share{color:var(--accent);flex:none;margin-left:auto}.vpanel{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);margin:2px 0 var(--space-1);border-radius:var(--radius);background:var(--surface-rail);display:grid}.vslider__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:2px;display:flex}.vslider__label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.vslider__val{font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.vslider__row{gap:var(--space-2);align-items:center;display:flex}.vslider__range{min-width:0;accent-color:var(--accent);cursor:pointer;flex:1}.vslider__range:disabled{cursor:default;opacity:.5}.vslider__mute{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.vslider__mute:hover{color:var(--text-strong);background:var(--surface-raised)}.vslider__mute[aria-pressed=true]{color:var(--danger)}@media (hover:none){.vslider__mute{width:44px;height:44px}.vslider__range{min-height:44px}}.voicebar{gap:var(--space-2);padding:var(--space-2);margin:0 var(--space-2);background:var(--surface-rail);border:1px solid var(--accent-quiet);border-radius:var(--radius);align-items:center;display:flex}.voicebar__state{min-width:0;font-size:var(--text-xs);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;font-weight:600;display:flex;overflow:hidden}.voicebar__yer{color:var(--text-muted);text-overflow:ellipsis;font-weight:400;overflow:hidden}.voicebar__leave{gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--danger);border-radius:var(--radius-sm);flex:none;align-items:center;font-weight:600;display:flex}.voicebar__leave:hover{background:#ea6f6624}.iconbtn[data-on]{color:var(--danger)}.stage{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.stage__badge{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--accent);background:var(--accent-quiet);border-radius:var(--radius-full);font-weight:600}.stage__leave{gap:var(--space-1);height:32px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--danger);border-radius:var(--radius);align-items:center;font-weight:600;display:flex}.stage__leave:hover{background:#ea6f6624}.stage__grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,220px));place-content:center;display:grid;overflow-y:auto}.tile{gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--surface-sidebar);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease);border:2px solid #0000;place-items:center;margin:0;display:grid}.tile[data-speaking]{border-color:var(--online)}.tile__name{gap:var(--space-1);max-width:100%;font-size:var(--text-sm);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-weight:600;display:flex;overflow:hidden}.tile__you{color:var(--text-faint);font-weight:400}.stage__empty{gap:var(--space-3);padding:0 var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--text-muted);justify-items:center;display:grid}.stage__invite{gap:var(--space-2);min-height:40px;padding:0 var(--space-4);color:var(--on-accent);background:var(--accent);border-radius:var(--radius);align-items:center;font-weight:600;display:flex}.stage__invite:hover{background:var(--accent-hover)}.stage__join{gap:var(--space-1);height:32px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--on-accent);background:var(--accent);border-radius:var(--radius);align-items:center;font-weight:600;display:flex}.stage__join:hover{background:var(--accent-hover)}.switch{gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-3);cursor:pointer;background:var(--surface-raised);border-radius:var(--radius);align-items:flex-start;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:2px}.switch>span{font-size:var(--text-sm);color:var(--text);gap:2px;display:grid}.switch__hint{font-size:var(--text-xs);color:var(--text-muted);line-height:1.45}select.auth__input{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}select.auth__input:disabled{cursor:not-allowed;opacity:.55}.devgroup{align-items:center;display:flex;position:relative}.devgroup__caret{width:14px;height:32px;color:var(--text-faint);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease);place-items:center;display:grid}.devgroup__caret:hover{color:var(--text-strong)}.pop{bottom:calc(100% + var(--space-2));z-index:var(--z-dropdown);width:min(320px, calc(100vw - 2 * var(--space-3)));padding:var(--space-3);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);position:absolute;left:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.pop__title{margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.pop__title--sub{margin-top:var(--space-3)}.pop__list{grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid}.pop__list>li{min-width:0}.pop__item{gap:var(--space-2);width:100%;min-height:34px;padding:0 var(--space-2);color:var(--text-muted);text-align:left;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;display:flex}.pop__item:hover{color:var(--text-strong);background:var(--surface-raised)}.pop__item[aria-checked=true]{color:var(--text-strong)}.pop__name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pop__check{color:var(--accent);flex:none}.pop__hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-faint);line-height:1.45}.pop__settings{gap:var(--space-2);width:100%;min-height:34px;padding:0 var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);border-top:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;display:flex}.pop__settings:hover{color:var(--text-strong);background:var(--surface-raised)}.meter{align-items:center;gap:2px;height:18px;display:flex}.meter__bar{background:var(--surface-raised);border-radius:1px;flex:1;height:100%;transition:background 60ms linear}.meter__bar[data-on]{background:var(--online)}.settings[open]{display:grid}.settings{width:min(880px,92vw);height:min(620px,88vh);color:var(--text);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:200px minmax(0,1fr);padding:0;overflow:hidden;box-shadow:0 24px 64px #0000008c}.settings::backdrop{background:#0009}@media (width<640px){.settings[open]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings__navlist{gap:var(--space-1);display:flex;overflow-x:auto}}.settings__nav{padding:var(--space-4) var(--space-2);background:var(--surface-sidebar);border-right:1px solid var(--border)}.settings__navtitle{padding:0 var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.settings__navlist{gap:2px;margin:0;padding:0;list-style:none;display:grid}.settings__navitem{gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;border-radius:var(--radius);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;font-weight:500;display:flex}.settings__navitem:hover{color:var(--text);background:var(--surface-raised)}.settings__navitem[data-active]{color:var(--text-strong);background:var(--accent-quiet)}.settings__body{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.settings__head{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.settings__title{font-size:var(--text-lg);color:var(--text-strong);font-weight:600}.settings__content{gap:var(--space-4);padding:var(--space-4);align-content:start;display:grid;overflow-y:auto}.settings__note{padding:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius);line-height:1.5}.account{gap:var(--space-3);padding:var(--space-4);background:var(--surface-sidebar);border-radius:var(--radius);align-items:center;display:flex}.account__name{font-size:var(--text-lg);color:var(--text-strong);font-weight:600}.account__mail{font-size:var(--text-sm);color:var(--text-muted)}.kv{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.kv dt{color:var(--text-muted)}.kv dd{color:var(--text);margin:0}.meter--wide{height:22px}.auth__hint{gap:var(--space-1);align-items:center;display:flex}.namerow{gap:var(--space-2);align-items:center;display:flex}.namerow .auth__input{flex:1;min-width:0}.namerow__save{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);cursor:pointer;border:0;flex:none;font-weight:600}.namerow__save:hover:not(:disabled){background:var(--accent-hover)}.namerow__save:disabled{opacity:.45;cursor:default}@media (width<720px){.msg{padding-right:var(--space-2);grid-template-columns:48px minmax(0,1fr)}.msg__actions{right:var(--space-2)}.composer{margin:0 var(--space-2) var(--space-2)}.chat__head{padding:0 var(--space-2)}.stage__grid{padding:var(--space-3);grid-template-columns:minmax(0,1fr)}.tile{padding:var(--space-4) var(--space-3)}.iconbtn{width:44px;height:44px}.settings[open]{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}}@media (width<400px){.namerow{flex-wrap:wrap}.namerow__save{width:100%}}.stage__share{gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--text-sm);align-items:center;font-weight:500;display:flex}.stage__share:hover{background:var(--surface-overlay);color:var(--text-strong)}.tile[data-screen]{background:#000;grid-column:span 2;padding:0;overflow:hidden}.tile__video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.tile[data-screen] .tile__name{padding:var(--space-2)}.tile__screen{color:var(--accent)}.stage__stats{gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;display:flex}.stage__warn{color:var(--warning);font-weight:600}.share[open]{gap:var(--space-4);display:grid}.share{width:min(520px, calc(100vw - var(--space-4) * 2));padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-overlay);color:var(--text)}.share::backdrop{background:#0009}.share__head{justify-content:space-between;align-items:center;display:flex}.share__title{font-size:var(--text-lg);color:var(--text-strong);font-weight:600}.share__group{border:0;margin:0;padding:0}.share__legend{margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0;font-weight:700}.share__surfaces{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.surface{gap:var(--space-2);min-height:76px;padding:var(--space-3) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;place-items:center;display:grid}.surface:hover{color:var(--text-strong);border-color:var(--border-strong)}.surface[data-active]{color:var(--text-strong);background:var(--accent-quiet);border-color:var(--accent)}.share__hint,.share__budget{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.share__hint{margin-top:var(--space-2)}.share__budget{padding:var(--space-3);border-radius:var(--radius);background:var(--surface-raised)}.share__budget[data-warn]{color:var(--warning)}.share__row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.share__actions{gap:var(--space-2);justify-content:flex-end;display:flex}@media (width<560px){.share__row{grid-template-columns:minmax(0,1fr)}}@media (width<720px){.tile[data-screen],.tile[data-camera]{grid-column:span 1}.share{width:100%;max-width:none;height:100dvh;padding:var(--space-4);border-radius:0;align-content:start;overflow-y:auto}}.stage__gear{padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;align-items:center;gap:4px;display:inline-flex}.stage__gear:hover{color:var(--text-strong);background:var(--surface-raised)}.stage__ok,.stage__warn{align-items:center;gap:4px;display:inline-flex}.stage__ok{color:var(--online)}.focus{background:#000;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.focus__video{object-fit:contain;cursor:zoom-in;background:#000;width:100%;height:100%;min-height:0}.focus:fullscreen .focus__video{cursor:default}.focus__video[data-ayna]{transform:scaleX(-1)}.focus__bar{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-sidebar);border-top:1px solid var(--border);align-items:center;display:flex}.focus:fullscreen .focus__bar{right:var(--space-4);bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);opacity:0;transition:opacity var(--dur) var(--ease);background:#000000b3;position:absolute}.focus:fullscreen .focus__bar{opacity:1}.focus:fullscreen[data-idle] .focus__bar{opacity:0;pointer-events:none}.focus:fullscreen .focus__bar:focus-within{opacity:1;pointer-events:auto}.focus:fullscreen[data-idle]{cursor:none}.focus__name{min-width:0;font-size:var(--text-sm);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.focus__btn{gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--text-sm);cursor:pointer;border:0;flex:none;align-items:center;display:inline-flex}.focus__btn:hover{background:var(--surface-overlay);color:var(--text-strong)}.stage__grid[data-compact]{align-content:end;gap:var(--space-2);padding:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,160px));overflow-x:auto}.stage__grid[data-compact] .tile{padding:var(--space-2)}.stage__grid[data-compact] .tile[data-camera]{grid-column:span 1;padding:0}.stage__grid[data-compact] .tile__name{font-size:var(--text-xs)}.tile__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.tile__zoom{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);color:#fff;opacity:0;width:32px;height:32px;transition:opacity var(--dur-fast) var(--ease);background:#0000008c;place-items:center;display:grid;position:absolute}.tile__open:hover .tile__zoom,.tile__open:focus-visible .tile__zoom{opacity:1}@media (hover:none){.tile__zoom{opacity:1}}@media (width<720px){.stage__grid[data-compact]{padding:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(96px,120px))}}.esik{width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}.vslider__val[data-boost]{color:var(--warning);font-weight:600}.vslider__uyari{font-size:var(--text-xs);color:var(--warning);margin-top:2px;line-height:1.4}.vmember__rozet{gap:var(--space-1);flex:none;align-items:center;margin-left:auto;display:flex}.vmember__yayin{padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--danger);color:#1a0b0a;letter-spacing:.04em;font-size:9px;font-weight:800}.vmember__kapali{color:var(--danger)}.tile__izle{gap:var(--space-2);min-height:32px;margin-top:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);cursor:pointer;border:0;align-items:center;font-weight:600;display:inline-flex}.tile__izle:hover{background:var(--accent-hover)}.tile__cik{padding:2px var(--space-2);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-xs);cursor:pointer;background:0 0;flex:none;margin-left:auto;font-weight:600}.tile__cik:hover{background:var(--danger);color:#1a0b0a}.focus__ses{gap:var(--space-2);flex:none;align-items:center;display:flex}.focus__btn--ikon{padding:0 var(--space-2)}.focus__range{width:110px;min-width:0;accent-color:var(--accent);cursor:pointer}.focus__range:disabled{cursor:default;opacity:.5}.focus__yuzde{min-width:48px;font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.focus__izleyen{gap:var(--space-1);padding-left:var(--space-3);border-left:1px solid var(--border);flex:none;align-items:center;display:flex}.focus__izleyenAvatar+.focus__izleyenAvatar{margin-left:-8px}.focus__izleyenAvatar{border:2px solid var(--surface-sidebar);border-radius:var(--radius-full);place-items:center;display:grid}.focus__fazla,.focus__izleyenSayi{font-size:var(--text-xs);color:var(--text-muted)}.focus__izleyenSayi{margin-left:var(--space-1)}@media (width<720px){.focus__bar{row-gap:var(--space-2);flex-wrap:wrap}.focus__name{flex:1 0 100%}.focus__range{width:90px}.focus__izleyenSayi{display:none}}.tile__bekliyor{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.ekler{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ek{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:zoom-in;min-width:0;max-width:min(320px,100%);max-height:320px;overflow:hidden}.ek img{object-fit:cover;width:100%;height:100%;display:block}.ek:hover{border-color:var(--border-strong)}.buyutec{z-index:100;padding:var(--space-5);background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}.buyutec__img{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:100%}.buyutec__kapat{top:var(--space-4);right:var(--space-4);width:44px;height:44px;color:var(--text-strong);background:var(--surface-overlay);border-radius:var(--radius-full);place-items:center;display:grid;position:absolute}.onizleme{gap:var(--space-2);margin:0 var(--space-4) var(--space-2);padding:var(--space-2);background:var(--surface-raised);border-radius:var(--radius);flex-wrap:wrap;display:flex}.onizleme__ek{border-radius:var(--radius-sm);width:84px;height:84px;position:relative;overflow:hidden}.onizleme__img{object-fit:cover;width:100%;height:100%}.onizleme__ek[data-durum=yukleniyor] .onizleme__img{opacity:.45}.onizleme__ek[data-durum=hata]{outline:2px solid var(--danger)}.onizleme__ek[data-durum=hata] .onizleme__img{opacity:.25}.onizleme__spin{border:2px solid #ffffff40;border-top-color:var(--accent);border-radius:var(--radius-full);width:22px;height:22px;margin:-11px 0 0 -11px;animation:.7s linear infinite onizleme-don;position:absolute;top:50%;left:50%}@keyframes onizleme-don{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.onizleme__spin{animation:1.4s ease-in-out infinite onizleme-nabiz}}@keyframes onizleme-nabiz{50%{opacity:.3}}.onizleme__hata{padding:2px var(--space-1);font-size:var(--text-xs);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;background:var(--danger);position:absolute;inset:auto 0 0;overflow:hidden}.onizleme__sil{width:22px;height:22px;color:var(--text-strong);border-radius:var(--radius-full);background:#000000a6;place-items:center;display:grid;position:absolute;top:2px;right:2px}.onizleme__sil:hover{background:var(--danger)}.composer[data-surukleniyor]{outline:2px dashed var(--accent);outline-offset:2px}.avatar__img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.account__avatar{border-radius:var(--radius-full);cursor:pointer;display:block;position:relative}.account__avatar:disabled{cursor:wait}.account__kamera{width:26px;height:26px;color:var(--text-strong);background:var(--surface-overlay);border:2px solid var(--surface-chat);border-radius:var(--radius-full);place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.account__avatar:hover .account__kamera{background:var(--accent);color:var(--on-accent)}.account__hata{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--danger)}.msg__yanit{gap:var(--space-1);min-width:0;max-width:100%;font-size:var(--text-sm);color:var(--text-muted);text-align:left;white-space:nowrap;cursor:pointer;align-items:center;margin-bottom:2px;display:flex;overflow:hidden}.msg__yanit:hover .msg__yanitMetin,.msg__yanit:hover .msg__yanitAd{color:var(--text)}.msg__yanitAd{color:var(--text-muted);flex:none;font-weight:600}.msg__yanitMetin{text-overflow:ellipsis;min-width:0;overflow:hidden}[data-vurgu] .msg{animation:1.2s ease-out yanit-vurgu}@keyframes yanit-vurgu{0%,40%{background:var(--accent-quiet)}to{background:0 0}}@media (prefers-reduced-motion:reduce){[data-vurgu] .msg{background:var(--accent-quiet);animation:none}}.yanitbant{gap:var(--space-2);margin:0 var(--space-4) var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-raised);border-left:3px solid var(--accent);border-radius:var(--radius);align-items:center;display:flex}.yanitbant__metin{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.yanitbant__kapat{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);place-items:center;margin:-6px -6px -6px 0;display:grid}.yanitbant__kapat:hover{color:var(--text-strong)}.channel[data-unread] .channel__name{color:var(--text-strong);font-weight:600}.channel__rozet{min-width:18px;font-size:var(--text-xs);color:var(--on-accent);text-align:center;background:var(--accent);border-radius:var(--radius-full);flex:none;padding:0 5px;font-weight:700;line-height:18px}.divider--yeni{border-top-color:var(--danger)}.divider--yeni .divider__label{color:var(--danger);font-weight:600}.simdiyegit{gap:var(--space-2);margin:0 var(--space-4) var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--on-accent);background:var(--accent);border-radius:var(--radius-full);cursor:pointer;align-self:center;align-items:center;font-weight:600;display:flex}.simdiyegit:hover{background:var(--accent-hover)}.sestest{gap:var(--space-2);width:100%;min-height:44px;margin-top:var(--space-2);padding:0 var(--space-4);font-size:var(--text-sm);color:var(--text-strong);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex}.sestest:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.sestest:disabled{cursor:default;color:var(--text-muted)}.sestest__nokta{background:var(--danger);border-radius:var(--radius-full);width:10px;height:10px;animation:1s ease-in-out infinite sestest-nabiz}@keyframes sestest-nabiz{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.sestest__nokta{animation:none}}.roller__duzen{gap:var(--space-4);grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;display:grid}.roller__baslik{padding:0 var(--space-2) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;display:flex}.roller__liste ul{flex-direction:column;gap:2px;display:flex}.roller__satir{gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-2);color:var(--text-muted);text-align:left;border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.roller__satir:hover{color:var(--text);background:var(--surface-raised)}.roller__satir[data-active]{color:var(--text-strong);background:var(--surface-raised)}.roller__nokta{border-radius:var(--radius-full);flex:none;width:12px;height:12px}.roller__ad{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.roller__sayi{font-size:var(--text-xs);color:var(--text-faint);flex:none}.roller__panel{min-width:0}.roller__bos{gap:var(--space-2);padding:var(--space-6) var(--space-4);font-size:var(--text-sm);color:var(--text-faint);text-align:center;place-items:center;display:grid}.roller__altbaslik{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-sm);color:var(--text-strong)}.izingrup{margin-bottom:var(--space-4)}.izingrup__baslik{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;font-weight:700}.rolrenk{gap:var(--space-3);align-items:center;display:flex}.rolrenk__sec{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;background:0 0;width:44px;height:44px;padding:0}.rolrenk__temizle{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius);cursor:pointer}.rolrenk__temizle:disabled{opacity:.5;cursor:default}.rolrenk__ornek{font-weight:600}.rolluye{flex-direction:column;gap:2px;display:flex}.rolluye__satir{gap:var(--space-2);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.rolluye__satir:hover{background:var(--surface-raised)}.rolluye__ad{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roller__islem{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);align-items:center;display:flex}.roller__sil,.roller__onay{gap:var(--space-1);min-height:40px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--danger);border-radius:var(--radius);cursor:pointer;align-items:center;display:flex}.roller__sil:hover{background:var(--surface-raised)}@media (width<=720px){.roller__duzen{grid-template-columns:minmax(0,1fr)}}.roller__oge{align-items:center;gap:2px;display:flex}.roller__oklar{opacity:0;flex-direction:column;flex:none;display:flex}.roller__oge:hover .roller__oklar,.roller__oklar:focus-within{opacity:1}.roller__oklar button{width:20px;height:18px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;place-items:center;display:grid}.roller__oklar button:hover:not(:disabled){color:var(--text-strong);background:var(--surface-overlay)}.roller__oklar button:disabled{opacity:.25;cursor:default}.channel__oge,.members__item{position:relative}.channel__islem{top:0;right:var(--space-2);opacity:0;align-items:center;gap:2px;height:36px;display:flex;position:absolute}.members__islem{top:50%;right:var(--space-2);opacity:0;gap:2px;display:flex;position:absolute;transform:translateY(-50%)}.channel__oge:hover .channel__islem,.channel__islem:focus-within,.members__item:hover .members__islem,.members__islem:focus-within{opacity:1}.channel__islem button,.members__islem button{width:28px;height:28px;color:var(--text-muted);background:var(--surface-sidebar);border-radius:var(--radius-sm);cursor:pointer;place-items:center;display:grid}.channel__islem button:hover,.members__islem button:hover{color:var(--danger);background:var(--surface-overlay)}.members__yasakla:hover{color:var(--danger-hover)!important}.vpanel__cikar{gap:var(--space-2);width:100%;min-height:36px;margin-top:var(--space-2);padding:0 var(--space-2);font-size:var(--text-sm);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.vpanel__cikar:hover{background:var(--surface-overlay)}.pasif{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.pasif__satir{gap:var(--space-3);min-width:0;padding:var(--space-2);background:var(--surface-raised);border-radius:var(--radius);align-items:center;display:flex}.pasif__ad{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.pasif__rozet{gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-overlay);border-radius:var(--radius-full);flex:none;align-items:center;font-weight:600;display:flex}.pasif__rozet[data-yasakli]{color:var(--danger)}.pasif__geri{gap:var(--space-2);min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-strong);background:var(--surface-overlay);border-radius:var(--radius);cursor:pointer;flex:none;align-items:center;font-weight:600;display:flex}.pasif__geri:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.pasif__geri:disabled{opacity:.45;cursor:not-allowed}.roller__liste{position:sticky;top:0}.rolluye,.pasif{list-style:none}.members__btn{gap:var(--space-2);width:100%;min-width:0;min-height:40px;padding:0 var(--space-2);text-align:left;border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.members__btn:hover{background:var(--surface-raised)}.uyekart{width:min(340px,92vw);color:var(--text);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;overflow:visible;box-shadow:0 24px 64px #0000008c}.uyekart::backdrop{background:#0009}.uyekart__ust{padding:var(--space-4) var(--space-4) 0;background:var(--surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}.uyekart__kapat{top:var(--space-2);right:var(--space-2);width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;place-items:center;display:grid;position:absolute}.uyekart__kapat:hover{color:var(--text-strong)}.uyekart__govde{padding:var(--space-3) var(--space-4) var(--space-4)}.uyekart__ad{font-size:var(--text-lg);color:var(--text-strong);font-weight:700}.uyekart__durum{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);align-items:center;margin-top:2px;display:flex}.uyekart__nokta{background:var(--text-faint);border-radius:var(--radius-full);width:8px;height:8px}.uyekart__nokta[data-online]{background:var(--online)}.uyekart__baslik{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;font-weight:700}.uyekart__roller{gap:var(--space-2);flex-wrap:wrap;display:flex}.uyekart__bosrol{font-size:var(--text-sm);color:var(--text-faint)}.rolcip{gap:var(--space-1);min-height:26px;padding:0 var(--space-2);font-size:var(--text-xs);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;font-weight:600;display:flex}.rolcip__nokta{border-radius:var(--radius-full);width:9px;height:9px}.rolcip__sil{width:16px;height:16px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;place-items:center;margin-left:2px;display:grid}.rolcip__sil:hover{color:var(--danger)}.rolcip--ekle{cursor:pointer}.rolcip--ekle:hover{border-color:var(--accent);color:var(--accent-hover)}.uyekart__ekle{position:relative}.rolsec{z-index:1;min-width:160px;max-height:200px;padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);list-style:none;position:absolute;bottom:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.rolsec button{gap:var(--space-2);width:100%;min-height:32px;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text);text-align:left;border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.rolsec button:hover{background:var(--surface-raised)}.uyekart__islem{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.uyekart__at{gap:var(--space-2);min-height:40px;font-size:var(--text-sm);color:var(--danger);background:var(--surface-raised);border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.uyekart__at:hover:not(:disabled){color:var(--text-strong);background:var(--danger)}.uyekart__at:disabled{opacity:.5;cursor:default}.tile[data-camera]{aspect-ratio:16/9;background:#000;grid-column:span 2;align-content:end;padding:0;position:relative;overflow:hidden}.tile__kamera{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.tile[data-camera] .tile__open{position:absolute;inset:0}.tile[data-camera] .tile__name{z-index:1;width:100%;padding:var(--space-4) var(--space-2) var(--space-2);color:#fff;background:linear-gradient(#0000,#000000bf);position:relative}.butce{width:100%;accent-color:var(--accent)}.share__uyari{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--warning);background:var(--surface-raised);border-left:3px solid var(--warning);border-radius:var(--radius-sm)}.tile__kamera[data-ayna]{transform:scaleX(-1)}.stage__baglanti{gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap;justify-content:center;margin:0;display:flex}.stage__baglanti [data-tur=relay]{color:var(--warning);font-weight:600}.stage__baglanti [data-tur=dogrudan]{color:var(--online)}.channel__doluluk{padding:1px var(--space-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-faint);background:var(--surface-raised);border-radius:var(--radius-sm);flex-shrink:0;margin-left:auto}.channel__doluluk[data-dolu]{color:var(--warning);font-weight:600}.soru__aciklama{white-space:pre-line}.soru__ipucu{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-faint)}.soru__eylemler{gap:var(--space-2);margin-top:var(--space-4);display:flex}.dlg__primary[data-yikici]{color:var(--on-accent);background:var(--danger)}.dlg__primary[data-yikici]:hover{background:var(--danger-hover)}.ray{gap:var(--space-2);width:68px;padding:var(--space-3) 0;background:var(--surface-rail,#17181c);border-right:1px solid var(--border);flex-direction:column;align-items:center;display:flex;overflow-y:auto}.ray__oge{width:48px;height:48px;font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-raised);cursor:pointer;transition:border-radius var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:16px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.ray__oge:hover{color:var(--text-strong);border-radius:12px}.ray__oge[data-active]{color:var(--on-accent);background:var(--accent);border-radius:12px}.ray__yeni{color:var(--online)}@media (width<720px){.ray{width:56px}.ray__oge{width:44px;height:44px}}.settings__kapsam{margin-left:var(--space-2);padding:2px var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius-sm);font-weight:500}.ray__gorsel{object-fit:cover;border-radius:inherit;width:100%;height:100%}.tepkiler{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.tepki{gap:var(--space-1);min-height:24px;padding:2px var(--space-2);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-raised);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;line-height:1.4;display:flex}.tepki:hover{border-color:var(--border-strong)}.tepki[data-benimki]{color:var(--accent);background:var(--surface-sidebar);border-color:var(--accent)}.tepki__sayi{font-variant-numeric:tabular-nums;font-weight:600}.msg__act--emoji{font-size:15px;line-height:1}.yaziyor{bottom:100%;left:var(--space-3);max-width:calc(100% - 2 * var(--space-3));font-size:var(--text-xs);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;margin:0 0 2px;position:absolute;overflow:hidden}.arama{width:min(560px, calc(100vw - 2 * var(--space-4)));max-height:min(640px, calc(100dvh - 2 * var(--space-4)))}.arama[open]{flex-direction:column;display:flex}.arama__giris{gap:var(--space-2);padding:0 var(--space-3);margin-bottom:var(--space-3);color:var(--text-faint);background:var(--surface-rail);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:center;display:flex}.arama__giris .auth__input{background:0 0;border:0;padding-left:0}.arama__sonuclar{gap:var(--space-1);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.arama__sonuc{gap:var(--space-2);padding:var(--space-2);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:flex-start;display:flex}.arama__sonuc:hover:not(:disabled){background:var(--surface-raised)}.arama__sonuc:disabled{opacity:.5;cursor:default}.arama__govde{flex-direction:column;gap:2px;min-width:0;display:flex}.arama__ust{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap;align-items:baseline;display:flex}.arama__ust strong{font-size:var(--text-sm);color:var(--text-strong)}.arama__kanal{color:var(--accent)}.arama__metin{-webkit-line-clamp:2;font-size:var(--text-sm);color:var(--text);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ray__oge{position:relative}.ray__rozet{box-sizing:border-box;background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border:3px solid var(--surface-rail,#17181c);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-4px;right:-4px}.ray__ses{box-sizing:border-box;background:var(--online);color:#05140b;font-variant-numeric:tabular-nums;border:2px solid var(--surface-rail,#17181c);pointer-events:none;border-radius:999px;align-items:center;gap:1px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.sesonizleme{z-index:var(--z-dropdown);min-width:180px;max-width:260px;padding:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000073}.sesonizleme__ad{padding:0 var(--space-1) var(--space-1);font-size:var(--text-sm);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sesonizleme__oda+.sesonizleme__oda{margin-top:var(--space-2)}.sesonizleme__kanal{padding:0 var(--space-1);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sesonizleme__kisi{gap:var(--space-2);padding:3px var(--space-1);align-items:center;display:flex}.sesonizleme__isim{min-width:0;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--text);flex:1;overflow:hidden}.sesonizleme__ikon{color:var(--text-muted);flex-shrink:0}.kirp__kutu{width:min(300px, calc(100vw - 6 * var(--space-4)));aspect-ratio:1;margin:var(--space-3) auto;border-radius:var(--radius-lg);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.kirp__kutu:active{cursor:grabbing}.kirp__gorsel{max-width:none;transition:none;position:absolute;top:50%;left:50%}.kirp__maske{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 9999px #00000080}.kirp__zoom{gap:var(--space-3);color:var(--text-muted);align-items:center;display:flex}.kirp__zoom input{accent-color:var(--accent);flex:1}.emoji{z-index:60;padding:var(--space-3);color:var(--text);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:fixed;box-shadow:0 12px 32px #00000073}.emoji__ara{gap:var(--space-2);padding:0 var(--space-2);color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius);align-items:center;display:flex}.emoji__giris{padding:var(--space-2) 0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.emoji__sekmeler{margin-top:var(--space-2);gap:2px;display:flex}.emoji__sekme{height:28px;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;flex:1;place-items:center;font-size:15px;display:grid}.emoji__sekme:hover{background:var(--surface-raised)}.emoji__sekme[data-secili]{background:var(--surface-raised);box-shadow:inset 0 -2px 0 var(--accent)}.emoji__baslik{margin:var(--space-2) 0 var(--space-1);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.emoji__izgara{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;display:grid;overflow-y:auto}.emoji__oge{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;place-items:center;font-size:20px;line-height:1;display:grid}.emoji__oge:hover{background:var(--surface-raised)}.emoji__bos{padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--text-sm);text-align:center;grid-column:1/-1}.userpanel__ustsag{gap:var(--space-1);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.userpanel__bilgi{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.userpanel__bilgi:hover{filter:brightness(1.15)}.userpanel{position:relative}.baglanti{bottom:calc(100% + var(--space-2));left:var(--space-2);z-index:60;width:min(320px, calc(100vw - 2 * var(--space-4)));padding:var(--space-3);color:var(--text);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius-lg);position:absolute;box-shadow:0 12px 32px #00000073}.baglanti__head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.baglanti__title{font-size:var(--text-sm);margin:0;font-weight:700}.baglanti__bos{color:var(--text-muted);font-size:var(--text-sm);margin:0}.baglanti__grafik{background:var(--surface-raised);border-radius:var(--radius);position:relative}.baglanti__grafik svg{width:100%;height:76px;display:block}.baglanti__kilavuz{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.baglanti__cizgi{stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.baglanti__cizgi[data-kotu]{stroke:var(--danger)}.baglanti__tavan{color:var(--text-muted);font-size:10px;position:absolute;top:2px;right:4px}.baglanti__ozet{gap:var(--space-3);margin:var(--space-3) 0;display:flex}.baglanti__ozet div{flex:1}.baglanti__ozet dt{color:var(--text-muted);font-size:10px}.baglanti__ozet dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.baglanti__ozet dd[data-kotu]{color:var(--danger)}.baglanti__esler{margin:0 0 var(--space-3);padding:0;list-style:none}.baglanti__esler li{gap:var(--space-2);font-size:var(--text-xs);grid-template-columns:1fr auto auto;align-items:baseline;padding:2px 0;display:grid}.baglanti__ad{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.baglanti__deger{color:var(--text-muted);font-variant-numeric:tabular-nums}.baglanti__tur{color:var(--text-muted);grid-column:1/-1;font-size:10px}.baglanti__tur[data-tur=relay]{color:var(--warning,#e0a33e)}.baglanti__yardim{color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.channel[data-icinde],.channel[data-icinde] svg{color:var(--online)}.channel[data-icinde] .channel__name{color:var(--online);font-weight:600}.channel__sure{color:var(--online);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.channel__doluluk+.channel__sure{margin-left:var(--space-2)}.etiket{bottom:calc(100% + var(--space-2));z-index:40;width:min(280px,100%);max-height:240px;padding:var(--space-1);background:var(--surface-chat);border:1px solid var(--border);border-radius:var(--radius);margin:0;list-style:none;position:absolute;left:0;overflow-y:auto;box-shadow:0 10px 28px #00000073}.etiket__oge{gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);color:var(--text);font:inherit;text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.etiket__oge[data-secili],.etiket__oge:hover{background:var(--surface-raised)}.etiket__ad{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mention{color:var(--accent);background:var(--accent-quiet);border-radius:var(--radius-sm);padding:0 3px;font-weight:600}.mention[data-ben]{color:var(--warning);background:#e0a33e2e}.baglanti{overscroll-behavior:contain;max-height:min(70dvh,520px);overflow-y:auto}@media (width<480px){.dlg__code{flex-direction:column;align-items:stretch}.dlg__copy{justify-content:center}}.channel__name{min-width:0}.channel__doluluk,.channel__sure{flex-shrink:0}@media (width<720px){.stage__etiket{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage__share,.stage__leave,.stage__join{min-width:44px;padding:0 var(--space-2);justify-content:center}.stage__badge{display:none}.chat__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}}.msg__link{color:var(--accent);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.msg__link:hover{color:var(--accent-hover)}.channel__rozet--etiket{color:#fff;background:var(--danger)}.ekdosya{gap:var(--space-2);max-width:320px;padding:var(--space-2) var(--space-3);color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;text-decoration:none;display:flex}.ekdosya:hover{background:var(--surface-overlay);border-color:var(--border-strong)}.ekdosya__ad{min-width:0;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.ekdosya__boyut{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0}.baglanti__yuk{margin:0 0 var(--space-2);padding-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);border-top:1px solid var(--border)}.onizleme{gap:var(--space-1);max-width:340px;margin-top:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);color:inherit;transition:background var(--dur) var(--ease);flex-direction:column;text-decoration:none;display:inline-flex}.onizleme:hover{background:var(--surface-overlay)}.onizleme__kapak{border-radius:var(--radius-sm);background:var(--surface-rail,#17181c);width:100%;display:block;position:relative;overflow:hidden}.onizleme__kapak img{object-fit:cover;width:100%;height:100%;display:block}.onizleme__play{color:#fff;background:#000000a6;border-radius:8px;place-items:center;width:44px;height:30px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onizleme__baslik{-webkit-line-clamp:2;min-width:0;font-size:var(--text-sm);color:var(--text-strong);-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}:root{--surface-rail:#17181c;--surface-sidebar:#202227;--surface-chat:#26282e;--surface-raised:#2e3037;--surface-overlay:#34363d;--text-strong:#f2f3f5;--text:#e0e2e6;--text-muted:#a3a7b0;--text-faint:#7c818b;--accent:#40b3a2;--accent-hover:#4fc7b5;--accent-quiet:#1f3f3c;--on-accent:#06201d;--online:#43b581;--danger:#ea6f66;--danger-hover:#f2857d;--warning:#e0a458;--border:#34363d;--border-strong:#43464f;--focus:#5fd3c2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-full:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:21px;--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur:.18s;--z-dropdown:100;--z-modal:1000;--z-toast:1100;--rail-width:68px;--sidebar-width:232px;--members-width:232px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background:var(--surface-chat);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3,p,figure{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-quiet);color:var(--text-strong)}*{scrollbar-width:thin;scrollbar-color:var(--surface-overlay) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-overlay);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}