html,body,#root{width:100%;height:100%;margin:0;padding:0}body{margin:0;overflow:hidden}.app{color:#fff;background:radial-gradient(circle,#0a0a1f,#000);width:100%;height:100vh}.auth-wrapper{z-index:20;flex-direction:row-reverse;align-items:center;transition:transform .3s;display:flex;position:absolute;top:2rem;right:0}.auth-wrapper.open{transform:translate(0)}.auth-wrapper.closed{transform:translate(calc(100% - 2.5rem))}.auth-box{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#80808080;border-radius:1rem 0 0 1rem;flex-direction:column;justify-content:space-between;width:clamp(20rem,22vw,24rem);min-height:clamp(24rem,34vh,30rem);padding:1.25rem;display:flex;box-shadow:-8px 0 24px #0000002e}.auth-body{flex-direction:column;flex:1;justify-content:space-between;display:flex}.auth-box form,.logged-in-panel{flex-direction:column;flex:1;gap:.75rem;display:flex}.auth-box h2{color:#fff;margin:0 0 .75rem;font-size:clamp(1.25rem,1.2vw,1.5rem)}.logged-in-panel p{color:#fff;word-break:break-word;overflow-wrap:anywhere;margin:0}.arrow-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:#80808080;border:none;border-radius:1rem 0 0 1rem;justify-content:center;align-items:center;width:3.5rem;height:6rem;font-size:1.5rem;font-weight:700;transition:background-color .2s,transform .2s;display:flex}.arrow-button:hover{background-color:#808080b3}.auth-input{box-sizing:border-box;color:#111;background-color:#ffffffe0;border:none;border-radius:.625rem;outline:none;width:100%;height:2.75rem;padding:0 .875rem;font-size:.95rem;transition:box-shadow .2s,transform .2s}.auth-input:focus{box-shadow:0 0 0 2px #fff6}.auth-footer{flex-direction:row;gap:.625rem;margin-top:1rem;display:flex}.bottom-button{color:#fff;cursor:pointer;background-color:#ffffff4d;border:none;border-radius:.625rem;flex:1;width:100%;min-height:2.75rem;font-weight:600;transition:all .2s}.bottom-button:hover{background-color:#ffffff73}.bottom-button.active{color:#111;background-color:#ffffffd9}@media (width>=1600px){.auth-wrapper{top:2.5rem}.auth-box{width:clamp(22rem,20vw,25rem)}}@media (height<=800px){.auth-wrapper{top:1rem}.auth-box{min-height:auto;padding:1rem}.auth-box h2{margin-bottom:.5rem}.auth-footer{margin-top:.75rem}}.message-box-container{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background-color:#80808059;border-radius:1rem;align-items:center;gap:.75rem;width:clamp(34rem,42vw,48rem);max-width:90%;min-height:5rem;padding:.75rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.message-input{box-sizing:border-box;color:#111;background-color:#ffffffe6;border:none;border-radius:.75rem;outline:none;flex:1;min-width:0;height:3rem;padding:0 1rem;font-size:.95rem;transition:box-shadow .2s}.message-input:focus{box-shadow:0 0 0 2px #fff6}.send-button{cursor:pointer;color:#111;background-color:#ffffffd9;border:none;border-radius:.75rem;flex-shrink:0;height:3rem;padding:0 1.25rem;font-size:.95rem;font-weight:600;transition:transform .2s,background-color .2s}.send-button:hover{background-color:#fff;transform:translateY(-1px)}@media (width>=1600px){.message-box-container{width:clamp(38rem,40vw,52rem)}}@media (height<=800px){.message-box-container{min-height:4.5rem;padding:.625rem;bottom:1rem}.message-input,.send-button{height:2.75rem}}.starfield{background:radial-gradient(circle,#0b1020 0%,#000 70%);width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.star-button{cursor:pointer;z-index:9999;background:0 0;border:none;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.star-image{pointer-events:none;filter:drop-shadow(0 0 6px #fff);width:100%;height:100%;animation-name:starAnim;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:block}.star-button:hover .star-image{filter:drop-shadow(0 0 12px #fff)}@keyframes starAnim{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.selected-point{z-index:10000;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}.search-wrapper{z-index:20;flex-direction:row-reverse;align-items:center;transition:transform .3s;display:flex;position:absolute;top:80%;right:0;transform:translateY(-50%)}.search-wrapper.open{transform:translateY(-50%)translate(0)}.search-wrapper.closed{transform:translateY(-50%)translate(calc(100% - 2.5rem))}.search-box{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#80808080;border-radius:1rem 0 0 1rem;flex-direction:column;justify-content:space-between;width:clamp(20rem,22vw,24rem);min-height:clamp(12rem,20vh,16rem);padding:1.25rem;display:flex;box-shadow:-8px 0 24px #0000002e}.search-body{flex-direction:column;flex:1;display:flex}.search-box h2{color:#fff;margin:0 0 .75rem;font-size:clamp(1.2rem,1.1vw,1.4rem)}.search-input{box-sizing:border-box;color:#111;background-color:#ffffffe0;border:none;border-radius:.625rem;outline:none;width:100%;height:2.75rem;margin-bottom:.75rem;padding:0 .875rem;font-size:.95rem;transition:box-shadow .2s}.search-input:focus{box-shadow:0 0 0 2px #fff6}.submit-button{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:.625rem;width:100%;min-height:2.75rem;margin-top:.25rem;font-size:.95rem;font-weight:600;transition:transform .2s,opacity .2s}.submit-button:hover{opacity:.95;transform:translateY(-1px)}.search-footer{flex-direction:row;gap:.625rem;margin-top:1rem;display:flex}.search-button{color:#fff;cursor:pointer;background-color:#ffffff4d;border:none;border-radius:.625rem;flex:1;width:100%;min-height:2.75rem;font-weight:600;transition:all .2s}.search-button:hover{background-color:#ffffff73}.search-button.active{color:#111;background-color:#ffffffd9}.search-arrow-button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#80808080;border:none;border-radius:1rem 0 0 1rem;justify-content:center;align-items:center;width:3.5rem;height:6rem;font-size:1.5rem;font-weight:700;transition:background-color .2s;display:flex}.search-arrow-button:hover{background-color:#808080b3}@media (width>=1600px){.search-box{width:clamp(22rem,20vw,25rem)}}@media (height<=800px){.search-box{min-height:auto;padding:1rem}.search-footer{margin-top:.75rem}}.message-box2-container{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:25;background-color:#80808059;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;flex-direction:column;justify-content:center;gap:.4rem;width:clamp(32rem,40vw,46rem);max-width:90%;min-height:5rem;padding:.85rem 1rem;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.message-box2-container h3,.message-box2-container p{margin:0}.message-box2-container h3{font-size:clamp(1rem,1vw,1.2rem);font-weight:700;line-height:1.2}.message-box2-container p{word-break:break-word;overflow-wrap:anywhere;font-size:.95rem;line-height:1.4}@media (width>=1600px){.message-box2-container{width:clamp(34rem,38vw,48rem)}}@media (height<=800px){.message-box2-container{min-height:auto;padding:.75rem .9rem;bottom:12%}.message-box2-container h3{font-size:1rem}.message-box2-container p{font-size:.9rem}}