:root{color-scheme:light;font-family:Manrope,sans-serif;--bg: #f2eee4;--bg-deep: #d7e0db;--panel: rgba(255, 251, 247, .88);--panel-strong: #ffffff;--ink: #182028;--muted: #67727b;--line: rgba(24, 32, 40, .08);--accent: #157a6e;--accent-strong: #0f5a52;--accent-soft: rgba(21, 122, 110, .12);--orange: #f29e4c;--danger: #c75146;background:radial-gradient(circle at top left,rgba(21,122,110,.18),transparent 28%),radial-gradient(circle at top right,rgba(242,158,76,.22),transparent 24%),linear-gradient(135deg,var(--bg),var(--bg-deep))}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical;min-height:108px}#root{min-height:100vh}.auth-shell,.app-shell{min-height:100vh;padding:24px}.auth-shell{display:grid;place-items:center}.auth-card,.sidebar,.chat-panel,.panel-card,.blank-card,.modal-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 60px #313d491f}.auth-card{width:min(100%,460px);border-radius:30px;padding:32px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.auth-card h1,.blank-card h3,.chat-header h3,.sidebar-top h2{margin:14px 0 8px}.auth-card p,.blank-card p,.chat-header span,.sidebar-top span,.chat-meta span,.empty-note,.empty-chat-note,.person-card span,.person-card small,.chat-detail-header span{color:var(--muted)}.mode-switcher{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 18px}button,.ghost-button,.auth-form button,.message-form button,.quick-actions button,.secondary-button,.danger-button{border:0;border-radius:16px;transition:.2s ease}button,.auth-form button,.message-form button,.quick-actions button{padding:12px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.mode-switcher button,.ghost-button,.secondary-button{background:#1820280d;color:var(--ink)}.danger-button{background:#c751461f;color:var(--danger)}.mode-switcher button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.auth-form{display:grid;gap:12px}.auth-form input,.message-form input,select,textarea,.modal-card input{width:100%;border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:15px 16px;outline:none}.auth-form button,.message-form button{padding:14px 18px;font-weight:700}.error-box,.error-toast{background:#c751461f;color:#8f2217;border:1px solid rgba(199,81,70,.2);border-radius:16px;padding:12px 14px}.error-box{margin-top:16px}.app-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.sidebar{border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:18px}.sidebar-top,.chat-header,.message-form,.modal-actions,.quick-actions{display:flex;align-items:center;gap:12px}.top-actions{display:flex;align-items:center;gap:10px}.sidebar-top,.chat-header,.message-form{justify-content:space-between}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.sidebar-section{min-height:0}.section-title{margin-bottom:12px;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.chat-list,.people-list,.selected-users{display:grid;gap:10px}.chat-card,.person-card{width:100%;border:1px solid transparent;background:#ffffffa6;border-radius:20px;padding:14px;text-align:left}.chat-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--ink)}.chat-card.active{background:#fff;border-color:#157a6e3d}.chat-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800}.chat-avatar.direct{background:linear-gradient(135deg,#ef6f6c,#f29e4c)}.chat-avatar.group{background:linear-gradient(135deg,#157a6e,#5f0f40)}.chat-avatar.channel{background:linear-gradient(135deg,#3f88c5,#0f5a52)}.chat-meta{min-width:0;display:grid;gap:3px}.chat-meta strong,.chat-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta strong,.chat-card time,.person-card strong{color:var(--ink)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.chat-panel{border-radius:28px;padding:20px;display:flex;flex-direction:column;min-height:calc(100vh - 48px);position:relative}.right-panel{display:none}.right-panel.open{display:grid;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;padding:24px;overflow:auto;background:#18202847;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,720px);justify-content:center;align-content:start;gap:14px}.panel-card{border-radius:24px;padding:18px}.settings-window-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbf7f0;border:1px solid rgba(255,255,255,.58);box-shadow:0 20px 60px #313d491f}.person-card{display:grid;gap:12px}.person-card.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.person-card strong,.person-card span,.person-card small{display:block}.person-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-block{display:grid;gap:12px}.danger-zone{padding-top:8px;border-top:1px solid var(--line)}.settings-block label{font-weight:700}.checkbox-row{display:flex;align-items:center;gap:10px;background:#ffffffa6;border-radius:16px;padding:10px 12px}.chat-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.chat-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.message-stream{flex:1;overflow:auto;padding:24px 4px 24px 0;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:min(72%,620px);align-self:flex-start;background:#fff;border-radius:24px 24px 24px 10px;padding:14px 16px;box-shadow:0 10px 30px #313d4914}.message-bubble.mine{align-self:flex-end;background:#dff5f1;border-radius:24px 24px 10px}.message-bubble strong,.message-bubble p,.message-bubble time{display:block}.message-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-bubble p{margin:8px 0;white-space:pre-wrap}.message-bubble time{color:var(--muted);font-size:12px;text-align:right}.message-form{padding-top:16px;border-top:1px solid var(--line);align-items:end}.message-form input{flex:1}.message-inputs{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.message-inputs input{min-width:0}.send-button{width:52px;height:52px;flex:0 0 52px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.send-button svg{width:24px;height:24px;fill:currentColor;transform:translate(1px)}.send-button:disabled{opacity:.48;cursor:not-allowed}.file-button,.message-inputs .secondary-button{flex:0 0 auto;white-space:nowrap}.file-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:#1820280d;color:var(--ink);cursor:pointer}.file-button input{display:none}.file-note{margin-top:8px;color:var(--muted);font-size:14px}.message-image,.message-video{width:100%;max-width:320px;border-radius:16px;margin-top:8px;display:block}.poll-card{margin-top:10px;display:grid;gap:10px}.poll-options{display:grid;gap:8px}.poll-option{width:100%;justify-content:space-between;display:flex;align-items:center;gap:12px;background:#1820280d;color:var(--ink)}.poll-option.active{background:#157a6e24}.poll-option small{color:var(--muted)}.blank-state{flex:1;display:grid;place-items:center}.blank-card{width:min(100%,540px);border-radius:28px;padding:36px}.empty-note,.empty-chat-note{padding:16px;background:#ffffff80;border-radius:18px}.error-toast{position:absolute;right:20px;bottom:88px;max-width:320px}.chat-detail-header{display:grid;gap:4px;margin-bottom:12px}.add-member-box{display:grid;gap:10px;margin-top:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18202847;display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,520px);border-radius:28px;padding:24px;display:grid;gap:12px}.modal-members{max-height:280px;overflow:auto;display:grid;gap:8px}.member-permissions{display:grid;gap:10px;margin-top:14px}.text-button{margin-top:14px;background:transparent;color:var(--accent-strong);padding:0}.danger-text{color:var(--danger)}.poll-creator{margin-top:10px;display:grid;gap:10px}.poll-actions{display:flex;gap:10px;flex-wrap:wrap}.icon-button{width:46px;height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#1820280d;color:var(--ink)}.icon-button svg{width:22px;height:22px;fill:currentColor}.icon-button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.admin-icon{background:#f29e4c2e;color:#91550b}.admin-modal{width:min(100%,860px);max-height:calc(100dvh - 40px);overflow:auto}.admin-note{border-radius:18px;padding:14px;background:#157a6e1a;color:var(--accent-strong)}.admin-user-card{grid-template-columns:minmax(0,1fr)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-actions input{width:120px;padding:10px 12px;border-radius:14px}.verified-badge{width:20px;height:20px;display:inline-block;vertical-align:-3px;margin-left:4px}.call-window{position:fixed;right:24px;bottom:24px;z-index:30}.call-card{width:min(360px,calc(100vw - 32px));display:grid;gap:12px;padding:20px;border-radius:24px;background:#fffbf7f5;box-shadow:0 20px 60px #313d492e;border:1px solid rgba(255,255,255,.58)}.call-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1280px){.content-grid{grid-template-columns:1fr}}@media(max-width:980px){.app-shell{grid-template-columns:1fr;gap:12px}.chat-panel{min-height:70vh}.sidebar{max-height:none}.chat-list{max-height:360px;overflow:auto}}@media(max-width:680px){.auth-shell,.app-shell{padding:8px}.sidebar,.chat-panel,.auth-card,.blank-card,.panel-card,.modal-card{border-radius:22px}.auth-card{padding:22px}.auth-card h1{font-size:28px;line-height:1.12}.app-shell{min-height:100dvh}.sidebar,.chat-panel{padding:14px}.chat-card{grid-template-columns:44px minmax(0,1fr)}.chat-card time{display:none}.message-bubble{max-width:94%;padding:12px 14px}.sidebar-top,.quick-actions,.modal-actions,.person-card.compact{flex-direction:column;align-items:stretch;grid-template-columns:1fr}.person-actions{flex-direction:column}.message-stream{padding-right:0}.message-form{align-items:center;gap:8px}.chat-header{align-items:flex-start;flex-direction:column}.chat-actions{width:100%;justify-content:flex-start}.message-inputs{display:grid;grid-template-columns:1fr auto auto;gap:8px}.message-inputs input{grid-column:1 / -1;padding:13px 14px}.file-button,.message-inputs .secondary-button{padding:10px 12px;font-size:13px}.send-button{width:48px;height:48px;flex-basis:48px}.right-panel.open{padding:10px;grid-template-columns:minmax(0,1fr)}.settings-window-head{border-radius:20px;padding:14px}.panel-card{padding:14px}.modal-overlay{padding:10px}.modal-card{max-height:calc(100dvh - 20px);overflow:auto}.call-window{left:10px;right:10px;bottom:10px}}