@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Noto+Serif+Georgian:wght@100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";#root{display:contents}:root{--bg-primary: #0A0A0A;--bg-slight: rgba(255, 255, 255, .03);--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .1);--bg-highlight: #FFFFFF;--tx-primary: rgba(255, 255, 255, .9);--tx-secondary: rgba(255, 255, 255, .5);--stroke-primary: rgba(255, 255, 255, .1);--brand-primary: #1164FF;--brand-50: rgba(17, 100, 255, .5);--brand-25: rgba(17, 100, 255, .25);--warning: #FF5811;--warning-50: rgba(255, 88, 17, .5);--warning-25: rgba(255, 88, 17, .25);--danger: #D50101;--danger-50: rgba(228, 28, 28, .5);--danger-25: rgba(228, 28, 28, .25);--radius-main: 32px;--radius-pill: 9999px}body{background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-optical-sizing:auto;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on,"cv12" on,"cv05" on,"cv07" on,"cv13" on,"cv06" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--tx-primary);overflow:hidden;position:fixed;width:100%;height:100%}*{padding:0;margin:0;box-sizing:border-box;font-size:1em}svg{fill:var(--tx-secondary)}svg *{fill:var(--tx-secondary)}main{height:100dvh;max-height:100dvh;overflow:hidden;width:100%;max-width:720px;display:flex;flex-direction:column;gap:16px;padding:32px 0}.header{padding:12px;width:100%;border:1px solid var(--stroke-primary);border-radius:var(--radius-main)}.chat_area{padding:12px;width:100%;flex-grow:1;border:1px solid var(--stroke-primary);border-radius:var(--radius-main)}button{background:none;stroke:none;outline:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn{border-radius:var(--radius-pill);min-height:40px;transition:.15s}.btn_icon{padding:4px;width:56px}.btn_default{background-color:var(--bg-secondary)}.btn_warning{background-color:var(--warning-25)}.btn_warning *{fill:var(--warning)}.btn_danger{background-color:var(--danger-25)}.btn_danger *{fill:var(--danger)}.btn.btn_skip{background-color:var(--brand-25);color:var(--brand-primary);padding:0 18px}.btn_settings{width:fit-content;padding-left:16px;padding-right:9px;gap:4px}.btn_settings.opened{background-color:var(--bg-tertiary)}.btn_settings.opened svg *{fill:var(--tx-primary)}.btn_settings.opened .chevron{transform:rotate(180deg);transition:.15s}.btn_danger:hover{background-color:var(--danger-50)}.btn_warning:hover{background-color:var(--warning-50)}.btn_skip:hover{background-color:var(--brand-50);color:var(--tx-primary)}.btn_default:hover{background-color:var(--bg-tertiary)}.btn.btn_dimm{opacity:.1;pointer-events:none;background-color:var(--bg-tertiary);color:var(--tx-primary)}.btn.btn_dimm *{fill:var(--tx-primary)}.header{display:flex;flex-direction:column;gap:12px}.actions{display:flex;justify-content:space-between}.actions .start,.end{display:flex;gap:8px}.header .filter{padding-top:12px;border-top:1px solid var(--stroke-primary);justify-content:space-between;display:none}.header .filter.show{display:flex}.header .filter .field_group{display:flex;align-items:center;gap:12px;padding:4px 0}.header .filter .field_group span{color:var(--tx-secondary)}.i_am{padding-left:20px!important}.header .filter .field_group .radio-group{display:flex;gap:6px}.header .filter .field_group input{position:absolute;visibility:hidden}.header .filter .field_group .btn_default{width:max-content;padding:0 16px;display:flex;align-items:center;justify-content:center}.header .filter .field_group .btn svg{fill:var(--tx-secondary)}.header .filter .field_group input[type=radio]:checked+.btn{background:var(--bg-highlight);color:var(--bg-primary)}.header .filter .field_group input[type=radio]:checked+.btn svg *{fill:var(--bg-primary)}.chat_area{padding:24px;overflow-y:auto;display:none;flex-direction:column;gap:32px}.chat_area::-webkit-scrollbar{width:4px}.chat_area::-webkit-scrollbar-track{background:transparent}.chat_area::-webkit-scrollbar-thumb{background:transparent}.typing-indicator{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:16px 22px;width:fit-content;height:55px;min-height:55px;background:var(--bg-slight);border-radius:var(--radius-pill)}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--tx-secondary);animation:bounce 1s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.1s}.typing-indicator span:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.fresh,.searching,.chat_area{display:none}.fresh{padding:12px;width:100%;flex-grow:1;border:1px solid var(--stroke-primary);border-radius:var(--radius-main);flex-direction:column;align-items:center;justify-content:center;gap:32px}.fresh h1{font-family:var(--font-serif);font-weight:500;font-size:38px;line-height:145%}.fresh button{background-color:var(--bg-highlight);color:var(--bg-primary);padding:14px 18px;height:40px}.searching{position:relative;padding:12px;width:100%;flex-grow:1;border:1px solid var(--stroke-primary);border-radius:var(--radius-main);flex-direction:column;align-items:center;justify-content:center;gap:8px}.searching .label{color:var(--tx-secondary)}.searching h1{font-family:var(--font-serif);font-weight:500;font-size:38px;line-height:120%;text-align:center;max-width:600px;transition:.8s ease-in-out}.searching h1.fade{opacity:0;filter:blur(10px)}.searching .loader{position:absolute;transform:translate(-50%);left:50%;bottom:24px;padding:8px 12px 8px 16px;background-color:var(--brand-25);color:var(--brand-primary);display:flex;gap:8px;border-radius:var(--radius-pill);font-weight:500}.searching .loader *{fill:var(--brand-primary)}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.spinner{animation:spin .6s linear infinite;transform-box:fill-box;transform-origin:center center;display:block;height:fit-content}.match-found-container{display:flex;flex-direction:column;gap:32px}.match-found-container h2{font-family:var(--font-serif);font-weight:500;font-size:24px;line-height:120%;text-align:center;padding:32px;border-radius:24px;background-color:var(--bg-slight)}.match-found-container .time{position:relative;display:flex;justify-content:center}.match-found-container .time span{font-size:14px;color:var(--tx-secondary);background-color:var(--bg-primary);padding:0 24px}.match-found-container .time span:after{content:"";position:absolute;width:100%;right:0;height:1px;background-color:var(--stroke-primary);top:50%;transform:translateY(-50%);z-index:-1}.fresh-show .fresh,.searching-show .searching,.chat_area-show .chat_area{display:flex}.hide{display:none!important}.they_left_bubble{background-color:var(--warning-25);padding:12px 12px 12px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:32px;margin-top:auto}.they_left_bubble span{color:var(--warning)}.they_left_bubble .btn{background-color:var(--bg-tertiary);color:var(--tx-primary);padding:0 18px;transition:.3s}.they_left_bubble .btn:hover{background-color:var(--bg-highlight);color:var(--bg-primary)}.live_indicator{position:absolute;right:24px;top:24px;padding:9px 16px 9px 12px;border-radius:9999px;background-color:#0dcf5340;display:flex;align-items:center;gap:10px;color:#0dcf53}.live_indicator .dot{width:8px;height:8px;border-radius:8px;background-color:#0dcf53}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-tertiary);color:var(--tx-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;white-space:nowrap;padding:8px 14px;border-radius:9999px;opacity:0;pointer-events:none;transition:opacity .2s ease}[data-tooltip]:hover:after{opacity:1;transition-delay:.5s}.chatbox_holder{display:contents}.chatbox{display:flex;flex-direction:column;padding:12px;width:100%;gap:16px;background-color:var(--bg-secondary);border-radius:var(--radius-main)}.chatbox .textarea{display:flex;flex-direction:row;align-items:center;width:100%;gap:2px}.chatbox .textarea .text-area-element{background:none;outline:none;border:none;padding:8.5px 0;font-family:var(--font-sans);color:var(--tx-primary);flex-grow:1;min-height:24px;max-height:100px;overflow-y:auto;line-height:1.5;word-break:break-word}.chatbox .textarea .text-area-element:empty:before{content:attr(data-placeholder);color:var(--tx-secondary);pointer-events:none}.chatbox .textarea .text-area-element::-webkit-scrollbar{width:4px}.chatbox .textarea .text-area-element::-webkit-scrollbar-track{background:transparent}.chatbox .textarea .text-area-element::-webkit-scrollbar-thumb{background:var(--stroke-primary);border-radius:4px}:is():hover{background:var(--tx-secondary)}.chatbox .textarea .input-chip{display:inline-flex;align-items:center;padding:2px 4px;border-radius:8px;background-color:var(--bg-tertiary);border:1px solid var(--stroke-primary);margin-right:4px;vertical-align:middle;-webkit-user-select:none;user-select:none}.chatbox .textarea .btn_send{width:56px;background-color:var(--bg-tertiary);pointer-events:none}.chatbox .textarea .btn_send *{fill:var(--tx-secondary)}.chatbox .textarea .btn_send.enabled{background-color:var(--brand-primary);pointer-events:all}.chatbox .textarea .btn_send.enabled *{fill:var(--tx-primary)}.chatbox .textarea.multiline{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:8px}.chatbox .textarea.multiline .tools-menu{grid-column-start:1;grid-row-start:2}.chatbox .textarea.multiline .text-area-element{width:100%;grid-column:span 2 / span 2;grid-column-start:1;grid-row-start:1}.chatbox .textarea.multiline .btn_send{grid-row-start:2;justify-self:end}.chatbox .replay{background-color:var(--bg-secondary);border-radius:20px;padding:12px 20px;display:none;border:1px solid var(--stroke-primary)}.chatbox .replay .quote-header{display:flex;justify-content:space-between;margin-bottom:4px}.chatbox .replay .quote-header span{color:var(--tx-secondary)}.chatbox .replay p{line-height:145%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chatbox.replaying .replay{display:block}.chatbox .timer{padding:12px;border:1px solid var(--bg-tertiary);border-radius:20px;display:none;gap:12px;align-items:center}.chatbox .timer.show{display:flex}.chatbox .timer .timer-chip{padding:12px 12px 12px 8px;display:flex;gap:8px;align-items:center;height:38px;border-radius:12px;background-color:var(--warning-25);transition:.3s;cursor:pointer}.chatbox .timer .timer-chip *{fill:var(--warning)}.chatbox .timer .timer-chip:hover{background-color:var(--warning-50)}.chatbox .timer .presets-list{flex-grow:1;display:flex;gap:6px}.chatbox .timer .presets-list input{position:absolute;visibility:hidden}.chatbox .timer .presets-list .btn{padding:12px;display:flex;gap:8px;align-items:center;height:38px;border-radius:12px;background-color:var(--bg-slight);transition:.3s;cursor:pointer}.chatbox .timer .presets-list .btn:hover{background-color:var(--bg-tertiary)}.chatbox .timer .presets-list [type=radio]:checked+.btn{background-color:var(--bg-tertiary)}.chatbox .timer .btn-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);transition:.3s}.chatbox .timer .btn-close *{transition:.3s}.chatbox .timer .btn-close:hover{background-color:var(--bg-secondary)}.chatbox .timer .btn-close:hover *{fill:var(--tx-primary)}.tools-menu{position:relative}.tools-menu .tools-trigger{border-radius:50%;width:40px;height:40px;transition:.3s}.tools-menu .tools-trigger:hover{background-color:var(--bg-secondary)}.tools-menu .tools-trigger svg{transition:transform .2s ease}.tools-menu .tools-trigger.active{background-color:var(--bg-tertiary)}.tools-menu .tools-trigger.active svg{transform:rotate(-45deg)}.tools-menu .tools-trigger.active svg path{fill:var(--tx-primary)}.tools-menu .tools-list{position:absolute;bottom:calc(100% + 12px);left:-12px;display:flex;width:max-content;flex-direction:column;padding:4px;border-radius:16px;background-color:var(--bg-tertiary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:.3s}.tools-menu .tools-list.open{bottom:calc(100% + 20px);opacity:1;pointer-events:unset}.tools-menu .tools-list .action_btn{height:38px;padding-right:16px;padding-left:8px;display:flex;align-items:center;justify-content:start;gap:7px;color:var(--tx-secondary);font-size:15px;border-radius:12px;transition:.15s}.tools-menu .tools-list .action_btn:hover{background-color:var(--bg-secondary);color:var(--tx-primary)}.tools-menu .tools-list .action_btn:hover *{fill:var(--tx-primary)}.message-group{display:flex;flex-direction:column;gap:4px}.message-group .message{padding:16px 22px;border-radius:28px;width:max-content;max-width:420px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.15s}.message-group .message[data-direction=incoming]{background-color:var(--bg-slight)}.message-group .message[data-direction=incoming]:hover{background-color:var(--bg-tertiary)}.message-group .message[data-direction=outgoing]{background-color:var(--brand-50);align-self:flex-end}.message-group .message[data-direction=outgoing]:hover{background-color:var(--brand-primary)}.message-group .message[data-timer=true]{background-color:var(--warning-25);transition:.3s;cursor:pointer;padding-left:16px}.message-group .message[data-timer=true] .timer-chip{display:flex;align-items:center;gap:8px}.message-group .message[data-timer=true] .timer-chip span{width:48px}.message-group .message[data-timer=true] *{fill:var(--warning)}.message-group .message[data-timer=true]:hover{background-color:var(--warning-50)}.message-group .message[data-timer-done=true]{background-color:var(--bg-tertiary);cursor:default}.message-group .message[data-timer-done=true] *{fill:var(--tx-secondary)}.message-group .message[data-timer-done=true]:hover{background-color:var(--bg-tertiary)}.message-group .message[data-link-state]{position:relative;margin-bottom:36px;padding-left:18px}.message-group .message[data-link-state] .link-pill{display:flex;align-items:center;gap:12px}.message-group .message[data-link-state] .link-pill .blurred{filter:blur(10px)}.message-group .message[data-link-state] .link-pill img{width:20px;height:20px}.message-group .message[data-link-state] .link-pill a{text-decoration:none;transition:.3s}.message-group .message[data-link-state] .link-pill a:hover{text-decoration:underline}.message-group .message[data-link-state] .link-hint{position:absolute;bottom:-24px;font-size:14px;color:var(--tx-secondary);left:12px;font-weight:300;width:max-content}.message-group .message[data-link-state][data-direction=outgoing] .link-hint{left:unset;right:12px}.message-group .message[data-link-state][data-direction=outgoing] .link-pill a,.message-group .message[data-link-state][data-direction=outgoing] .link-pill a:hover,.message-group .message[data-link-state][data-direction=incoming] .link-pill a{color:var(--tx-primary)}.message-group .message.dimmed{pointer-events:none;opacity:.6;filter:blur(10px)}.message-group .message-container{padding-top:0;display:flex;flex-direction:column;gap:4px}.message-group .message-container.dimmed{pointer-events:none;opacity:.6;filter:blur(10px)}.message-group .message-container:has(.reply-quote){padding-top:16px}.message-group .message-container .reply-quote{display:flex;gap:8px}.message-group .message-container .reply-quote .indicator{width:4px;height:100%;border-radius:var(--radius-pill);background-color:var(--bg-tertiary)}.message-group .message-container .reply-quote .quote{padding:12px 18px;border-radius:12px;border:1px solid var(--bg-tertiary);color:var(--tx-secondary);font-size:14px}.message-group .message-container .reply-quote .quote p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.message-group .message-container .message-main{position:relative;width:max-content}.message-group .message-container .message-main .message-reactions{padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--bg-secondary);height:max-content;width:max-content;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px);background-color:var(--bg-primary);font-size:16px;white-space:nowrap}.message-group .message-container .message-main .message-popup{position:absolute;left:calc(100% + 8px);display:flex;flex-direction:column;z-index:2;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;top:0;transition:opacity .3s}.message-group .message-container .message-main .message-popup .reactions_bar{position:absolute;bottom:calc(100% + 16px);right:0;display:flex;padding:4px;border-radius:16px;background-color:var(--bg-tertiary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.3s;opacity:0}.message-group .message-container .message-main .message-popup .reactions_bar .react-btn{display:flex;align-items:center;justify-content:center;border-radius:12px;width:38px;height:38px;-webkit-user-select:none;user-select:none}.message-group .message-container .message-main .message-popup .reactions_bar .react-btn:hover,.message-group .message-container .message-main .message-popup .reactions_bar .react-btn.active{background-color:var(--bg-tertiary)}.message-group .message-container .message-main .message-popup .actions_bar{position:relative;padding:4px;border-radius:16px;background-color:var(--bg-tertiary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;top:8px;transition:.3s;opacity:0}.message-group .message-container .message-main .message-popup .actions_bar .action_btn{height:38px;padding-right:16px;padding-left:8px;display:flex;align-items:center;justify-content:start;gap:7px;color:var(--tx-primary);font-size:15px;border-radius:12px;transition:.15s}.message-group .message-container .message-main .message-popup .actions_bar .action_btn svg *{fill:var(--tx-primary)}.message-group .message-container .message-main .message-popup .actions_bar .action_btn:hover{background-color:var(--bg-secondary)}.message-group .message-container .message-main .message-popup.open{opacity:1;pointer-events:all;-webkit-user-select:unset;user-select:unset}.message-group .message-container .message-main .message-popup.open .reactions_bar{bottom:calc(100% + 8px);opacity:1;transition-delay:.15s}.message-group .message-container .message-main .message-popup.open .actions_bar{top:0;opacity:1;transition-delay:.15s}.message-group .message-container[data-direction=outgoing]{align-self:flex-end}.message-group .message-container[data-direction=outgoing] .reply-quote{flex-direction:row-reverse}.message-group .message-container[data-direction=outgoing] .message-main{align-self:flex-end}.message-group .message-container[data-direction=outgoing] .message-main .message-popup{right:calc(100% + 8px)!important;left:unset}.message-group .message-container[data-direction=outgoing] .message-main .message-popup .reactions_bar{left:0!important;right:unset}.message-group .message-container[data-direction=outgoing] .message-main .message-reactions{right:calc(100% + 8px);left:unset}@media (max-width: 768px){:root{--radius-main: 28px}*{font-size:.938rem}.message-group .message[data-timer=true] .timer-chip span{width:42px}.live_indicator{display:none}main{padding:0;gap:0}main .header{border-radius:unset;border:unset;border-bottom:1px solid var(--stroke-primary)}main .header .filter{flex-direction:column;gap:12px}main .header .filter .field_group{justify-content:space-between}main .header .filter .i_am{padding-left:0!important;padding-bottom:12px;border-bottom:1px solid var(--stroke-primary)}main .fresh,main .searching{border-radius:unset;border:unset;padding:12px;gap:16px}main .fresh h1,main .searching h1{font-size:2rem}main .chat_area{border-radius:unset;border:unset;border-bottom:1px solid var(--stroke-primary);padding:12px;gap:16px}main .chat_area .match-found-container{gap:16px}main .chat_area .match-found-container h2{font-size:18px;padding:24px;border-radius:12px}main .chat_area .match-found-container .time span{font-size:12px;padding:0 16px}main .chat_area .message-container{width:100%}main .chat_area .message{padding:12px 18px;max-width:calc(100% - 114px);line-height:145%}main .chat_area .message-main{max-width:calc(100% - 114px)}main .chat_area .message-main .message{max-width:100%}main .chat_area .reply-quote{gap:4px!important}main .chat_area .reply-quote .indicator{width:3px!important}main .chat_area .quote{padding:8px 14px!important;border-radius:10px!important}main .chat_area .react-btn{font-size:22px}.chatbox_holder{display:flex;flex-direction:column;padding:12px;gap:8px}.chatbox_holder .chatbox{padding:6px;transition:.3s}.chatbox_holder .chatbox .textarea{position:relative;padding-left:48px;transition:.3s}.chatbox_holder .chatbox .textarea .tools-menu{left:0;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.chatbox_holder .chatbox .textarea .tools-menu .tools-list{bottom:calc(100% + 12px)}.chatbox_holder .chatbox.focused .textarea{padding-left:0}.chatbox_holder .chatbox.focused .textarea .tools-menu{left:-20px;opacity:0;pointer-events:none}.chatbox_holder .chatbox.focused .text-area-element{padding-left:12px!important}.chatbox_holder .chatbox .textarea{gap:8px}.chatbox_holder .chatbox .textarea .text-area-element{padding-left:0}.chatbox_holder .chatbox .textarea .btn_send{width:40px}.chatbox_holder .chatbox .replay{border-radius:24px;padding:12px}.chatbox_holder .chatbox .timer{flex-direction:column;position:relative;border-radius:24px}.chatbox_holder .chatbox .timer .dvd{display:none}.chatbox_holder .chatbox .timer .btn-close{position:absolute;right:8px;top:8px}}
