:root{font-family:Manrope,Segoe UI,sans-serif;color:#102a43;background:radial-gradient(circle at 20% 20%,#f0f4f8,#d9e2ec 55%,#bcccdc)}*{box-sizing:border-box}body{margin:0;height:100vh;height:100svh;min-height:100vh;min-height:100svh;overflow:hidden}#app{height:100vh;height:100svh;min-height:100vh;min-height:100svh}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(100%,420px);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 20px 50px #0f172a1f}.auth-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.auth-card-header h1{margin-bottom:0}.auth-card-controls{display:inline-flex;align-items:flex-start;gap:.55rem;margin-left:auto}.auth-theme-btn{width:38px;height:38px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center;margin-top:0}.auth-theme-btn svg{width:100%;height:100%;fill:currentColor}.locale-flag-switch{--flag-toggle-width: 34px;--flag-toggle-height: 26px;--flag-toggle-gap: .35rem;--flag-toggle-padding: .2rem;display:inline-flex;position:relative;isolation:isolate;align-items:center;gap:var(--flag-toggle-gap);padding:var(--flag-toggle-padding);border:1px solid #bcccdc;border-radius:999px;background:#f0f4f8;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:border-color .24s ease,background-color .24s ease,box-shadow .24s ease}.locale-flag-switch:before{content:"";position:absolute;top:var(--flag-toggle-padding);left:var(--flag-toggle-padding);width:var(--flag-toggle-width);height:var(--flag-toggle-height);border-radius:999px;border:1px solid #0f4c81;background:#0f4c8129;z-index:0;transform:translate(0);transition:transform .26s cubic-bezier(.4,0,.2,1),background-color .24s ease,border-color .24s ease}.locale-flag-switch[aria-pressed=true]:before{transform:translate(calc(var(--flag-toggle-width) + var(--flag-toggle-gap)))}.locale-flag-switch:focus-visible{outline:2px solid #0f4c81;outline-offset:1px}.auth-locale-switch{margin-left:0}.flag-btn{width:var(--flag-toggle-width);height:var(--flag-toggle-height);min-width:var(--flag-toggle-width);padding:0;margin-top:0;border-radius:999px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;opacity:.72;transition:opacity .24s ease,transform .24s ease}.flag-btn:hover{background:transparent}.flag-btn.is-active{opacity:1;transform:scale(1.03)}.flag-btn:focus-visible{outline:2px solid #0f4c81;outline-offset:1px}.flag-icon{position:relative;display:block;width:22px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #0f172a33}.flag-icon:before{content:"";position:absolute}.flag-icon--pl{background:linear-gradient(to bottom,#fff 0,#fff 50%,#dc143c 50%,#dc143c)}.flag-icon--en{background:repeating-linear-gradient(to bottom,#b31942 0,#b31942 12.5%,#fff 12.5%,#fff 25%)}.flag-icon--en:before{left:0;top:0;width:40%;height:58%;background:#0a3161;border-top-left-radius:2px}h1,h2,h3{margin-top:0}.subtitle{margin-top:0;color:#486581}.form{display:grid;gap:.6rem}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.search-input-wrapper{position:relative}.search-input-wrapper input{padding-right:3rem}.search-clear-btn{position:absolute;top:50%;right:.3rem;transform:translateY(-50%);width:34px;height:34px;padding:.4rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center}.search-clear-btn svg{width:100%;height:100%;fill:currentColor}.password-input-wrapper .password-visibility-btn{position:absolute;top:50%;right:.3rem;transform:translateY(-50%);width:34px;height:34px;padding:.4rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center}.password-input-wrapper .password-visibility-btn svg{width:100%;height:100%;fill:currentColor}label{font-weight:600}input,select,button{width:100%;font:inherit;padding:.7rem .75rem;border-radius:8px}input,select{border:1px solid #bcccdc;background:#fff}button{border:none;background:#0f4c81;color:#fff;cursor:pointer;margin-top:.25rem}button:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#486581}.danger-btn{background:#b42318}.icon-btn{width:auto;padding:.5rem .75rem;background:#334e68;margin-top:0}.error{margin:.25rem 0;color:#c81e1e}.notice{margin:.25rem 0;color:#0b6e4f}.toast-stack{position:fixed;top:max(.8rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,680px);display:grid;gap:.5rem;z-index:40;pointer-events:none}.toast-item{pointer-events:auto;border-radius:10px;border:1px solid #cbd5e1;background:#f8fbff;color:#102a43;box-shadow:0 14px 36px #0f172a33;padding:.62rem .78rem}.toast-item p{margin:0;line-height:1.35;font-weight:600}.toast-item--error{border-color:#fca5a5;background:#fff1f2;color:#9f1239}.toast-item--success{border-color:#86efac;background:#ecfdf3;color:#166534}.toast-item--info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.muted{color:#627d98}.role-pill{margin-left:.5rem;padding:.2rem .45rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:#d9e2ec;color:#243b53}.role-pill.small{margin-left:.4rem;font-size:.65rem}.app-shell{height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh;padding:.85rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85rem;position:relative;overflow:hidden}.topbar{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 16px 45px #0f172a1c;display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topbar-main h1{margin:0}.topbar-menu-btn{display:none;width:40px;height:40px;padding:.45rem;margin-top:0;align-items:center;justify-content:center}.topbar-menu-btn svg{width:100%;height:100%;fill:currentColor}.topbar-actions{display:flex;align-items:center;gap:.75rem}.topbar-actions button{width:auto;margin-top:0}.topbar-locale-switch{margin-right:.1rem}.topbar-theme-btn{width:38px;height:38px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center}.topbar-theme-btn svg{width:100%;height:100%;fill:currentColor}.channels-import-header-back-btn{display:none}.identity-chip{display:flex;align-items:center;gap:.35rem;background:#f0f4f8;border-radius:999px;padding:.35rem .65rem}.identity-name{font-weight:700}.app-grid{--side-width: clamp(300px, 24vw, 360px);display:grid;grid-template-columns:minmax(280px,var(--side-width)) minmax(0,1fr) minmax(300px,var(--side-width));justify-content:stretch;justify-items:stretch;width:100%;height:100%;min-height:0;gap:.7rem;align-items:stretch;align-content:stretch}.app-grid--user{grid-template-columns:minmax(0,1fr) minmax(300px,var(--side-width))}.card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 16px 45px #0f172a1c}.channels-side{grid-column:1;display:flex;flex-direction:column;gap:.45rem;min-height:0;height:100%;overflow:hidden}.channels-side-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.channels-side-actions{display:flex;align-items:center;gap:.45rem}.channels-side-header button{width:auto;margin-top:0}.channels-side-icon-btn{width:38px;height:38px;padding:.45rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center}.channels-side-icon-btn svg{width:100%;height:100%;fill:currentColor}.channels-list{display:grid;gap:.55rem;min-height:0;overflow-y:auto;padding-right:.2rem}.channel-item{display:grid;gap:.55rem;border:1px solid #d9e2ec;border-radius:10px;background:#f7fbff;padding:.6rem}.channel-item button{width:auto;margin-top:0}.channel-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.channel-toggle-btn{width:auto;margin-top:0;border:none;border-radius:8px;color:#fff;font-weight:700;min-width:42px;display:inline-flex;align-items:center;justify-content:center}.channel-toggle-btn--play{background:#0f4c81}.channel-toggle-btn--stop{background:#b42318}.channel-toggle-icon{width:17px;height:17px;fill:currentColor}.favorite-btn{width:38px;height:38px;border:1px solid #b8c7d6;background:#fff;color:#9aa9b8;border-radius:10px;padding:.35rem;margin-top:0}.favorite-btn svg{width:100%;height:100%;fill:currentColor}.favorite-btn--active{color:#e11d48;border-color:#e11d48;background:#ffe7ef}.channel-item-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center}.channel-logo{width:34px;height:34px;border-radius:7px;object-fit:cover;border:1px solid #c3d4e5;background:#fff}.channel-item .meta{margin:.2rem 0 0;color:#486581;font-size:.88rem}.stream-stage{grid-column:2;display:flex;flex-direction:column;gap:0;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;padding:.6rem}.app-grid--user .stream-stage{grid-column:1}.stream-status-floating{position:absolute;top:.75rem;right:.75rem;z-index:3;pointer-events:none}.stream-status-chip{margin:0;padding:.2rem .58rem;border:1px solid #c3d4e5;border-radius:999px;color:#486581;background:#f0f4f8;font-size:.86rem;line-height:1.2;white-space:nowrap}.stream-frame{position:relative;flex:1 1 auto;width:100%;height:100%;min-height:0;max-width:100%;overflow:hidden;border-radius:12px;background:#0f172a}.stream-video{width:100%;height:100%;display:block;object-fit:contain;background:#020617}.stream-placeholder{border:2px dashed #9fb3c8;border-radius:12px;width:100%;height:100%;min-height:0;max-width:100%;display:grid;place-items:center;color:#486581;background:linear-gradient(135deg,#f7fbff,#edf2f7);padding:.75rem}.stream-placeholder p{margin:0;text-align:center}.stream-channel-label{position:absolute;left:.75rem;top:.75rem;z-index:3;opacity:0;pointer-events:none;transition:opacity .2s ease}.stream-channel-label span{display:inline-block;max-width:min(86vw,720px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.4rem .72rem;border-radius:9px;border:1px solid rgba(207,232,255,.55);background:#02061773;color:#e8f3ff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:1rem}.stream-frame:hover .stream-channel-label,.stream-frame:focus-within .stream-channel-label{opacity:1}.stream-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:.7rem;padding:1rem;text-align:center;background:#0206178c;color:#f8fafc}.stream-overlay p{margin:0}.stream-overlay .secondary-btn{width:auto}.chat-panel{grid-column:3;display:flex;flex-direction:column;gap:.35rem;min-height:0;min-width:0;height:100%;align-self:stretch;justify-self:stretch;overflow:hidden}.app-grid--user .chat-panel{grid-column:2}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.chat-header h2{margin:0;min-width:0}.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;min-width:0;flex-shrink:0;white-space:nowrap}.chat-online-chip{margin:0;display:inline-flex;align-items:center;gap:.42rem;padding:.3rem .65rem;border-radius:999px;border:1px solid #93d3a2;background:linear-gradient(180deg,#f2fff5,#e0f7e7);color:#166534;font-size:.84rem;font-weight:700;line-height:1;white-space:nowrap;flex-shrink:0}.chat-online-chip:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 .16rem #22c55e2e;animation:chat-online-pulse 1.8s ease-out infinite}.chat-online-chip--online{border-color:#93d3a2;background:linear-gradient(180deg,#f2fff5,#e0f7e7);color:#166534}.chat-online-chip--online:before{background:#22c55e;box-shadow:0 0 0 .16rem #22c55e2e;animation:chat-online-pulse 1.8s ease-out infinite}.chat-online-chip--connecting{border-color:#f4cf7a;background:linear-gradient(180deg,#fff9eb,#fff1c2);color:#9a6700}.chat-online-chip--connecting:before{background:#f59e0b;box-shadow:0 0 0 .16rem #f59e0b2e;animation:chat-connecting-pulse 1.3s ease-in-out infinite}.chat-online-chip--offline{border-color:#cbd5e1;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#64748b}.chat-online-chip--offline:before{background:#ef4444;box-shadow:0 0 0 .16rem #ef44441f;animation:none}@keyframes chat-online-pulse{0%{transform:scale(.96);box-shadow:0 0 #22c55e4d}45%{transform:scale(1);box-shadow:0 0 0 .28rem #22c55e24}to{transform:scale(.96);box-shadow:0 0 #22c55e00}}@keyframes chat-connecting-pulse{0%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.92)}}.chat-mobile-toggle-btn{width:38px;height:38px;padding:.45rem;margin-top:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-mobile-toggle-btn svg{width:100%;height:100%;fill:currentColor}.chat-messages{border:1px solid #d9e2ec;border-radius:10px;padding:0;overflow:hidden;height:100%;flex:1 1 auto;min-height:0;background:#f8fbff}.chat-sheet-body{display:contents}.chat-messages-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:.65rem;scrollbar-gutter:stable}.chat-messages-scroll::-webkit-scrollbar{width:8px}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#b8c7d6;border-radius:999px}.chat-messages-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-content{display:flex;flex-direction:column;gap:.55rem;margin-top:auto}.chat-empty-state{margin:auto 0;text-align:center}.chat-message{position:relative;border:1px solid #e1e8ef;border-radius:8px;padding:.5rem;background:#fff;max-width:86%;width:fit-content}.chat-message--mine{align-self:flex-end;background:#e5f0ff;border-color:#7fb0de;border-bottom-right-radius:3px;color:#113a64}.chat-message--other{align-self:flex-start;background:#fff;border-color:#d7e0e9;border-bottom-left-radius:3px;color:#102a43}.chat-message header{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem;font-weight:700}.chat-message--mine header{color:#0f4c81}.chat-message--other header{color:#243b53}.chat-message time{margin-left:auto;color:#627d98;font-size:.8rem}.chat-message p{margin:0;color:inherit}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;margin-top:auto;padding-top:.25rem;background:#fff}.chat-form button{width:auto;margin-top:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:20}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:24}.mobile-topbar-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(92vw,360px);background:#f8fbff;box-shadow:-18px 0 40px #0f172a33;z-index:25;padding:1rem;overflow-y:auto}.mobile-topbar-actions{display:grid;gap:.7rem}.mobile-topbar-actions .identity-chip{width:100%;justify-content:space-between;margin-top:.2rem}.mobile-topbar-actions button{width:100%;margin-top:0}.admin-drawer{position:fixed;top:0;right:0;height:100vh;width:min(100%,480px);background:#f8fbff;box-shadow:-18px 0 40px #0f172a33;z-index:21;padding:1rem;overflow-y:auto}.channels-drawer{width:min(100%,520px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.channels-drawer .drawer-section{flex:0 0 auto}.channels-drawer .drawer-section--channels-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-top:.35rem}.channels-drawer .drawer-section--channels-list>.search-input-wrapper{margin-bottom:.6rem}.channels-drawer-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.channels-drawer-list .channels-list{overflow:visible;padding-right:0}.channels-drawer .drawer-section--preview{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.import-preview-window{margin-top:.4rem;border:1px solid #d9e2ec;border-radius:10px;background:#f7fbff;padding:.45rem;display:grid;gap:.55rem;overflow-y:auto;min-height:0;flex:1 1 auto}.import-preview-item-main{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.import-preview-item-content{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center;min-width:0}.preview-remove-btn{width:auto;margin-top:0;flex-shrink:0}.preview-restore-btn{width:auto;margin-top:0;flex-shrink:0;background:#0b6e4f}.channel-item--removed{opacity:.58}.channel-item--removed .import-preview-item-content{filter:saturate(.65)}.import-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem}.import-preview-actions button{margin-top:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.drawer-header h2{margin:0}.channels-drawer-header-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.channels-drawer-header-actions button,.drawer-close-btn{margin-top:0}.mobile-topbar-drawer .drawer-header{align-items:center;justify-content:flex-start;gap:1.75rem;padding-bottom:.2rem}.mobile-topbar-drawer .drawer-header h2{line-height:1;margin-right:auto}.mobile-drawer-header-actions{display:flex;align-items:center;gap:.6rem;margin-left:1rem;margin-right:0}.mobile-drawer-header-actions button{margin-top:0}.mobile-drawer-header-actions .locale-flag-switch{--flag-toggle-width: 28px;--flag-toggle-height: 22px;--flag-toggle-gap: .22rem;--flag-toggle-padding: .16rem;margin:0;flex-shrink:0}.mobile-drawer-header-actions .flag-icon{width:18px;height:12px}.drawer-section+.drawer-section{margin-top:1.25rem;border-top:1px solid #d9e2ec;padding-top:1.25rem}.admin-overview{padding-top:1rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-stat-card{display:grid;gap:.22rem;padding:.7rem .8rem;border:1px solid #d9e2ec;border-radius:12px;background:linear-gradient(180deg,#fff,#f4f8fc)}.admin-stat-card span{color:#6b7c93;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-stat-card strong{color:#102a43;font-size:1.2rem;line-height:1}.admin-users-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem}.admin-users-toolbar h3,.admin-users-toolbar p{margin:0}.admin-users-toolbar+.search-input-wrapper{margin-top:.55rem}.users-list{list-style:none;margin:.55rem 0 0;padding:0;display:grid;gap:.7rem}.user-item{display:grid;gap:.85rem;background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:.9rem;box-shadow:0 10px 24px #0f172a0d}.user-item .meta{margin:.2rem 0 0;color:#486581;font-size:.84rem}.admin-user-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.admin-user-heading{min-width:0}.admin-user-heading strong{display:block;font-size:1rem;color:#102a43;overflow:hidden;text-overflow:ellipsis}.admin-user-badges{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}.admin-user-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.22rem .58rem;border-radius:999px;border:1px solid #d9e2ec;background:#f7fbff;color:#334e68;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap}.admin-user-badge--role{border-color:#bfd2e6;background:#eef6ff;color:#0f4c81}.admin-user-badge--active{border-color:#93d3a2;background:#eefcf2;color:#166534}.admin-user-badge--blocked{border-color:#f5b2a7;background:#fff1ef;color:#b42318}.admin-user-badge--self{border-color:#d5b8ff;background:#f5ecff;color:#6b21a8}.admin-user-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.role-editor{display:grid;gap:.45rem;margin-top:0;padding:.75rem;border:1px solid #d9e2ec;border-radius:12px;background:#f8fbff}.role-editor button{margin-top:0}.password-editor{display:grid;gap:.45rem;margin-top:0;padding:.75rem;border:1px solid #d9e2ec;border-radius:12px;background:#f8fbff}.password-editor button{margin-top:0}.user-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:0}@media(max-width:640px){.admin-stats-grid,.admin-user-editors,.user-actions{grid-template-columns:1fr}.admin-users-toolbar,.admin-user-header{align-items:flex-start;flex-direction:column}.admin-user-badges{justify-content:flex-start}}body.theme-dark{color:#dbe7f5;background:radial-gradient(circle at 20% 20%,#0f172a,#111827 55%,#020617)}body.theme-dark .auth-card,body.theme-dark .topbar,body.theme-dark .card,body.theme-dark .admin-drawer,body.theme-dark .mobile-topbar-drawer{background:#111b2e;color:#dbe7f5;box-shadow:0 16px 40px #0206178c}body.theme-dark input,body.theme-dark select{border-color:#314158;background:#0c1424;color:#e2ebf7}body.theme-dark .secondary-btn{background:#284467}body.theme-dark .icon-btn{background:#22344f}body.theme-dark .subtitle,body.theme-dark .muted,body.theme-dark .channel-item .meta,body.theme-dark .chat-message time,body.theme-dark .user-item .meta{color:#9bb0c9}body.theme-dark .stream-status-chip{border-color:#41587a;background:#122036;color:#a9c0dd}body.theme-dark .locale-flag-switch{border-color:#314158;background:#0c1424}body.theme-dark .locale-flag-switch:before{border-color:#6aabeb;background:#6aabeb3d}body.theme-dark .locale-flag-switch:focus-visible{outline-color:#6aabeb}body.theme-dark .flag-btn:hover{background:#6aabeb33}body.theme-dark .flag-btn.is-active{opacity:1}body.theme-dark .flag-btn:focus-visible{outline-color:#6aabeb}body.theme-dark .error{color:#fca5a5}body.theme-dark .notice{color:#86efac}body.theme-dark .toast-item{border-color:#334155;background:#0f1a2c;color:#dbe7f5}body.theme-dark .toast-item--error{border-color:#be123c;background:#3c1021;color:#fecdd3}body.theme-dark .toast-item--success{border-color:#15803d;background:#072915;color:#bbf7d0}body.theme-dark .toast-item--info{border-color:#1d4ed8;background:#102446;color:#bfdbfe}body.theme-dark .identity-chip{background:#0d1628}body.theme-dark .role-pill{background:#24354f;color:#dbe7f5}body.theme-dark .channel-item,body.theme-dark .chat-messages,body.theme-dark .user-item,body.theme-dark .import-preview-window{border-color:#30415a;background:#0f1a2c}body.theme-dark .admin-stat-card,body.theme-dark .role-editor,body.theme-dark .password-editor{border-color:#30415a;background:#122036}body.theme-dark .admin-stat-card span{color:#8fa7c4}body.theme-dark .admin-stat-card strong,body.theme-dark .admin-user-heading strong{color:#e2ebf7}body.theme-dark .admin-user-badge{border-color:#30415a;background:#14233a;color:#c8d7ea}body.theme-dark .admin-user-badge--role{border-color:#335d88;background:#102946;color:#9eccff}body.theme-dark .admin-user-badge--active{border-color:#1f7a43;background:#0d2a19;color:#9ae6b4}body.theme-dark .admin-user-badge--blocked{border-color:#8f3a32;background:#341314;color:#f5b0a8}body.theme-dark .admin-user-badge--self{border-color:#6c42b8;background:#24163f;color:#d8c2ff}body.theme-dark .preview-restore-btn{background:#0f8c65}body.theme-dark .channel-logo{border-color:#30415a;background:#0a1322}body.theme-dark .favorite-btn{border-color:#40567a;background:#0d1729;color:#8da7c7}body.theme-dark .favorite-btn--active{border-color:#f43f5e;background:#3a1220;color:#fda4b4}body.theme-dark .stream-placeholder{border-color:#41587a;color:#b4c4da;background:linear-gradient(135deg,#152238,#0f1a2c)}body.theme-dark .chat-form{background:transparent}body.theme-dark .chat-message{border-color:#355075;background:#12233a;color:#d6e6fa}body.theme-dark .chat-message--mine{background:#17345a;border-color:#3a6799;color:#d7eaff}body.theme-dark .chat-message--other{background:#101d31;border-color:#304866;color:#d3e2f4}body.theme-dark .chat-message--mine header,body.theme-dark .chat-message--other header{color:#b8d1ee}body.theme-dark .drawer-section+.drawer-section{border-top-color:#334966}body.theme-dark .drawer-backdrop,body.theme-dark .mobile-menu-backdrop{background:#0206179e}body,.auth-card,.topbar,.card,.admin-drawer,.mobile-topbar-drawer,input,select,button,.channel-item,.chat-messages,.user-item,.import-preview-window,.stream-status-chip,.stream-placeholder,.identity-chip,.locale-flag-switch,.chat-message,.role-pill{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-panel-enter-active,.slide-panel-leave-active{transition:transform .24s ease}.slide-panel-enter-from,.slide-panel-leave-to{transform:translate(100%)}.toast-slide-enter-active,.toast-slide-leave-active,.toast-slide-move{transition:opacity .24s ease,transform .24s ease}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translateY(-120%)}.theme-icon-enter-active,.theme-icon-leave-active{transition:opacity .2s ease,transform .2s ease}.theme-icon-enter-from{opacity:0;transform:scale(.84) rotate(-18deg)}.theme-icon-leave-to{opacity:0;transform:scale(.84) rotate(18deg)}@media(max-width:1080px){.app-shell{padding:.6rem;gap:.6rem}body{overflow:auto}#app{height:auto}.app-grid{grid-template-columns:1fr;max-width:880px;margin:0 auto;height:auto;align-items:start;align-content:start}.app-grid--user{grid-template-columns:1fr}.channels-side,.stream-stage{grid-column:auto;align-self:start}.app-grid--user .stream-stage,.app-grid--user .chat-panel{grid-column:auto}.stream-stage{order:1;width:100%;padding:.5rem}.chat-panel{order:2}.channels-side{order:3}.channels-side{height:auto;max-height:360px}.stream-placeholder,.stream-frame{min-height:clamp(300px,54dvh,560px);max-height:none}.chat-panel{grid-column:auto;height:auto;align-self:start}.chat-messages{height:420px}}@media(pointer:coarse)and (max-width:760px),(pointer:coarse)and (max-height:560px){body{overflow:hidden}#app{height:100svh;height:100dvh;min-height:100svh;min-height:100dvh}.app-shell{height:100svh;height:100dvh;min-height:100svh;min-height:100dvh;padding:calc(.45rem + env(safe-area-inset-top,0px)) .45rem calc(.45rem + env(safe-area-inset-bottom,0px));gap:.5rem}.app-grid{--chat-mobile-peek-height: 58px;--chat-mobile-gap: .5rem;height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(0,46dvh) minmax(0,1fr);gap:.5rem}.app-grid{position:relative}.app-grid--user{grid-template-columns:1fr;grid-template-rows:minmax(0,46dvh) minmax(0,1fr)}.stream-stage,.chat-panel{grid-column:auto;min-height:0}.stream-stage{order:1;height:calc(100% - var(--chat-mobile-peek-height) - var(--chat-mobile-gap));padding:.45rem;grid-row:1 / -1}.stream-frame,.stream-placeholder{min-height:0;height:100%}.chat-panel{order:2;height:100%;min-height:0;padding:.75rem}.chat-panel--mobile-sheet{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;height:100%;min-height:0;overflow:hidden;border-radius:18px 18px 0 0;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 24px #0f172a1f;transition:transform .42s cubic-bezier(.16,1,.3,1),border-radius .42s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:transform;transform:translateY(calc(100% - var(--chat-mobile-peek-height)))}.chat-panel--mobile-sheet .chat-header{gap:.55rem}.chat-panel--mobile-sheet .chat-header h2{font-size:1rem}.chat-panel--mobile-sheet .chat-header-actions{gap:.45rem}.chat-panel--mobile-sheet .chat-sheet-body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1)}.chat-panel--mobile-sheet.chat-panel--mobile-collapsed{border-radius:16px 16px 0 0;box-shadow:none}.chat-panel--mobile-sheet.chat-panel--mobile-collapsed .chat-header{margin-bottom:0}.chat-panel--mobile-sheet.chat-panel--mobile-collapsed .chat-online-chip{font-size:.78rem;padding:.26rem .58rem}.chat-panel--mobile-sheet.chat-panel--mobile-collapsed .chat-sheet-body{opacity:0;transform:translateY(24px);pointer-events:none}.chat-panel--mobile-sheet.chat-panel--mobile-expanded{transform:translateY(0);border-radius:18px;box-shadow:0 -18px 36px #0f172a2e}.chat-panel--mobile-sheet.chat-panel--mobile-expanded .chat-messages{flex:1 1 auto}.chat-panel--mobile-sheet.chat-panel--mobile-expanded .chat-sheet-body{opacity:1;transform:translateY(0);pointer-events:auto}.chat-panel--mobile-sheet.chat-panel--mobile-expanded .chat-form{margin-top:.5rem}.chat-messages{height:auto;min-height:0;flex:1 1 auto}.channels-side{display:none}.topbar{align-items:center;padding:.75rem;gap:0}.topbar-main{width:100%}.topbar-menu-btn{display:inline-flex}.topbar-actions{display:none}}@media(max-width:760px){.app-shell{padding:.45rem;gap:.5rem}.topbar{align-items:center;padding:.75rem;gap:0}.topbar-main{width:100%}.topbar-main h1{font-size:1.06rem}.topbar-menu-btn{display:inline-flex}.topbar-actions,.stream-channel-label{display:none}.chat-form{grid-template-columns:1fr}.chat-messages{height:auto;min-height:0}.channel-actions{flex-direction:column;align-items:stretch}.admin-drawer{width:100%}.user-actions,.import-preview-actions{grid-template-columns:1fr}.channels-import-header-back-btn{display:inline-flex}}@media(hover:none){.stream-channel-label{opacity:1}}@media(min-width:761px)and (max-width:1180px){body{overflow:hidden}#app{height:100vh;height:100svh;height:100dvh}.app-shell{height:100vh;height:100svh;height:100dvh;padding:.65rem;gap:.65rem}.topbar{padding:.85rem;flex-wrap:wrap;align-items:flex-start;gap:.75rem}.topbar-main{width:100%}.topbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.topbar-actions .identity-chip{margin-right:auto}.topbar-actions button{white-space:nowrap}.app-grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);grid-template-rows:minmax(0,1.18fr) minmax(300px,.82fr);max-width:none;margin:0;height:100%;align-items:stretch;align-content:stretch;gap:.65rem}.app-grid--user{grid-template-columns:1fr;grid-template-rows:minmax(0,1.18fr) minmax(300px,.82fr)}.stream-stage,.chat-panel,.channels-side{min-height:0;align-self:stretch}.stream-stage{grid-column:1 / -1;grid-row:1;order:initial;padding:.55rem}.chat-panel{grid-column:1;grid-row:2;order:initial;height:100%}.channels-side{grid-column:2;grid-row:2;order:initial;height:100%;max-height:none}.app-grid--user .stream-stage{grid-column:1;grid-row:1}.app-grid--user .chat-panel{grid-column:1;grid-row:2}.chat-messages{height:auto;min-height:0;flex:1 1 auto}.channels-list{min-height:0}.chat-header-actions{gap:.45rem}.chat-online-chip{font-size:.8rem;padding:.28rem .58rem}}