@import"https://fonts.googleapis.com/css?family=Montserrat";*{margin:0;padding:0;font-family:Montserrat,sans-serif}html,body{font-family:Montserrat,sans-serif;width:100%;height:var(--app-height);overflow:hidden;background-color:#000;color:#fff;min-height:100vh;min-height:-webkit-fill-available}.landing-page-root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#5b368a,#3a2c51 40%,#1e1f26)}.landing-phone-mockup-wrapper{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#222;box-shadow:0 5px 15px #ffffff1a}@media screen and (max-width: 768px){.landing-phone-container{margin-top:40px!important}}.landing-main-layout{display:flex;flex-direction:row;flex-grow:1;width:100%;align-items:center;justify-content:center;gap:40px;padding:20px;box-sizing:border-box;min-height:500px}.landing-mockup-section{display:flex;justify-content:center;align-items:center;flex:1;min-width:250px}.base-container{width:100%;height:100%;background:transparent;box-shadow:0 0 15px #ffffff1a;border-radius:8px;overflow:hidden}.chat-header,.chat-footer{position:fixed;left:50%;transform:translate(-50%);width:100%;padding:10px;background-color:#000;z-index:101;outline:none}.chat-header{top:0}.chat-footer{bottom:0;padding-bottom:0}.hidden-visibility{visibility:hidden;pointer-events:none}.messages-scroll-area{position:fixed;top:var(--message-list-top-offset);bottom:var(--message-list-bottom-offset);left:50%;transform:translate(-50%);width:100%;padding:0;-webkit-overflow-scrolling:touch;z-index:99;background-color:#000;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.messages-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a}.messages-scroll-area::-webkit-scrollbar{width:8px;background-color:transparent}.messages-scroll-area::-webkit-scrollbar-track{background:transparent;border-radius:10px}.messages-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.messages-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#fff3}button{outline:none!important}input[type=text]{color:#fff;flex-grow:1;padding:10px;border:1px solid #262626;background-color:#262626;border-radius:1rem;line-height:1.4;outline:none;font-size:15px}input[type=text]::placeholder{color:#aaa;line-height:1.4;font-size:15px}.friend-text-div{display:flex}.friend-text-container{width:100%;display:flex;flex-direction:column;padding-left:8px}.friend-text{background:#262626;border-radius:.5rem;color:#fff;height:fit-content;width:fit-content;padding:.5rem 1rem;margin:.06rem .5rem;word-break:break-word;font-size:.9rem}.my-text-div{display:flex;justify-content:flex-end}.my-text-container{display:flex;flex-direction:column;align-items:flex-end}.my-text{color:#fff;height:fit-content;width:fit-content;padding:.5rem 1rem;margin:.06rem .5rem;word-break:break-word;font-size:.9rem}.my-text.single-message{border-radius:1rem}.my-text.start-message{border-radius:1rem 1rem .2rem}.my-text.middle-message{border-radius:1rem .2rem .2rem 1rem}.my-text.end-message{border-radius:1rem .2rem 1rem 1rem}.friend-text.single-message{border-radius:1rem}.friend-text.start-message{border-radius:1rem 1rem 1rem .2rem}.friend-text.middle-message{border-radius:.2rem 1rem 1rem .2rem}.friend-text.end-message{border-radius:.2rem 1rem 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button-circle{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0003;cursor:pointer;transition:transform .2s ease-in-out;flex-shrink:0;outline:none}.refresh-button-circle:active{transform:scale(.95)}.refresh-button-circle.spinning-icon .fi-rr-refresh:before{font-size:1.2rem;animation:spin 1s linear infinite;transform-origin:center;display:inline-block;backface-visibility:hidden;perspective:1000px}.refresh-button-circle .fi-rr-refresh{font-size:1.2rem;color:#fff;display:inline-block;vertical-align:middle;line-height:1;transform:translateY(2.3px)}.gender-select-button{border-radius:999px;padding:.75rem 1.5rem;margin:.25rem .75rem;word-break:break-word;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;display:flex;width:fit-content;outline:none}.gender-select-button:active{transform:scale(.98)}.system-alert{text-align:center;margin:15px 0;width:100%;clear:both}.system-alert span{font-size:.85rem;color:#777;font-weight:400;padding:3px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-modal-button{background:none;border:none;cursor:pointer;outline:none;padding:5px 10px;border-radius:5px;transition:background-color .2s ease}.info-modal-button:hover{background-color:#0000000d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.swipe-arrow{font-size:2rem;margin-top:10px;animation:bounce 2s infinite;line-height:1;display:inline-block}.phone-animation-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#000;overflow:hidden}.mockup-ui-header{flex-shrink:0;height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;background-color:#000;z-index:2;box-sizing:border-box}.mockup-ui-header .header-icon-button{background-color:transparent;border:none;font-size:1.2rem;color:#ccc;padding:6px;cursor:default;outline:none;display:flex;justify-content:center;align-items:center}.mockup-ui-header h2{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;color:#ccc}.mockup-ui-footer{flex-shrink:0;height:55px;display:flex;align-items:center;padding:0 8px;background-color:#000;border-top:1px solid #333;z-index:2;box-sizing:border-box}.mockup-ui-footer input[type=text]{flex-grow:1;margin-right:8px;padding:8px;font-size:14px;background-color:#262626;border-color:#262626;color:#fff}.mockup-ui-footer input[type=text]::placeholder{font-size:14px;color:#aaa}.mockup-ui-footer button{flex-shrink:0}.mockup-ui-footer button{flex-shrink:0;color:#888}.mockup-ui-footer .refresh-button-circle{width:36px;height:36px;margin-right:8px;background-color:#282828}.mockup-ui-footer .refresh-button-circle .fi-rr-refresh{font-size:1rem}.mockup-ui-footer button[disabled] .fi-rr-paper-plane{font-size:1.1rem}.mockup-ui-header .right-icons{display:flex;align-items:center;gap:5px;flex-shrink:0}.phone-animation-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 5px;overflow:hidden;position:relative;background:#262626;color:#fff;width:100%}.phone-animation-content .friend-text,.phone-animation-content .my-text{padding:.4rem .8rem;margin:0 .2rem 1px;font-size:.85rem}.phone-animation-content .system-alert-wrapper{text-align:center;margin:0 .2rem 1px;width:100%;clear:both;display:flex;justify-content:center;align-items:center}.phone-animation-content .system-alert-text{font-size:.7rem;color:#777;padding:.4rem .8rem;display:inline-block;word-break:keep-all;white-space:pre-line}.emoji-only-message-wrapper{display:flex;margin:5px 0}.my-text.emoji-only-message,.friend-text.emoji-only-message{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.my-text.emoji-only-message,.friend-text.emoji-only-message{font-size:3rem!important;line-height:1!important;margin:0!important;padding:0!important;width:fit-content!important;height:fit-content!important}