.chat-container[data-v-f12027b1]{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f4f4f4}.main-header[data-v-f12027b1]{padding:1em;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 2px black;flex:0 0 auto}.main-header h1[data-v-f12027b1]{font-size:.9em;margin:0;display:flex;align-items:center;gap:.75em}.main-header h1 button.back[data-v-f12027b1]{background:none;border:none;font-size:1.2em;cursor:pointer}.main-header h1 img.avatar[data-v-f12027b1]{width:24px;height:24px;border-radius:50%}.chat-messages[data-v-f12027b1]{flex:1;overflow-y:auto;padding:1em;display:flex;flex-direction:column;gap:.5em}.bubble[data-v-f12027b1]{max-width:70%;padding:.75em 1em;border-radius:1em;position:relative;word-wrap:break-word}.bubble.self[data-v-f12027b1]{background-color:#007aff;color:#fff;align-self:flex-end;margin-left:auto}.bubble.receiver[data-v-f12027b1]{background-color:#fff;color:#000;align-self:flex-start;border:1px solid #ddd}.message-time[data-v-f12027b1]{font-size:.75em;opacity:.7;display:block;margin-top:.25em}.chat-input[data-v-f12027b1]{padding:1em;background-color:#fff;border-top:solid 1px #ddd;flex:0 0 auto}.chat-input form[data-v-f12027b1]{display:flex;gap:.5em;align-items:flex-end}.chat-input textarea[data-v-f12027b1]{flex:1;min-height:2.5em;max-height:8em;padding:.75em;border:1px solid #ddd;border-radius:1em;resize:none;font-family:inherit;font-size:1em}.chat-input button[data-v-f12027b1]{flex:0 0 auto;height:2.5em;padding:0 1em}.bottom-menu-wrapper[data-v-f12027b1]{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.bottom-menu-wrapper.show[data-v-f12027b1]{opacity:1;visibility:visible;pointer-events:auto}.bottom-menu[data-v-f12027b1]{background-color:#fff;border-radius:1em 1em 0 0;padding:1em;width:100%;max-width:600px;display:flex;flex-direction:column;gap:.5em;transform:translateY(100%);transition:transform .3s ease}.bottom-menu-wrapper.show .bottom-menu[data-v-f12027b1]{transform:translateY(0)}.loading-state[data-v-f12027b1],.empty-state[data-v-f12027b1]{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:#666}.loading-state p[data-v-f12027b1],.empty-state p[data-v-f12027b1]{margin:0;font-size:1.1em}.loading-state[data-v-f12027b1]{font-style:italic}.chat-container[data-chat-ended] .chat-input[data-v-f12027b1]{opacity:.6;pointer-events:none}.chat-container[data-chat-ended] .chat-input[data-v-f12027b1]:after{content:"Chat ended";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:.5em 1em;border-radius:.5em;font-size:.9em;z-index:10}.bubble[data-v-f12027b1]{animation:fadeIn-f12027b1 .3s ease-out}@keyframes fadeIn-f12027b1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button.secondary[data-v-f12027b1]{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.button.secondary[data-v-f12027b1]:hover{background-color:#e0e0e0}textarea[data-v-f12027b1]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}#menuButton[data-v-f12027b1]{font-size:.9em;padding:.5em .75em;min-width:auto}#signInScreen .main-header[data-v-0adfe113]{padding:2em}#signInScreen .main-header h1[data-v-0adfe113]{font-size:3rem;margin:0}#signInScreen #validationCode[data-v-0adfe113]{display:none}#newProfileScreen .main-header[data-v-5e7e38b5]{padding:2em}#newProfileScreen .main-header h1[data-v-5e7e38b5]{font-size:3rem;margin:0}#newProfileScreen #selfiePreview[data-v-5e7e38b5]{width:100%;aspect-ratio:1 / 1;background-image:url(../img/placeholder.png);margin:1em 0;background-size:cover;background-position:center;border:solid 2px black;position:relative;overflow:hidden}#newProfileScreen #selfiePreview video[data-v-5e7e38b5]{-webkit-playsinline:true;-webkit-appearance:none;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;z-index:1}#newProfileScreen .selfie-upload-button input[type=file][data-v-5e7e38b5]{position:absolute;opacity:0;width:0;height:0;overflow:hidden}#loadingScreen[data-v-1f4ff0e6]{height:100vh}#loadingScreen .wrapper[data-v-1f4ff0e6]{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:1em}.orbit-animation[data-v-1f4ff0e6]{font-size:16px}.orbit-animation .ring[data-v-1f4ff0e6]{border:solid 2px black;padding:1.5em;border-radius:50%;position:relative;animation:orbit-1f4ff0e6 2s linear infinite}.orbit-animation>.ring[data-v-1f4ff0e6],.orbit-animation>.ring>.ring>.ring[data-v-1f4ff0e6]{animation-direction:reverse;animation-duration:3s}.orbit-animation .ring[data-v-1f4ff0e6]:before,.orbit-animation .ring[data-v-1f4ff0e6]:after{content:"";border:solid 2px black;height:16px;width:16px;background-color:#fff;border-radius:50%;position:absolute}.orbit-animation .ring[data-v-1f4ff0e6]:after{top:-8px;right:calc(50% - 8px)}.orbit-animation .ring[data-v-1f4ff0e6]:before{bottom:-8px;left:calc(50% - 8px)}.loading-message[data-v-1f4ff0e6]{font-size:.9em;color:#333;text-align:center;padding:1em}@keyframes orbit-1f4ff0e6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#confirmationScreen .main-header[data-v-eefe77e7]{padding:2em}#confirmationScreen .main-header h1[data-v-eefe77e7]{font-size:3rem;margin:0}#confirmationScreen .user-card[data-v-eefe77e7]{margin-top:2em;box-shadow:0 8px 24px #0000003d}#welcomeScreen[data-v-ce21abb7]{height:100%}#welcomeScreen .wrapper[data-v-ce21abb7]{display:flex;flex-direction:column;align-items:center;height:100%}#welcomeScreen .main-header[data-v-ce21abb7]{text-align:center;padding:8em 2em 0;flex:1}#welcomeScreen .main-header h1[data-v-ce21abb7]{font-size:8em;margin:0;padding:0;font-weight:800}#welcomeScreen .main-header p[data-v-ce21abb7]{font-size:1.5em;margin:0;padding:0}#welcomeScreen .button[data-v-ce21abb7]{font-size:1.5em;margin:0 0 1em}#welcomeScreen .main-footer[data-v-ce21abb7]{padding:2em}.main-page-container[data-v-97a7ecde]{height:100%;display:flex;flex-direction:column}.content[data-v-97a7ecde]{flex:1;overflow-y:auto;background:#f9f9f9}.content-section[data-v-97a7ecde]{height:100%}.loading-avatar[data-v-758b27cc]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-758b27cc 1.5s infinite;border-radius:50%}@keyframes loading-758b27cc{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-transform:lowercase;background-color:#f0f0f0;line-height:150%}html,body{margin:0;padding:0;height:100%;width:100%}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--header-height: 76px;--nav-height: 50px}.wrapper{max-width:600px;margin:0 auto;min-height:100%;width:100%;background-color:#fff}[hidden]{display:none!important}.dialog-wrapper[hidden]{display:flex!important;pointer-events:none}.button{display:inline-block;padding:.5em 1em;background-color:#000;color:#fff;outline:none;border:none;font-size:1.5rem;text-decoration:none;text-transform:lowercase;cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .06s ease,box-shadow .12s ease,border-color .12s ease}.button.secondary{background-color:#fff;border:solid 2px black;color:#111!important}.button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.button.special{background-color:#efb435;color:#000;font-weight:600;box-shadow:#efb43529 0 0 8px}.button:hover:not(:disabled){filter:brightness(.95)}.button:active:not(:disabled){transform:translateY(1px)}.button:focus-visible{outline:3px solid #efb435;outline-offset:2px}.button.secondary:hover:not(:disabled){background-color:#f7f7f7}.button.secondary:active:not(:disabled){background-color:#eee}.button.secondary:focus-visible{outline:3px solid #0b0f1a;outline-offset:2px}.button.special:hover:not(:disabled){background-color:#f3c24f;box-shadow:#efb4353d 0 0 10px}.button.special:active:not(:disabled){background-color:#e7ab16;box-shadow:#efb43524 0 0 6px}.button.special:focus-visible{outline:3px solid #111;outline-offset:2px}.actions{display:flex;margin:2em 0 0;justify-content:space-between}.actions *+*{flex:1}.actions.vertical-actions{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.5em}.actions.vertical-actions .button{margin-bottom:0;width:100%;flex:none}.success{color:#28a745;font-size:.9em;border-left:solid 2px #28a745;padding:.5em 1em;font-weight:600;background-color:#28a74514;display:flex;gap:1em;align-items:center;margin:1em 0}.success:before{content:"";display:inline-block;width:.5em;height:.5em;background-color:#28a745;border-radius:50%}.error{color:#b00020;font-size:.9em;border-left:solid 2px red;padding:.5em 1em;font-weight:600;background-color:#ff000014;display:flex;gap:1em;align-items:center;margin:1em 0}.error:before{content:"";display:inline-block;width:.5em;height:.5em;background-color:#b00020;border-radius:50%}.form-section{padding:2em;border-top:solid 1px #ccc}.form-section label,.form-section p.label{display:block;font-size:1.5em;font-weight:600;margin:0;color:#111!important}.form-section p.note{font-size:.9em;margin:0;color:#666}.form-section input[type=tel],.form-section input[type=text]{width:100%;padding:1em;font-size:1.2em;margin:1em 0;border:solid 2px black}.form-section textarea{width:100%;padding:1em;font-size:1.2em;margin:1em 0;border:solid 2px black;color:#111!important;background-color:#fff!important}.styled-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#f0f0f0;border:solid 2px black;outline:none;margin:1em 0}.styled-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border:solid 2px black;cursor:pointer;border-radius:0}.styled-range::-moz-range-thumb{width:20px;height:20px;background:#fff;border:solid 2px black;cursor:pointer;border-radius:0}.styled-range:focus{outline:3px solid #efb435;outline-offset:2px}.input-group{display:flex;gap:1em}.input-group input{margin-bottom:0!important}.user-card{display:flex;flex-direction:column;padding:1em;background-color:#fff;border:solid 2px black}.user-card .actions{display:flex;gap:.5em;margin:1em 0 0}.user-card .actions .button{font-size:1rem}.user-card--header{display:flex;justify-content:space-between;margin-bottom:1em;align-items:baseline}.user-card--name{font-size:1.5em;font-weight:700;margin:0}.user-card--distance{font-size:.9em;color:#666;margin:0}.user-card--invite{font-size:.9em;border-left:solid 2px #efb435;color:#000;margin:1em 0 0;background-color:#efb43514;padding:.5em 1em}.user-card--age{font-size:1.5em;margin:0}.user-card--selfie{width:100%;height:auto}.user-card--headline{font-size:1em;font-style:italic;color:#333}.user-card-inline{display:flex;align-items:center;gap:1em;padding:1em 1em 0}.user-card-inline+.user-card-inline{border-top:solid 1px #ccc}.user-card-inline .avatar{width:44px;height:44px;border-radius:50%}.user-card-inline .actions{margin:0}.user-card-inline .button{font-size:1em}.user-card-inline--codename{font-size:1em;font-weight:700;margin:0}.user-card-inline .info{flex:1;line-height:125%}.user-card-inline--distance,.user-card-inline--age{font-size:.8em;color:#666;margin:0}#loadingScreen .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:1em}.orbit-animation{font-size:16px}.orbit-animation .ring{border:solid 2px black;padding:1.5em;border-radius:50%;position:relative;animation:orbit 2s linear infinite}.orbit-animation>.ring,.orbit-animation>.ring>.ring>.ring{animation-direction:reverse;animation-duration:3s}.orbit-animation .ring:before,.orbit-animation .ring:after{content:"";border:solid 2px black;height:16px;width:16px;background-color:#fff;border-radius:50%;position:absolute}.orbit-animation .ring:after{top:-8px;right:calc(50% - 8px)}.orbit-animation .ring:before{bottom:-8px;left:calc(50% - 8px)}.loading-message{font-size:.9em;color:#333;text-align:center;padding:1em}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#mainScreen{height:100vh;display:flex;flex-direction:column}#mainScreen .main-header{padding:1em;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 2px black;flex:0 0 auto}#mainScreen .wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}#vueApp{height:100%;display:flex;flex-direction:column}#mainScreen .main-header,#mainScreen .main-nav{flex:0 0 auto}#mainScreen .profile{display:flex;align-items:center;gap:1em}#mainScreen .profile--avatar{width:44px;height:44px;object-fit:cover;border-radius:50%}#mainScreen .profile--name{font-size:1.5em;font-weight:700;margin:0}#mainScreen .timer{font-size:1.2em;color:#666;margin:0}#mainScreen .main-nav{display:flex;justify-content:space-between;border-bottom:solid 2px black;gap:2px;background-color:#000}#mainScreen .main-nav button{flex:1;padding:.5em 1em;font-size:1em;background-color:#fff;color:#000;border:none;text-transform:lowercase}#mainScreen .main-nav button.active{background-color:#000;color:#fff}#mainScreen #content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.user-list{list-style:none;padding:2em;margin:0;display:flex;flex-direction:column;gap:1em}.dialog-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;align-items:flex-start;justify-content:center;transition:background-color .3s ease-out;pointer-events:none;opacity:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1em 0}.dialog-wrapper.show{background-color:#000000a3;pointer-events:auto;opacity:1}.dialog{background-color:#fff;max-width:500px;width:100%;margin:1em;transform:translateY(-100px) scale(.9);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-in-out;z-index:1001;position:relative;max-height:calc(100vh - 2em);overflow-y:auto;-webkit-overflow-scrolling:touch}.dialog-wrapper.show .dialog{transform:translateY(0) scale(1);opacity:1}.dialog--header{padding:1em;background-color:#f4f4f4;text-align:center;color:#111!important}.dialog--actions{padding:0 2em 2em;display:flex;gap:.5em;flex-direction:row-reverse}.dialog--actions .button{font-size:1em}.dialog #inviteMessage{margin-bottom:0}.dialog--actions>.button{flex:1}#myOrbitSection .user-list{padding:0}#myOrbitSection{display:flex;flex-direction:column;height:100%}.section-header{font-weight:700;margin:0;padding:1em}.grey{background-color:#f4f4f4;border-top:solid 1px #ccc;margin-top:1em;flex:1}#chatScreen{display:flex;flex-direction:column}#chatScreen .wrapper{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f4f4f4}#chatScreen .main-header{padding:1em;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 2px black}#chatScreen .main-header h1{font-size:.9em;margin:0;display:flex;align-items:center;gap:.75em}#chatScreen .main-header h1 button.back{background:none;border:none;font-size:1.2em}#chatScreen .main-header h1 img.avatar{width:24px;height:24px;border-radius:50%;display:none}#chatScreen #menuButton{font-size:.8em;font-weight:600}#chatScreen #chatArea{flex:1;overflow-y:auto;padding:1em;display:flex;flex-direction:column;gap:.5em}#chatScreen #chatForm{display:flex;padding:1em;flex-direction:column;background-color:#fff;border-top:solid 2px black;margin:0;gap:.5em}#chatScreen #chatForm #messageInput{border:solid 2px black;resize:none;padding:1em;font-size:1em;overflow:hidden}#chatScreen .bubble{padding:.5em 1em;background:#000;color:#fff;font-weight:400;margin:0;max-width:80%;align-self:flex-start}#chatScreen .bubble.self{background-color:#fff;border:solid 2px black;color:#000;font-weight:600;align-self:flex-end}.bottom-menu-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0000;z-index:1000;transition:background-color .3s ease-out;pointer-events:none;opacity:0}.bottom-menu-wrapper.show{background-color:#000000a3;pointer-events:auto;opacity:1}.bottom-menu{position:absolute;bottom:0;width:100%;background-color:#fff;display:flex;flex-direction:column;padding:10em 1em 1em;gap:.5em;background-image:url(../img/planets.png);background-size:contain;background-repeat:no-repeat;background-position:top center;transform:translateY(100%);transition:transform .3s ease-out}.bottom-menu-wrapper.show .bottom-menu{transform:translateY(0)}.bottom-menu button{font-size:1em}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;text-align:center}.empty-state p{color:#333}.list-enter-active .empty-state p,.list-leave-active .empty-state p{color:#222}.list-enter-active,.list-leave-active{transition:all .25s ease}.list-move{transition:transform .25s ease}.list-enter-from,.list-leave-to{opacity:0;transform:scale(.98)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}@keyframes panel-in{0%{transform:translateY(var(--invite-offset, 80px));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes panel-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(var(--invite-offset, 80px) * -1));opacity:0}}.invite-enter-active{animation:overlay-in var(--invite-duration, .22s) var(--invite-easing, ease) forwards}.invite-leave-active{animation:overlay-out var(--invite-duration, .22s) var(--invite-easing, ease) forwards}.invite-enter-active .dialog{animation:panel-in var(--invite-duration, .22s) var(--invite-easing, ease) forwards}.invite-leave-active .dialog{animation:panel-out var(--invite-duration, .22s) var(--invite-easing, ease) forwards}.dialog-wrapper.show{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog{background:#fff;width:min(560px,92vw)}.dialog--actions{display:flex;gap:8px;justify-content:flex-end}.invite-enter-active .dialog,.invite-leave-active .dialog,.invite-enter-active .dialog-wrapper,.invite-leave-active .dialog-wrapper{transition:none!important}.toast-enter-active,.toast-leave-active,.toast-move{transition:all .12s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(6px)}.toast-container{position:fixed;right:16px;bottom:16px;z-index:10001}.toast-stack{display:flex;flex-direction:column;gap:8px}.toast{max-width:340px;padding:10px 12px;border-radius:8px;box-shadow:0 6px 20px #00000026;font-size:14px;line-height:1.4;color:#111;background:#eee}.toast.success{background:#0d4912;color:#fff;border:2px solid #0a2e0b}.toast.error{background:#c62828;color:#fff;border:2px solid #8e0000}.full-height{height:100vh}