:root{color-scheme:light;--primary-color: #269fc2;--secondary-color: #0f7f9e;--brand-soft: rgba(38, 159, 194, .12);--background-color: #eef7fb;--surface-color: #ffffff;--surface-strong: #f7fbfd;--message-background: #ffffff;--nicklist-background: #f8fcff;--text-color: #18323b;--muted-color: #60747c;--border-color: #d7e6ec;--shadow-color: rgba(22, 69, 82, .12);--danger-color: #c73832;--success-color: #1d9b66;--nick-color-black: #111827;--nick-color-pink: #c02670;--nick-color-purple: #7c3aed;--nick-color-red: #dc2626;--nick-color-blue: #2563eb;--nick-color-green: #16803a;--nick-color-orange: #c2410c;--nick-color-gray: #4b5563;--nick-color-teal: #0f766e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 860px){html,body,#root{width:100%;max-width:100%;height:100%;min-height:100%;overflow:hidden;overflow-x:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea,.login-form input,.nick-edit input,.search-field input,.menu-field input,.menu-field select,.menu-field textarea,.nick-recovery-form input,.message-composer textarea{min-width:0;font-size:16px!important}.chat-shell{display:flex;flex-direction:column;width:100%;max-width:100%;height:var(--app-viewport-height, 100dvh);min-height:var(--app-viewport-height, 100dvh);max-height:var(--app-viewport-height, 100dvh);overflow:hidden;padding-top:env(safe-area-inset-top)}.app-header,.channel-tabs,.message-composer{flex-shrink:0;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.chat-layout{display:flex;flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden}.chat-main,.chat-area{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden}.message-list{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.channel-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.channel-tab,.channel-tab span,.message,.message__nick,.message__text,.nick-row,.nick-row__name,.chat-area__title,.chat-area__title h2,.chat-area__title p,.user-chip,.nick-button,.app-menu-drawer,.settings-row{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.message-composer{flex-shrink:0;grid-template-columns:30px minmax(0,1fr) minmax(58px,auto);padding-bottom:calc(5px + env(safe-area-inset-bottom))}.message-composer textarea{min-height:36px;line-height:1.25}.right-panel{flex:0 0 clamp(88px,25vw,112px);width:clamp(88px,25vw,112px);max-width:112px;min-width:0;overflow:hidden}.chat-layout--nick-hidden .right-panel{display:none}.mobile-drawer,.mobile-drawer__panel,.radio-player,.toast,.profile-modal,.nick-recovery-modal,.user-menu{max-width:100%;overflow-x:hidden}.app-menu-drawer{border-color:var(--border-color);background-color:var(--surface-color)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 8%,transparent),transparent 150px),var(--surface-color)!important;color:var(--text-color)}.app-menu-drawer__head,.connection-badge,.app-menu-drawer__nav button,.menu-field input,.menu-field select,.menu-field textarea,.settings-row{border-color:var(--border-color);background:color-mix(in srgb,var(--surface-color) 94%,var(--background-color))!important;color:var(--text-color)}.app-menu-drawer__nav button{border-width:0 0 1px;border-radius:0;box-shadow:none}.app-menu-drawer__nav button:hover,.app-menu-drawer__nav button:active,.menu-back-button:hover{background:var(--brand-soft);color:var(--secondary-color)}.connection-badge{background:var(--brand-soft)}}:root[data-theme=dark]{color-scheme:dark;--background-color: #11181b;--surface-color: #172126;--surface-strong: #1d2b31;--message-background: #1a272d;--nicklist-background: #162126;--text-color: #edf7fa;--muted-color: #a4b9c0;--border-color: #2d424a;--shadow-color: rgba(0, 0, 0, .24);--nick-color-black: #f8fafc;--nick-color-pink: #f9a8d4;--nick-color-purple: #c4b5fd;--nick-color-red: #fca5a5;--nick-color-blue: #93c5fd;--nick-color-green: #86efac;--nick-color-orange: #fdba74;--nick-color-gray: #cbd5e1;--nick-color-teal: #5eead4}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;height:100%;margin:0;overflow-x:hidden}body{min-width:320px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 10%,transparent),transparent 38%),var(--background-color);color:var(--text-color);touch-action:manipulation;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--secondary-color)}.icon-button,.text-button,.primary-button,.send-button,.round-action{border:0;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.icon-button:focus-visible,.text-button:focus-visible,.primary-button:focus-visible,.send-button:focus-visible,input:focus-visible,textarea:focus-visible,.channel-tab:focus-visible,.channel-list__item:focus-visible,.nick-row:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 38%,transparent);outline-offset:2px}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.icon-button:hover,.text-button:hover,.channel-list__item:hover,.nick-row:hover{background:var(--brand-soft)}.text-button{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);white-space:nowrap}.primary-button,.send-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:var(--primary-color);color:#fff;font-weight:700}.primary-button:hover,.send-button:hover,.round-action:hover{transform:translateY(-1px)}.primary-button:disabled,.send-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.brand-mark{display:flex;min-width:0;align-items:center;gap:12px}.brand-mark--compact{gap:8px}.brand-mark__badge{display:inline-grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 92%,#ffffff),var(--secondary-color));color:#fff;font-weight:900;letter-spacing:0;box-shadow:0 10px 24px var(--shadow-color)}.brand-mark--compact .brand-mark__badge{width:36px;height:36px;font-size:.82rem}.brand-mark__copy{display:grid;min-width:0}.brand-mark__copy strong,.brand-mark__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark__copy strong{font-size:1.02rem}.brand-mark__copy small{color:var(--muted-color);font-size:.78rem}.login-screen{display:grid;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));place-items:center}.login-panel{width:min(440px,100%);padding:24px;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--surface-color) 94%,transparent);box-shadow:0 26px 60px var(--shadow-color)}.login-panel__top,.app-header,.chat-area__title,.nick-list__head,.radio-player__head,.profile-modal__head,.user-menu__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-panel__intro{margin:26px 0 18px}.login-panel__intro h1{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:0}.login-panel__intro p,.form-help,.form-error,.legal-links,.panel-section p,.chat-area__title p,.private-list p{color:var(--muted-color);font-size:.9rem}.warning-stack{display:grid;gap:8px;margin-bottom:16px}.warning-stack p{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,#f0a92d 44%,var(--border-color));border-radius:8px;background:color-mix(in srgb,#f0a92d 14%,var(--surface-color));color:var(--text-color)}.login-form{display:grid;gap:10px}.login-form label:not(.check-row){font-weight:700}.login-form input,.nick-edit input,.search-field input,.message-composer textarea{width:100%;min-width:0;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);color:var(--text-color)}.login-form input{min-height:44px;padding:0 12px}.input-with-action{display:grid;grid-template-columns:1fr 44px;gap:8px}.input-with-action button{display:grid;place-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);cursor:pointer}.form-help,.form-error{margin:-2px 0 4px}.form-error{color:var(--danger-color)}.check-row,.toggle-row{display:flex;align-items:center;gap:9px}.legal-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.chat-shell{display:grid;height:100dvh;min-height:0;grid-template-rows:auto 1fr;padding-top:env(safe-area-inset-top);background:var(--background-color)}.app-header{min-height:58px;padding:10px 14px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 94%,transparent);box-shadow:0 4px 16px var(--shadow-color);z-index:20}.app-header__mobile,.app-header__menu{display:none}.app-header__actions{display:flex;align-items:center;gap:8px}.app-header__radio{position:relative}.app-header__radio--playing{color:var(--primary-color);background:var(--brand-soft)}.radio-status-dot{position:absolute;right:6px;bottom:6px;width:8px;height:8px;border:2px solid var(--surface-color);border-radius:50%;background:var(--success-color)}.user-chip{display:flex;min-width:0;align-items:center;gap:9px;margin-inline:auto}.avatar{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border-color);border-radius:50%;background:var(--brand-soft);color:var(--primary-color)}.nick-button{display:grid;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.nick-button strong,.nick-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nick-button small{color:var(--muted-color)}.nick-edit{display:flex;align-items:center;gap:6px}.nick-edit input{width:130px;height:34px;padding:0 9px}.nick-edit button{height:34px;border:0;border-radius:8px;background:var(--primary-color);color:#fff;font-weight:700}.chat-layout{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 292px}.right-panel{min-height:0;border-color:var(--border-color);background:var(--nicklist-background)}.right-panel{border-left:1px solid var(--border-color)}.left-panel__content{display:grid;align-content:start;gap:18px;height:100%;overflow:auto;padding:16px}.panel-section{display:grid;gap:10px}.panel-section h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted-color);font-size:.82rem;letter-spacing:0;text-transform:uppercase}.status-pill,.mini-radio{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.status-pill svg,.mini-radio svg{color:var(--primary-color)}.channel-list,.private-list{display:grid;gap:7px}.channel-list__item,.private-list button{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.channel-list__item--active{border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color));background:var(--brand-soft);color:var(--secondary-color);font-weight:800}.private-list button{border-color:var(--border-color);background:var(--surface-color)}.private-list small{color:var(--muted-color)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.segmented-control button{min-height:32px;border:0;border-radius:6px;background:transparent;cursor:pointer}.segmented-control .is-active{background:var(--primary-color);color:#fff;font-weight:800}.swatches{display:flex;gap:8px}.swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer}.swatch--active{border-color:var(--text-color);box-shadow:0 0 0 3px var(--surface-color),0 0 0 5px var(--border-color)}.chat-main{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.dev-tools-panel{position:fixed;top:calc(68px + env(safe-area-inset-top));right:12px;left:12px;z-index:78;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 22px 50px var(--shadow-color)}.dev-tools-panel .brand-simulator{border-bottom:0;border-radius:8px}.brand-simulator{display:flex;min-width:0;align-items:end;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 92%,transparent)}.brand-simulator__title{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:7px;color:var(--secondary-color);font-weight:900}.brand-simulator__title--connected{color:var(--success-color)}.brand-simulator__title--disconnected,.brand-simulator__title--error{color:var(--danger-color)}.brand-simulator label{display:grid;min-width:118px;gap:4px}.brand-simulator label>span{color:var(--muted-color);font-size:.72rem;font-weight:800}.brand-simulator select{min-height:36px;min-width:0;padding:0 34px 0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);color:var(--text-color)}.brand-simulator__check{display:inline-flex!important;min-width:auto!important;min-height:36px;align-items:center;gap:7px!important;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong)}.brand-simulator__check span{color:var(--text-color)!important;font-size:.9rem!important}.brand-simulator__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.brand-simulator__apply{background:var(--primary-color);color:#fff;font-weight:800}.brand-simulator__phone{font-weight:800}.phone-emulator-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;padding:12px;place-items:center;background:#0000006b}.phone-emulator-modal{display:grid;width:min(388px,100%);max-height:calc(100dvh - 24px);grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 28px 70px #00000047}.phone-emulator-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.phone-emulator-modal__head h2{margin:0;font-size:.95rem}.phone-frame{display:grid;min-height:0;place-items:center;overflow:hidden}.phone-frame__hardware{position:relative;height:min(684px,calc(100dvh - 104px));width:auto;max-width:100%;aspect-ratio:9 / 19.5;padding:12px;border-radius:34px;background:#11161a;box-shadow:inset 0 0 0 2px #ffffff14,0 26px 60px #00000057}.phone-frame__speaker{position:absolute;top:11px;left:50%;z-index:2;width:82px;height:20px;transform:translate(-50%);border-radius:0 0 18px 18px;background:#11161a}.phone-screen{display:grid;height:100%;min-height:0;grid-template-rows:30px 48px 40px minmax(0,1fr) 50px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 11%,transparent),transparent 42%),var(--background-color);color:var(--text-color)}.phone-statusbar{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:8px 16px 2px;font-size:.68rem;font-weight:800}.phone-chat-header{display:flex;min-height:48px;align-items:center;gap:6px;padding:7px 9px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 92%,transparent)}.phone-icon,.phone-send{display:inline-grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color)}.phone-user{display:flex;min-width:0;flex:1;align-items:center;gap:6px}.phone-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--primary-color)}.phone-user span:last-child{display:grid;min-width:0}.phone-user strong,.phone-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-user strong{font-size:.78rem}.phone-user small{color:var(--muted-color);font-size:.64rem}.phone-chat-header__actions{display:flex;align-items:center;gap:4px}.phone-tabs{display:flex;gap:4px;overflow-x:auto;padding:6px 7px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 86%,transparent);scrollbar-width:none}.phone-tabs::-webkit-scrollbar{display:none}.phone-tab{display:inline-flex;height:28px;flex:0 0 auto;align-items:center;gap:3px;padding:0 6px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);font-size:.64rem;font-weight:800}.phone-tab--active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.phone-tab em{display:inline-grid;min-width:16px;height:16px;place-items:center;border-radius:50%;background:#ffce4f;color:#2b2300;font-size:.64rem;font-style:normal}.phone-chat-body{display:flex;min-height:0;flex-direction:column;gap:7px;overflow:hidden;padding:9px}.phone-room-line{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));font-size:.68rem}.phone-room-line strong,.phone-room-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-room-line span{color:var(--muted-color)}.phone-message{display:grid;gap:3px;max-width:84%;padding:7px 9px;border:0;border-radius:10px 10px 10px 4px;background:var(--message-background);box-shadow:0 1px #0b27300f}.phone-message--mine{align-self:flex-end;border-radius:10px 10px 4px;background:color-mix(in srgb,var(--primary-color) 10%,var(--message-background))}.phone-message--system{align-self:center;max-width:94%;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 8%,transparent);color:var(--muted-color);text-align:center;box-shadow:none}.phone-message__meta{color:var(--muted-color);font-size:.62rem;font-weight:800}.phone-message__text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;overflow-wrap:anywhere}.phone-message--system .phone-message__text{font-size:.66rem;-webkit-line-clamp:1}.phone-composer{display:grid;grid-template-columns:30px minmax(0,1fr) 32px;gap:6px;align-items:center;padding:7px 8px 10px;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 94%,transparent)}.phone-composer span{display:flex;height:32px;min-width:0;align-items:center;padding:0 9px;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-strong);color:var(--muted-color);font-size:.72rem}.phone-send{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.channel-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;min-height:48px;padding:7px 10px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 88%,transparent);scrollbar-width:none}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{display:inline-flex;height:34px;max-width:min(168px,48vw);flex:0 0 auto;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);cursor:pointer;font-weight:800}.channel-tab span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-tab--active{border-color:color-mix(in srgb,var(--primary-color) 58%,var(--border-color));background:var(--primary-color);color:#fff;font-weight:800}.channel-tab em{display:inline-grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:#ffce4f;color:#2b2300;font-size:.72rem;font-style:normal}.channel-tab__close{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%}.channel-tab__close:hover{background:#ffffff3d}.chat-area{position:relative;display:grid;min-height:0;grid-template-rows:auto 1fr;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 7%,transparent),transparent 160px),var(--background-color)}.chat-area__title{min-height:46px;padding:8px 14px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 72%,transparent)}.chat-area__title h2,.chat-area__title p{margin:0}.chat-area__title h2{font-size:.98rem;letter-spacing:0}.chat-area__title p{max-width:min(760px,100%);overflow-wrap:anywhere}.chat-area__description--error{color:var(--danger-color)!important}.message-list{min-height:0;overflow:auto;padding:8px 10px 18px}.message-list__virtual{position:relative;width:100%}.message-list__row{position:absolute;top:0;left:0;width:100%}.message{display:grid;grid-template-columns:54px minmax(72px,max-content) minmax(0,1fr);gap:7px;align-items:baseline;width:100%;margin:0;padding:3px 6px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none}.message:hover{background:color-mix(in srgb,var(--primary-color) 6%,transparent)}.message--mine{border-color:color-mix(in srgb,var(--primary-color) 16%,transparent);background:color-mix(in srgb,var(--primary-color) 6%,transparent)}.message--system,.message--notice,.message--join,.message--part,.message--quit,.message--topic,.message--nick{grid-template-columns:54px minmax(0,1fr);color:var(--muted-color)}.message--no-time{grid-template-columns:minmax(72px,max-content) minmax(0,1fr)}.message--system.message--no-time,.message--notice.message--no-time,.message--join.message--no-time,.message--part.message--no-time,.message--quit.message--no-time,.message--topic.message--no-time,.message--nick.message--no-time{grid-template-columns:minmax(0,1fr)}.message--system .message__nick,.message--notice .message__nick,.message--join .message__nick,.message--part .message__nick,.message--quit .message__nick,.message--topic .message__nick,.message--nick .message__nick{display:none}.message__time{color:var(--muted-color);font-size:.76rem;font-variant-numeric:tabular-nums}.message__nick{color:var(--secondary-color);font-weight:800;overflow-wrap:anywhere}.message__text{min-width:0;overflow-wrap:anywhere;line-height:1.38;white-space:pre-wrap}.chat-area--font-small .message{font-size:.84rem}.chat-area--font-large .message{font-size:1.02rem}.message-composer{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 94%,transparent);z-index:10}.message-composer textarea{min-height:42px;max-height:118px;padding:10px 13px;resize:none;line-height:1.35}.send-button{min-width:104px;padding:0 14px}.message-composer__emoji{position:relative}.nick-completions{position:absolute;right:74px;bottom:calc(100% + 8px);left:62px;z-index:5;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 16px 34px var(--shadow-color)}.nick-completions button{min-height:30px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);color:var(--secondary-color);cursor:pointer;font-weight:800}.nick-completions button:hover{background:var(--brand-soft)}.new-messages-button{position:absolute;right:16px;bottom:14px;z-index:3;display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px;border:1px solid color-mix(in srgb,var(--primary-color) 40%,var(--border-color));border-radius:8px;background:var(--surface-color);color:var(--primary-color);box-shadow:0 14px 28px var(--shadow-color);cursor:pointer;font-weight:900}.emoji-popover{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;gap:6px;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 16px 34px var(--shadow-color)}.emoji-popover button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:var(--surface-strong);cursor:pointer}.nick-list{display:grid;height:100%;min-height:0;grid-template-rows:auto auto 1fr;gap:12px;padding:14px;background:var(--nicklist-background)}.nick-list__head>div{display:grid;gap:3px}.nick-list__head span{display:inline-flex;align-items:center;gap:5px;color:var(--muted-color);font-size:.82rem}.nick-list__close{display:none}.search-field{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color)}.search-field input{min-height:38px;padding:0;border:0;background:transparent}.nick-list__items{display:grid;align-content:start;gap:6px;min-height:0;overflow:auto}.nick-list__empty{margin:4px 0;padding:10px;border:1px dashed var(--border-color);border-radius:8px;color:var(--muted-color);font-size:.88rem;line-height:1.35}.nick-row{display:grid;grid-template-columns:34px minmax(0,1fr) 10px;gap:9px;align-items:center;min-height:48px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.nick-row--blocked{opacity:.62}.nick-row__avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--primary-color);font-weight:900}.nick-row__main{display:grid;min-width:0;gap:2px}.nick-row__main>span{display:flex;min-width:0;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nick-row__main small{color:var(--muted-color)}.role-badge{display:inline-grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--muted-color)}.role-badge--founder{background:color-mix(in srgb,#ffd968 46%,var(--surface-strong));color:#705100}.role-badge--sop{background:color-mix(in srgb,var(--primary-color) 24%,var(--surface-strong));color:var(--secondary-color)}.role-badge--aop{background:color-mix(in srgb,#64d3ff 28%,var(--surface-strong));color:#0a6685}.role-badge--halfop{background:color-mix(in srgb,#66d89b 25%,var(--surface-strong));color:#15724c}.role-badge--voice{background:color-mix(in srgb,#a7e6c6 22%,var(--surface-strong));color:#237453}.presence{width:9px;height:9px;border-radius:50%;background:var(--muted-color)}.presence--online{background:var(--success-color)}.presence--away{background:#f0a92d}.presence--busy{background:var(--danger-color)}.user-menu{position:fixed;z-index:80;display:grid;width:min(240px,calc(100vw - 24px));gap:4px;padding:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 22px 50px var(--shadow-color)}.user-menu button:not(.icon-button){display:flex;width:100%;min-height:38px;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left}.user-menu button:not(.icon-button):hover{background:var(--brand-soft)}.private-panel,.private-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.private-panel{z-index:82;display:grid;place-items:center;padding:18px}.private-panel__backdrop{border:0;background:#0000005c}.private-panel__surface{position:relative;z-index:1;display:grid;width:min(420px,100%);max-height:min(620px,calc(100dvh - 36px));grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 24px 70px #00000047}.private-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--border-color)}.private-panel__head div{display:grid;gap:2px}.private-panel__head small,.private-panel__empty,.private-session small{color:var(--muted-color)}.private-panel__list{display:grid;align-content:start;gap:6px;min-height:0;overflow:auto;padding:10px}.private-panel__empty{margin:0;padding:12px;border:1px dashed var(--border-color);border-radius:8px;line-height:1.4}.private-session{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}.private-session button{min-width:0;min-height:42px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);color:var(--text-color);cursor:pointer}.private-session button:first-child{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 9px;text-align:left}.private-session button:last-child{display:grid;width:34px;place-items:center}.private-session span{display:grid;min-width:0;gap:2px}.private-session strong,.private-session small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-session em{display:inline-grid;min-width:19px;height:19px;place-items:center;border-radius:999px;background:var(--danger-color);color:#fff;font-size:.7rem;font-style:normal;font-weight:800}.modal-backdrop,.mobile-drawer,.mobile-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.modal-backdrop{z-index:90;display:grid;padding:18px;place-items:center;background:#00000061}.profile-modal{width:min(520px,100%);padding:18px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 28px 70px #00000042}.profile-avatar{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--primary-color);color:#fff;font-size:1.4rem;font-weight:900}.profile-modal h2,.profile-modal p{margin:0}.profile-modal__head{justify-content:flex-start}.profile-modal__head .icon-button{margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.profile-grid div{padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong)}.profile-grid dt{color:var(--muted-color);font-size:.78rem}.profile-grid dd{margin:3px 0 0;font-weight:800}.profile-about{padding:12px;border-radius:8px;background:var(--brand-soft);line-height:1.45}.nick-recovery-modal{display:grid;width:min(440px,100%);gap:16px;padding:18px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 28px 70px #00000042}.nick-recovery-modal__head{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:11px;align-items:start}.nick-recovery-modal__icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--primary-color)}.nick-recovery-modal h2,.nick-recovery-modal p{margin:0}.nick-recovery-modal h2{font-size:1.05rem}.nick-recovery-modal__head p{margin-top:4px;color:var(--muted-color);font-size:.9rem;line-height:1.4}.nick-recovery-form{display:grid;gap:9px}.nick-recovery-form label{font-weight:800}.nick-recovery-form input{width:100%;min-height:44px;min-width:0;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-strong);color:var(--text-color)}.nick-recovery-modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px}.nick-recovery-modal__actions .primary-button{min-width:112px;padding:0 14px}.radio-player{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;width:min(330px,calc(100vw - 28px));padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 18px 50px var(--shadow-color)}.radio-player__head span,.radio-player__head div,.radio-player__body,.volume-control{display:flex;align-items:center;gap:8px}.radio-player__head span{font-weight:800}.radio-player__body{margin-top:12px}.round-action{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--primary-color);color:#fff}.volume-control{flex:1}.volume-control input{width:100%;accent-color:var(--primary-color)}.mobile-drawer{z-index:60;overflow:hidden;pointer-events:none}.mobile-drawer__backdrop{border:0;background:#00000047;opacity:0;transition:opacity .18s ease}.mobile-drawer__panel{position:absolute;inset:0 auto 0 0;width:min(318px,88vw);transform:translate(-105%);border-right:1px solid var(--border-color);background:var(--nicklist-background);transition:transform .2s ease}.app-menu-drawer{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.app-menu-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.connection-badge{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--secondary-color);font-weight:800}.connection-badge--connected{color:var(--success-color)}.connection-badge--disconnected,.connection-badge--error{color:var(--danger-color)}.app-menu-drawer__nav{display:grid;align-content:start;gap:8px}.app-menu-drawer__nav button{display:flex;min-height:42px;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color);font-weight:800;text-align:left}.app-menu-drawer__nav button:disabled{cursor:default;opacity:.68}.menu-back-button,.menu-field,.settings-row,.settings-theme-icons,.menu-inline-form{display:flex;align-items:center}.menu-back-button{gap:6px;border:0;background:transparent;color:var(--text-color);font-weight:900}.menu-form,.settings-panel{display:grid;min-height:0;align-content:start;gap:10px;overflow:auto;padding-right:2px}.menu-form h3,.settings-panel h3{margin:0 0 2px;font-size:1rem}.menu-field{flex-direction:column;align-items:stretch;gap:5px;color:var(--muted-color);font-size:.78rem;font-weight:800}.menu-field input,.menu-field select,.menu-field textarea{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color)}.menu-field textarea{min-height:92px;padding-top:9px;resize:vertical}.settings-row{justify-content:space-between;gap:12px;min-height:36px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);font-size:.86rem;font-weight:750}.settings-row input{width:18px;height:18px;accent-color:var(--primary-color)}.menu-inline-form{flex-direction:column;align-items:stretch;gap:8px;padding-top:4px}.settings-theme-icons{justify-content:flex-end;gap:6px;color:var(--muted-color)}.mobile-drawer--right .mobile-drawer__panel{inset:0 0 0 auto;transform:translate(105%);border-right:0;border-left:1px solid var(--border-color)}.mobile-drawer--open{pointer-events:auto}.mobile-drawer:not(.mobile-drawer--open) .mobile-drawer__panel,.mobile-drawer:not(.mobile-drawer--open) .mobile-drawer__backdrop{display:none}.mobile-drawer--open .mobile-drawer__backdrop{opacity:1}.mobile-drawer--open .mobile-drawer__panel{transform:translate(0)}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;width:max-content;max-width:min(520px,calc(100vw - 28px));transform:translate(-50%);padding:11px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);box-shadow:0 16px 40px var(--shadow-color)}@media (max-width: 1080px){.chat-layout{grid-template-columns:minmax(0,1fr) 254px}}@media (max-width: 860px){body{overflow:hidden}.app-header{min-height:58px;padding:9px 10px}.app-header__mobile,.app-header__menu{display:inline-grid}.app-header .brand-mark{display:none}.app-header__private{min-width:86px;justify-content:center}.chat-layout{grid-template-columns:1fr}.right-panel{display:none}.chat-main{min-height:0}.channel-tabs{min-height:44px;padding:5px 8px}.brand-simulator{align-items:stretch;gap:8px;overflow-x:auto;padding:8px 10px}.brand-simulator__title{min-height:36px}.brand-simulator label{min-width:116px}.brand-simulator__actions{flex:0 0 auto}.channel-tab{height:32px;max-width:min(150px,44vw);padding:0 9px;font-size:.86rem}.chat-area__title{min-height:48px;padding:8px 12px}.chat-area__title h2{font-size:.98rem}.chat-area__title p{display:none}.message-list{padding:6px 7px 14px}.message{grid-template-columns:44px minmax(62px,max-content) minmax(0,1fr);gap:5px;padding:3px 4px;font-size:.9rem}.message--system,.message--notice,.message--join,.message--part,.message--quit,.message--topic,.message--nick{grid-template-columns:44px minmax(0,1fr)}.message-composer{grid-template-columns:40px minmax(0,1fr) 46px;gap:7px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 16px #0000000a}.send-button{min-width:46px;padding:0}.send-button svg{margin:0}.send-button{font-size:0}.send-button svg{width:19px;height:19px}.nick-completions{right:62px;left:56px}.new-messages-button{right:10px;bottom:10px}.nick-list__close{display:inline-grid}.user-chip{flex:1;justify-content:center;margin-inline:4px}.avatar{width:34px;height:34px}.nick-button{max-width:130px}.radio-player{right:9px;bottom:calc(68px + env(safe-area-inset-bottom))}}@media (max-width: 480px){.login-panel{padding:18px}.login-panel__intro h1{font-size:1.6rem}.app-header__actions{gap:5px}.text-button{padding:0 9px}.app-header__actions>.icon-button:not(.app-header__mobile){display:none}.app-header__actions>.app-header__radio{display:inline-grid!important}.brand-simulator__title span{display:inline-block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-simulator__apply,.brand-simulator__phone{width:42px;padding:0;font-size:0}.nick-edit input{width:104px}.message{grid-template-columns:38px minmax(56px,32%) minmax(0,1fr);gap:4px;font-size:.86rem}.message__nick{grid-column:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__text{grid-column:auto}.message--system,.message--notice,.message--join,.message--part,.message--quit,.message--topic,.message--nick{grid-template-columns:38px minmax(0,1fr)}.profile-grid{grid-template-columns:1fr}.phone-emulator-modal{padding:12px}.phone-frame__hardware{height:min(650px,calc(100dvh - 88px));padding:12px}}@media (max-width: 860px){:root{color-scheme:dark;--background-color: #0e1518;--surface-color: #141e22;--surface-strong: #1a262b;--message-background: transparent;--nicklist-background: #111a1e;--text-color: #edf6f8;--muted-color: #8ea1a8;--border-color: #26383f;--shadow-color: rgba(0, 0, 0, .32);--brand-soft: rgba(38, 159, 194, .14)}body{background:#0e1518}.chat-shell{width:100%;max-width:100%;overflow:hidden;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--primary-color) 16%,transparent),transparent 30%),#0e1518}.chat-layout,.chat-main,.channel-tabs,.chat-area,.message-list,.message-composer{width:100%;max-width:100%;min-width:0}.app-header{min-height:46px;padding:6px 8px;border-bottom-color:#ffffff0f;background:#0e1518f0;box-shadow:none}.app-header__actions{gap:4px}.app-header .icon-button,.app-header .text-button{width:32px;height:32px;min-height:32px;border-color:#ffffff14;background:#ffffff0a;border-radius:999px}.app-header__private{min-width:32px;padding:0;justify-content:center;font-size:0}.app-header__private svg{width:16px;height:16px}.user-chip{flex:1;justify-content:flex-start;gap:7px;margin-inline:5px}.avatar{width:28px;height:28px;border-color:transparent;background:color-mix(in srgb,var(--primary-color) 18%,#10181c)}.avatar svg{width:15px;height:15px}.nick-button strong{font-size:.88rem;line-height:1.05}.nick-button small{font-size:.68rem;line-height:1.05}.nick-edit input{height:30px;width:112px}.nick-edit button{height:30px;padding:0 8px;font-size:.78rem}.chat-main{grid-template-rows:34px minmax(0,1fr) auto}.channel-tabs{min-height:34px;gap:4px;align-items:center;padding:4px 8px;border-bottom-color:#ffffff0f;background:#0e1518c7;scrollbar-width:none}.channel-tab{height:25px;max-width:min(128px,40vw);gap:4px;padding:0 8px;border-color:#ffffff14;border-radius:999px;background:#ffffff09;color:var(--muted-color);font-size:.75rem;font-weight:750}.channel-tab--active{border-color:color-mix(in srgb,var(--primary-color) 52%,transparent);background:color-mix(in srgb,var(--primary-color) 22%,#142025);color:#f5fdff}.channel-tab em{min-width:15px;height:15px;font-size:.62rem}.channel-tab__close{width:14px;height:14px;opacity:.72}.channel-tab__close svg{width:10px;height:10px}.chat-area{grid-template-rows:34px minmax(0,1fr);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 72px),#0e1518}.chat-area__title{min-height:34px;padding:5px 10px;border-bottom-color:#ffffff0d;background:#0e151885}.chat-area__title h2{font-size:.86rem;font-weight:850}.chat-area__title p{display:block;margin-top:1px;max-width:100%;color:var(--muted-color);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list{padding:9px 8px 12px}.message-list__virtual:empty{min-height:100%}.message-list__virtual:empty:before{content:"Mesajlar burada görünecek";position:absolute;inset:34% 18px auto;display:grid;min-height:72px;place-items:center;border:1px dashed rgba(255,255,255,.08);border-radius:8px;color:color-mix(in srgb,var(--muted-color) 82%,transparent);font-size:.82rem}.message{grid-template-columns:42px minmax(58px,30%) minmax(0,1fr);gap:5px;padding:2px 4px;border-radius:5px;color:#dce8eb;font-size:.84rem}.message--system,.message--notice,.message--join,.message--part,.message--quit,.message--topic,.message--nick{grid-template-columns:42px minmax(0,1fr)}.message__time{color:#64777e;font-size:.68rem}.message__nick{color:#5ecae6;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message__text{line-height:1.34}.message:hover,.message--mine{background:#ffffff09}.message-composer{grid-template-columns:34px minmax(0,1fr) 38px;gap:6px;align-items:end;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top-color:#ffffff12;background:#0e1518f5;box-shadow:0 -8px 22px #0000002e}.message-composer .icon-button{width:34px;height:34px;border-color:transparent;border-radius:50%;background:#ffffff0b;color:var(--muted-color)}.message-composer textarea{min-height:34px;max-height:96px;padding:8px 11px;border-color:#ffffff14;border-radius:18px;background:#ffffff0f;font-size:.86rem;line-height:1.28}.send-button{width:38px;min-width:38px;min-height:34px;height:34px;padding:0;border-radius:50%;background:var(--primary-color);box-shadow:0 8px 18px color-mix(in srgb,var(--primary-color) 22%,transparent);font-size:0}.send-button svg{width:17px;height:17px}.nick-completions{right:52px;bottom:calc(100% + 7px);left:48px;padding:7px;border-color:#ffffff14;background:#162126}.new-messages-button{right:10px;bottom:9px;min-height:30px;padding:0 10px;border-radius:999px;background:#162126;font-size:.78rem}.mobile-drawer__backdrop{background:#00000070}.mobile-drawer__panel{width:min(302px,82vw);background:#111a1e;box-shadow:-18px 0 40px #0000004d}.mobile-drawer--right .mobile-drawer__panel{border-left-color:#ffffff14}.nick-list{gap:9px;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));background:#111a1e}.nick-list__head{gap:8px}.nick-list__head strong{font-size:.9rem}.nick-list__head span{font-size:.72rem}.nick-list__close{display:inline-grid;width:30px;height:30px;border-radius:50%;background:#ffffff0d}.search-field{min-height:34px;gap:7px;padding:0 9px;border-color:#ffffff14;border-radius:17px;background:#ffffff0b}.search-field input{min-height:32px;font-size:.82rem}.nick-list__items{gap:3px}.nick-row{grid-template-columns:28px minmax(0,1fr) 8px;gap:8px;min-height:38px;padding:4px 5px;border-radius:7px}.nick-row__avatar{width:28px;height:28px;font-size:.78rem}.nick-row__main>span{font-size:.82rem}.nick-row__main small{font-size:.68rem}.role-badge{width:14px;height:14px}.presence{width:7px;height:7px}.app-menu-drawer{background:#111a1e}.connection-badge,.app-menu-drawer__nav button{border-color:#ffffff14;background:#ffffff0b}.toast{bottom:calc(58px + env(safe-area-inset-bottom));max-width:calc(100vw - 64px);padding:9px 12px;border-color:#ffffff14;background:#172226;font-size:.82rem}}@media (max-width: 390px){.app-header{padding-inline:7px}.user-chip{margin-inline:3px}.nick-button{max-width:112px}.channel-tab{max-width:116px;padding-inline:7px}}.chat-layout--nick-hidden{grid-template-columns:minmax(0,1fr)}.chat-layout--nick-hidden .right-panel{display:none}.nick-list__toggle,.nicklist-show-button{border:0;background:var(--primary-color);color:#fff;cursor:pointer;font-weight:800}.nick-list__toggle{min-height:34px;border-radius:6px}.nicklist-show-button{position:absolute;right:8px;bottom:calc(58px + env(safe-area-inset-bottom));z-index:25;min-height:30px;padding:0 10px;border-radius:6px;box-shadow:0 8px 18px var(--shadow-color)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted-color)}.status-dot--connected{background:var(--success-color)}.status-dot--connecting,.status-dot--reconnecting{background:#f0a92d}.status-dot--disconnected,.status-dot--error{background:var(--danger-color)}.unread-badge{display:inline-grid;min-width:17px;height:17px;place-items:center;border-radius:999px;background:var(--danger-color);color:#fff;font-size:.68rem;line-height:1}@media (max-width: 860px){:root{color-scheme:light;--background-color: #eaf4fb;--surface-color: #f8fcff;--surface-strong: #ffffff;--message-background: transparent;--nicklist-background: #f3f9fe;--text-color: #152e39;--muted-color: #637984;--border-color: #c9dce7;--shadow-color: rgba(31, 83, 104, .14);--brand-soft: rgba(38, 159, 194, .16)}body{background:var(--background-color)}.chat-shell{width:100%;max-width:100%;overflow:hidden;background:var(--background-color)}.app-header{min-height:47px;padding:4px 5px;border-bottom:1px solid #bcd2dd;background:#b9d2e5;box-shadow:none}.app-header__menu{display:inline-grid}.app-header .brand-mark,.app-header__mobile{display:none}.app-header .icon-button{width:33px;height:33px;min-height:33px;border:0;border-radius:6px;background:transparent;color:#111b20}.app-header__menu svg{width:27px;height:27px;stroke-width:3}.user-chip{flex:1;justify-content:flex-start;gap:6px;margin-inline:3px}.avatar{width:36px;height:36px;border:0;background:#fff;color:#7d98a7}.avatar svg{width:24px;height:24px}.nick-button{max-width:118px}.nick-button strong{color:#121b20;font-size:1.02rem;line-height:1.05}.nick-button small{display:flex;align-items:center;gap:4px;color:#243b45;font-size:.7rem;line-height:1.05}.nick-button__status{display:none}.app-header__actions{flex:0 0 auto;gap:4px}.app-header__radio svg{width:24px;height:24px}.radio-status-dot{right:4px;bottom:4px}.app-header__private{width:auto!important;min-width:76px!important;height:34px!important;min-height:34px!important;justify-content:center;gap:4px;padding:0 10px;border:0;border-radius:999px!important;background:var(--primary-color)!important;color:#fff;font-size:.92rem;font-weight:800}.app-header__private svg{display:none}.chat-layout{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr) clamp(88px,26vw,112px)}.chat-layout--nick-hidden{grid-template-columns:minmax(0,1fr)}.right-panel{display:block;min-width:0;border-left:1px solid #c2d7e4;background:var(--nicklist-background)}.chat-layout--nick-hidden .right-panel{display:none}.chat-main{position:relative;min-width:0;grid-template-rows:auto minmax(0,1fr) auto}.channel-tabs{display:flex;flex-wrap:wrap;align-content:start;gap:3px;width:100%;min-height:29px;max-height:58px;overflow:hidden;padding:2px 3px;border-bottom:1px solid #c2d7e4;background:#e8f4fb}.channel-tab{height:25px;max-width:min(118px,42vw);flex:0 1 auto;gap:3px;padding:0 5px;border-color:#abc7d7;border-radius:4px;background:#d9edf8;color:#102a35;font-size:.82rem;font-weight:800;box-shadow:inset 0 -1px #2651631f}.channel-tab--active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.channel-tab em{min-width:14px;height:14px;font-size:.6rem}.channel-tab__close{width:14px;height:14px}.channel-tab__close svg{width:11px;height:11px;stroke-width:3}.chat-area{grid-template-rows:minmax(0,1fr);background:#edf7ff}.chat-area__title{display:none}.message-list{width:100%;max-width:100%;padding:5px 4px 8px;background:#edf7ff}.message-list__virtual:empty:before{content:"";display:none}.message{grid-template-columns:34px minmax(42px,max-content) minmax(0,1fr);gap:4px;padding:1px 2px;border:0;border-radius:0;background:transparent!important;color:#1d313a;font-size:.78rem;line-height:1.28}.message--system,.message--notice,.message--join,.message--part,.message--quit,.message--topic,.message--nick{grid-template-columns:34px minmax(0,1fr);color:#607783}.message__time{color:#6e8793;font-size:.66rem}.message__nick{color:#1a83a2;font-size:.78rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__text{line-height:1.28;overflow-wrap:anywhere}.message-composer{grid-template-columns:30px minmax(0,1fr) 58px;gap:5px;align-items:center;width:100%;max-width:100%;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #c2d7e4;background:#e5f1fa;box-shadow:none}.message-composer .icon-button{width:29px;height:29px;border:0;border-radius:50%;background:#d7e8f2;color:var(--primary-color)}.message-composer textarea{min-height:33px;max-height:86px;padding:7px 10px;border:1px solid #d3e2ea;border-radius:18px;background:#fff;color:#263941;font-size:.86rem;line-height:1.25}.send-button{width:auto;min-width:58px;height:33px;min-height:33px;padding:0 8px;border-radius:7px;background:#2f82f1;box-shadow:none;font-size:.78rem}.send-button svg{display:none}.nick-completions{right:64px;bottom:calc(100% + 5px);left:38px;padding:5px;border-color:#c2d7e4;background:#fff}.nick-list{grid-template-rows:auto minmax(0,1fr) auto;gap:4px;padding:3px 2px 3px 3px;background:var(--nicklist-background)}.nick-list__head{display:none}.search-field{min-height:29px;gap:3px;padding:0 4px;border-color:#d4e2ea;border-radius:4px;background:#fff}.search-field svg{display:none}.search-field input{min-height:27px;font-size:.76rem}.nick-list__items{gap:1px}.nick-row{grid-template-columns:18px minmax(0,1fr);gap:3px;min-height:28px;padding:2px 1px;border-radius:3px}.nick-row__avatar{width:18px;height:18px;font-size:.58rem}.nick-row__main{gap:0}.nick-row__main>span{gap:2px;color:#6a3a8f;font-size:.76rem;font-weight:800}.nick-row__main small,.presence{display:none}.role-badge{width:10px;height:10px;background:transparent;font-size:.58rem}.role-badge svg{width:9px;height:9px}.nick-list__toggle{align-self:end;width:100%;height:29px;min-height:29px;border-radius:0;background:var(--primary-color);font-size:.76rem;font-weight:700}.nicklist-show-button{right:6px;bottom:calc(47px + env(safe-area-inset-bottom));min-height:28px;padding:0 8px;border-radius:4px;font-size:.76rem}}@media (max-width: 390px){.chat-layout{grid-template-columns:minmax(0,1fr) 100px}.chat-layout--nick-hidden{grid-template-columns:minmax(0,1fr)}.nick-button{max-width:100px}.app-header__private{min-width:72px!important;padding-inline:8px}.channel-tab{max-width:104px}}@media (max-width: 860px){html,body,#root{width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;overflow-x:hidden!important}body{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0!important;overscroll-behavior:none;touch-action:manipulation}input,select,textarea,.login-form input,.nick-edit input,.search-field input,.menu-field input,.menu-field select,.menu-field textarea,.nick-recovery-form input,.message-composer textarea{min-width:0!important;font-size:16px!important}.chat-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:var(--app-viewport-height, 100dvh)!important;min-height:var(--app-viewport-height, 100dvh)!important;max-height:var(--app-viewport-height, 100dvh)!important;overflow:hidden!important;padding-top:env(safe-area-inset-top)}.app-header{position:relative;z-index:20;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.chat-layout{display:flex!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;grid-template-columns:none!important}.chat-main{display:flex!important;position:relative;flex:1 1 auto!important;flex-direction:column!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;grid-template-rows:none!important}.right-panel{display:block!important;flex:0 0 clamp(88px,25%,112px)!important;width:clamp(88px,25%,112px)!important;max-width:112px!important;min-width:0!important;overflow:hidden!important}.chat-layout--nick-hidden .right-panel{display:none!important;flex-basis:0!important;width:0!important;max-width:0!important}.channel-tabs{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:29px;max-height:34px;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.channel-tab{flex:0 0 auto!important;max-width:min(118px,42vw);min-width:0!important}.channel-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-area{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;grid-template-rows:none!important}.message-list{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message,.message__nick,.message__text,.nick-row,.nick-row__name,.nick-list__empty,.nick-button,.user-chip,.app-menu-drawer,.settings-row{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere;word-break:break-word}.nick-list__empty{width:100%!important;margin-inline:0!important;padding-inline:2px!important}.message-composer{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;grid-template-columns:none!important}.message-composer__emoji,.message-composer .icon-button,.send-button{flex:0 0 auto!important}.message-composer textarea{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important}.send-button{min-width:58px!important;max-width:72px!important}.nick-completions{max-width:calc(100% - 48px)!important;overflow-x:hidden!important}.mobile-drawer,.mobile-drawer__panel,.toast,.profile-modal,.nick-recovery-modal,.user-menu,.radio-player{max-width:100%!important;overflow-x:hidden!important}.radio-player{width:min(330px,calc(100% - 28px))!important}}