@charset "UTF-8";body{margin:0;font-family:Segoe UI,Roboto,sans-serif;color:#111}h2{margin:0;font-weight:500}button{cursor:pointer;outline:none;border:none;font-family:inherit}input{font-family:inherit}.message__room{display:flex;flex-direction:column;flex:1;padding:1rem;overflow-y:auto;background:var(--bg-page)}.message__wrapper{display:flex;flex-direction:column}.message{display:flex;flex-direction:column;max-width:65%;margin-bottom:.25rem}.message.own{align-self:flex-end}.message.other{align-self:flex-start}.message .message__author{font-size:.7rem;font-weight:600;margin-bottom:.2rem;color:var(--text-secondary);align-self:flex-start}.message .message__bubble{position:relative;padding:.5rem 1.8rem .5rem .8rem;border-radius:14px;box-shadow:0 1px 3px var(--shadow-default);background-color:var(--bg-surface);min-width:60px;word-wrap:break-word}.message .message__time{position:absolute;bottom:4px;right:8px;font-size:.65rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.message.own .message__bubble{background-color:var(--message-own-bg)}.message .message__text{font-size:.9rem;line-height:1.35;white-space:pre-wrap;color:var(--text-primary)}.message .message__delete{position:absolute;top:4px;right:4px;background:transparent;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;opacity:0;color:#888;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease;z-index:2}.message .message__delete:after{content:"×";font-size:.9rem;line-height:1}.message .message__delete:hover{background:transparent;color:#ff4d4f;opacity:1!important;transform:scale(1.1)}.message:hover .message__delete{opacity:.7}.message.own .message__time{color:#666}.message--system{align-self:center;max-width:80%;padding:.4rem .8rem;font-size:.75rem;color:var(--text-secondary);background-color:var(--bg-surface-dark);border-radius:12px;text-align:center;font-style:italic}.message__group{display:flex;flex-direction:column;align-items:stretch}.message__date-separator{text-align:center;margin:1.5rem 0 .5rem;position:relative;display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}.message__date-separator:before{content:"";flex:1;height:1px;background:var(--border-default);margin-right:10px}.message__date-separator:after{content:"";flex:1;height:1px;background:var(--border-default);margin-left:10px}.message__date-separator>*{background:var(--bg-surface);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;border:1px solid var(--border-default);white-space:nowrap}.message__none{text-align:center;color:var(--text-secondary);margin-top:2rem}.message__input{padding:.5rem 1rem;border-top:1px solid var(--border-default);background:var(--bg-page);border-radius:0 0 12px 12px}.message__input-row{display:flex;gap:.5rem}.message__input-row input{flex:1;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-default);background:var(--color-bg);color:var(--control-text);outline:none}.message__input-row input.input--error{border:1px solid var(--error-color)}.message__input-row input:focus{border-color:var(--text-accent)}.message__input-row button{min-width:96px;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;background-color:var(--btn-bg);color:#fff;font-weight:500;transition:background .2s}.message__input-row button:hover{background-color:var(--btn-hover)}.message__input-row button:disabled{opacity:.5;cursor:not-allowed}.input__error{display:block;margin-top:4px;font-size:12px;color:var(--error-color)}.send-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.chat__window-inner{display:flex;flex-direction:column;height:100%}.chat__messages{flex:1;overflow-y:auto}.chat__input{flex-shrink:0}.chat__page{display:flex;height:calc(100vh - 65px);flex-direction:column;background-color:var(--bg-page);font-family:Segoe UI,Roboto,sans-serif;box-sizing:border-box}.chat__window{flex:1;display:flex;gap:10px;padding:10px;box-sizing:border-box;height:calc(100vh - 65px)}.chat__rooms{width:260px;background:var(--bg-surface);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px var(--shadow-default);overflow-y:auto}.chat__rooms button{background:var(--control-rooms);border:none;border-radius:10px;padding:10px 12px;text-align:left;font-size:14px;cursor:pointer;transition:background .2s ease;color:var(--text-primary)}.chat__rooms button:hover,.chat__rooms button:active{background:var(--shadow-hover)}.chat__rooms button.active{background:var(--btn-bg);color:#fff;font-weight:500}.chat__content{flex:1;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:12px;padding:10px;box-shadow:0 2px 8px var(--shadow-default);overflow:hidden;touch-action:pan-y}@media(max-width:767px){.chat__rooms{display:none}.chat__content{width:100%}}.login__container{display:flex;flex-direction:column;gap:1rem;background:var(--bg-surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px var(--shadow-default);width:320px;box-sizing:border-box}.login__container h2{font-size:1.8rem;font-weight:600;color:var(--text-accent);margin-bottom:1rem;text-align:center;letter-spacing:.5px}.login__container input{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-default);background:var(--control-bg);color:var(--control-text);font-size:1rem;outline:none;transition:border .2s}.login__container input:focus{border-color:var(--border-focus)}.login__container input:disabled{background-color:var(--control-disabled-bg);color:var(--control-disabled-text);cursor:not-allowed}.login__container button{padding:.6rem 1rem;border-radius:8px;border:none;background-color:var(--btn-bg);color:#e6e6e6;font-weight:500;font-size:1rem;cursor:pointer;transition:background .2s}.login__container button:hover{background-color:var(--btn-hover)}.login__container button:disabled{background-color:var(--btn-disabled-bg);cursor:not-allowed}.login__footer{margin-top:1rem;font-size:.85rem;display:flex;gap:10px;justify-content:center}.login__footer button{background:none;border:none;color:var(--btn-bg);cursor:pointer;padding:0;font-size:.85rem}.login__footer button:hover{text-decoration:underline;background:none;border:none}.login__page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 65px);background-color:var(--bg-page);color:var(--text-primary);box-sizing:border-box;padding-bottom:100px}.login__page .login__container-page{margin-top:20px;display:flex;justify-content:center;width:400px}.room-select__page{display:flex;justify-content:center;flex-direction:column;align-items:center;height:calc(100vh - 65px);font-family:Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-primary);padding-bottom:100px;box-sizing:border-box}.room-select__page h2{margin-bottom:1.5rem;color:var(--text-accent)}.room-select__page .room__list{display:flex;flex-direction:column;gap:.5rem;width:300px;margin-bottom:1rem}.room-select__page .room__list button{padding:.5rem 1rem;border-radius:8px;border:none;background-color:var(--btn-bg);color:var(--control-text);font-weight:500;transition:background .2s}.room-select__page .room__list button:hover{background-color:var(--btn-hover)}.room-select__page .room__list .room__empty{text-align:center;color:var(--text-secondary);font-size:.9rem}.room-select__page .room__new{display:flex;gap:.5rem;width:300px}.room-select__page .room__new input{flex:1;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-default);background:var(--control-bg);color:var(--control-text);outline:none}.room-select__page .room__new input:focus{border-color:var(--border-focus)}.room-select__page .room__new button{padding:.5rem 1rem;border-radius:8px;border:none;background-color:var(--btn-bg-room);color:#fff;font-weight:500;transition:background .2s}.room-select__page .room__new button:hover{background-color:var(--btn-bg-room-hover)}.room-select__page .room-select__loading{text-align:center;color:var(--text-secondary);margin-top:2rem}#root{margin:0 auto;text-align:center}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--card-bg: var(--bg-surface);--card-shadow: 0 4px 14px var(--shadow-default);--page-title-color: var(--text-primary);--section-title-color: var(--text-primary);--input-text: var(--text-primary);--input-label: var(--text-secondary);--input-bg: var(--control-bg);--input-border: var(--border-default);--input-border-focus: var(--border-focus);--input-focus-ring: rgba(0, 136, 204, .25);--btn-primary-bg: var(--btn-bg);--btn-primary-hover: var(--btn-hover);--btn-primary-text: #fff;--premium-success-text: #15803d;--premium-success-bg: #d1fae5;--premium-inactive-text: var(--text-secondary)}:root[data-theme=light]{--bg-page: #f0f2f5;--bg-surface: #ffffff;--bg-surface-dark: #f3f4f6;--text-primary: #1f1f1f;--text-secondary: #555;--text-accent: #0088cc;--text-avatar-accent: #0088cc;--border-default: #ccc;--border-focus: #0088cc;--control-bg: #ffffff;--control-text: #1f1f1f;--control-rooms: #e9e9e9;--control-disabled-bg: #f5f5f5;--control-disabled-text: #888;--shadow-default: rgba(0, 0, 0, .15);--shadow-hover: rgba(0, 0, 0, .2);--message-own-bg: #dcf8c6;--btn-bg-room: #00c851;--btn-bg-room-hover: #009a40;--btn-bg: #0088cc;--btn-hover: #007ab8;--btn-disabled-bg: #a0cce5}:root[data-theme=dark]{--bg-page: #0f1115;--bg-surface: #1a1d23;--bg-surface-dark: #2a2e33;--text-primary: #e6e6e6;--text-secondary: #a0a0a0;--text-accent: #0a74dd;--text-avatar-accent: #00334c;--border-default: #2c2f36;--border-focus: #015681;--control-bg: #1f232b;--control-text: #e6e6e6;--control-rooms: #1f232b;--control-disabled-bg: #444;--control-disabled-text: #888;--shadow-default: rgba(0, 0, 0, .5);--shadow-hover: rgba(255, 255, 255, .1);--message-own-bg: #2a3a2c;--btn-bg-room: #00b448;--btn-bg-room-hover: #00913d;--btn-bg: #015681;--btn-hover: #003047;--btn-disabled-bg: #444}.registration__page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 65px);background-color:var(--bg-page);color:var(--text-primary);font-family:Segoe UI,Roboto,sans-serif;box-sizing:border-box;padding-bottom:100px}.registration__container{display:flex;flex-direction:column;gap:1rem;background:var(--bg-surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px var(--shadow-default);width:320px;box-sizing:border-box}.registration__container h2{font-size:1.8rem;font-weight:600;color:var(--text-accent);margin-bottom:1rem;text-align:center;letter-spacing:.5px}.registration__container input{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-default);background:var(--control-bg);color:var(--control-text);font-size:1rem;outline:none;transition:border .2s}.registration__container input:focus{border-color:var(--border-focus)}.registration__container input:disabled{background-color:var(--control-disabled-bg);color:var(--control-disabled-text);cursor:not-allowed}.registration__container button{padding:.6rem 1rem;border-radius:8px;border:none;background-color:var(--btn-bg);color:#e6e6e6;font-weight:500;font-size:1rem;cursor:pointer;transition:background .2s}.registration__container button:hover{background-color:var(--btn-hover)}.registration__container button:disabled{background-color:var(--btn-disabled-bg);cursor:not-allowed}.global-loader{position:fixed;inset:0;z-index:9999;background:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.global-loader__spinner{width:64px;height:64px;border:6px solid #e5e7eb;border-top-color:#08c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.theme-toggle{padding:4px 8px;border-radius:4px;border:1px solid var(--border-default);background:var(--control-bg);color:var(--text-accent);cursor:pointer}.theme-toggle:hover{background-color:var(--shadow-hover);border-color:var(--text-accent)}.chat__page-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.header__left{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;background:var(--text-avatar-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.header__info{display:flex;flex-direction:column}.username{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:1px}.status{display:flex;justify-content:flex-start;font-size:12px;color:#2ecc71}.header__right{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.language-selector{background:var(--control-bg);border:1px solid var(--border-default);border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;color:var(--text-primary);transition:border-color .2s ease}.language-selector:hover{border-color:var(--text-accent)}.language-selector:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 2px #08c3}.language-selector option{background:var(--control-bg);color:var(--control-text)}.logout{background:transparent;border:none;color:var(--text-accent);cursor:pointer;font-size:14px}.logout:hover{color:#c94343;text-decoration:underline}.guide-button{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-default);background:var(--control-bg);color:var(--text-accent);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-button:hover{background:var(--shadow-hover);border-color:var(--text-accent)}.guide-button:active{background:var(--shadow-hover)}.guide-button:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 2px #08c3}.burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:transparent;border:none;cursor:pointer}.burger span{height:2px;width:100%;background:var(--text-primary);border-radius:2px;transition:.3s}.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:absolute;top:65px;right:12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;z-index:1000}.chat-back{display:none;color:var(--text-primary)}@media(max-width:766px){.header__actions{display:none}.burger{display:flex}.chat-back{display:inline-flex;align-items:center;font-size:18px;background:none;border:none;cursor:pointer}}@media(min-width:767px){.burger{display:none}.header__actions{display:flex;gap:12px}}.profile-section label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--input-label)}.profile-section label input{height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:14px;transition:border-color .15s,box-shadow .15s}.profile-section label input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.profile-section button{align-self:flex-start;height:40px;padding:0 18px;border-radius:8px;border:none;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.profile-section button:hover{background-color:var(--btn-primary-hover)}.profile-section button:disabled{background-color:var(--btn-primary-hover);opacity:.5;cursor:not-allowed}.profile-section .premium-active{color:var(--premium-success-text);font-size:14px;font-weight:500;background-color:var(--premium-success-bg);padding:10px 12px;border-radius:8px}.profile-section .premium-inactive{font-size:14px;color:var(--premium-inactive-text)}.profile-section .premium-btn{align-self:flex-start;height:40px;padding:0 18px;border-radius:8px;border:none;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s,opacity .15s}.profile-section .premium-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-hover)}.profile-section .premium-btn:active{transform:translateY(0);box-shadow:none}.profile-section .premium-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page{height:calc(100vh - 65px);margin:0 auto;width:100%;padding:24px 16px 64px;display:flex;gap:24px;background:var(--bg-page);align-items:flex-start;justify-content:center}.profile-page h1{font-size:28px;font-weight:600;margin-bottom:8px;color:var(--page-title-color)}.profile-page__container{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.profile-section{background:var(--card-bg);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--card-shadow)}.profile-section h2{font-size:18px;font-weight:600;color:var(--section-title-color)}@media(max-width:767px){.profile-page{padding:16px 12px 48px}}