@charset "UTF-8";.header-container{height:3.5rem;width:100%;background-color:#38383d4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.header-container .header-main-title{font-family:GFS Didot,serif;font-size:1.5rem;text-shadow:3px 3px 5px black;position:relative}.header-container .header-main-title .beta-badge{position:absolute;top:-.3rem;right:-2.5rem;font-size:.8rem;font-weight:400;padding:.1rem .4rem;background-color:#0000001a;border-radius:3px}.header-container .clickable-icon{cursor:pointer}.header-container .clickable-icon:hover{transform:scale(1.1)}.header-container .header-settings-container{display:flex;gap:15px;align-items:center}.header-container .user-button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:.3125rem .625rem;border-radius:.25rem;transition:background-color .3s ease;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-container .user-button:hover,.header-container .user-button:focus{background-color:#ffffff1a;outline:none}.header-container .user-button:focus-visible{box-shadow:0 0 0 2px #e0e0e0}.header-container .finish-edit-button{background-color:#4caf50;color:#e0e0e0;border:none;padding:.5rem 1rem;border-radius:.25rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.header-container .finish-edit-button:hover{filter:brightness(90%)}.header-container .finish-edit-button:active{transform:scale(.98)}.header-container .finish-edit-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.theme-modal{position:absolute;top:60px;left:0;right:0;background-color:#000000e6;padding:20px;z-index:1000}.theme-modal h2{color:#fff;margin-bottom:15px}.theme-modal .theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.theme-modal .theme-option{border:none;background:none;padding:0;height:100px;border-radius:5px;cursor:pointer;transition:transform .2s;background-size:cover;background-position:center}.theme-modal .theme-option:hover{transform:scale(1.05)}.theme-modal .theme-option:focus{outline:2px solid rgba(0,150,220,.7)}.theme-modal .add-theme-option{display:flex;justify-content:center;align-items:center;background-color:#4b556399;border:2px dashed #ffffff;transition:all .3s ease}.theme-modal .add-theme-option:hover{background-color:#4b5563cc;border-color:#f3f4f6}.theme-modal .add-theme-option:hover svg{color:#f3f4f6;transform:scale(1.1)}.theme-modal .add-theme-option svg{color:#fff;transition:all .3s ease}.theme-modal .theme-color-option{display:flex;gap:10px;justify-content:center;margin:20px 0}.theme-modal .theme-color-option .theme-circle{border:5px solid #fff;border-radius:50%;width:35px;aspect-ratio:1/1;cursor:pointer}.theme-modal .theme-color-option .theme-circle:hover{transform:scale(1.1);transition:transform .3s ease}.theme-modal .mode-switch{display:flex;gap:10px;justify-content:center;margin-top:20px}.theme-modal .mode-switch .mode-button{padding:8px 20px;border:none;border-radius:20px;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.theme-modal .mode-switch .mode-button:hover{transform:scale(1.05);background-color:#fff3}.theme-modal .mode-switch .mode-button.active{background-color:var(--interactive-bg)}.theme-modal .mode-switch .mode-button.active:hover{background-color:var(--interactive-bg-hover)}.user-modal{position:absolute;top:60px;right:20px;background-color:#000c;border-radius:10px;padding:1rem;z-index:1000}.user-modal .user-modal-content{display:flex;flex-direction:column;gap:10px}.user-modal button{background-color:#4a4a4a;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s}.user-modal button:hover{background-color:#5a5a5a}.user-modal button.delete-account{background-color:#d32f2f}.user-modal button.delete-account:hover{background-color:#f44336}.user-modal button.close-modal{position:absolute;top:5px;right:5px;padding:5px 8px;font-size:12px;background-color:transparent}.user-modal button.close-modal:hover{background-color:#ffffff1a}.interactive-button{background-color:var(--interactive-bg);color:#fff;padding:8px 16px;border-radius:8px;border:1.5px solid var(--interactive-border);font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 10px var(--interactive-shadow),0 0 15px var(--interactive-shadow)}.interactive-button:hover{background-color:var(--interactive-bg-hover);border-color:var(--interactive-border-hover);transform:translateY(-2px);box-shadow:0 4px 10px var(--interactive-shadow-hover),0 0 20px var(--interactive-shadow-hover)}.interactive-button:active{transform:translateY(0);box-shadow:0 4px 10px var(--interactive-shadow-active)}.select-container{margin:3rem auto;width:75%;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:20px;padding:10px 0;background-color:#0003}.select-container .space-label{font-size:1.2rem;color:#fff;font-weight:700}.select-container .select-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.select-container .space-select{width:50%;height:2.5rem;border-radius:15px;background-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;padding:0 2rem 0 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.select-container .space-select:hover{background-color:#fff3;border-color:#ffffff4d}.select-container .space-select:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.select-container .space-select option{background-color:#333;color:#fff}.select-container .remove-icon{font-size:1.5rem;color:#ff3b30;cursor:pointer;transition:color .3s ease,transform .3s ease}.select-container .remove-icon:hover{transform:scale(1.1);color:#d42020}@-moz-document url-prefix(){.select-container .space-select{background-image:none;padding-right:.5rem}}@media screen and (max-width: 767px){.select-container{width:90%;margin:1rem auto}}.ActionButton{display:flex;flex-direction:column;align-items:center;width:75px;height:fit-content;background:none;border:none;cursor:pointer;transition:transform .3s ease}.ActionButton:hover{transform:scale(1.05)}.ActionButton:hover .IconContainer{border-color:var(--interactive-border-hover);background-color:var(--interactive-bg)}.ActionButton:hover .IconContainer svg{transform:scale(1.1)}.ActionButton:hover .ActionLabel{background:var(--interactive-bg-hover);letter-spacing:.5px}.ActionButton .IconContainer{background-color:var(--interactive-bg-hover);width:50px;height:50px;margin-bottom:8px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid var(--interactive-border);box-shadow:0 4px 10px var(--interactive-shadow),0 0 15px var(--interactive-shadow),0 0 10px var(--interactive-shadow) inset;transition:all .3s ease}.ActionButton .IconContainer svg{color:#fff;transition:transform .3s ease,color .3s ease}.ActionButton .ActionLabel{font-size:12px;color:#fff;text-align:center;background:var(--interactive-bg);padding:4px 6px;border-radius:6px;transition:all .3s ease}@media screen and (max-width: 767px){.ActionButton{width:50px}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.Mark{position:relative;display:flex;flex-direction:column;align-items:center;width:100px;text-decoration:none;transition:transform .2s ease;height:fit-content;animation:scaleIn .3s ease-out;transform-origin:center}@media screen and (max-width: 767px){.Mark{width:75px}}.Mark.removing{animation:scaleOut .3s ease-in forwards;pointer-events:none}.Mark:not(.edit-icon):hover{transform:scale(1.1)}.Mark .remove-icon-container{all:unset;z-index:99;position:absolute;top:-10px;right:4px;font-size:1.6rem;color:#ff3b30;cursor:pointer;transition:color .2s ease}@media screen and (max-width: 767px){.Mark .remove-icon-container{right:-4px}}.Mark .remove-icon-container:hover{color:#d42020;transform:scale(1.1)}.Mark .info-icon-container{all:unset;z-index:99;position:absolute;top:-4px;right:10px;font-size:1.2rem;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease,transform .2s ease}@media screen and (max-width: 767px){.Mark .info-icon-container{right:-5px;top:-8px;font-size:1.4rem;opacity:.7!important}}.Mark .info-icon-container:hover{color:#e0e0e0;animation:shake .5s ease-in-out;transform:scale(1.1)}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.Mark:hover .info-icon-container{opacity:1}.Mark .TileImgContainer{position:relative;width:64px;height:64px;margin-bottom:8px;border-radius:12px;overflow:hidden;background-color:#38383d4d;display:flex;justify-content:center;align-items:center}.Mark .TileImgContainer .edit-icon-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;background:rgba(0,0,0,.5);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.Mark .TileImgContainer .edit-icon-button:hover{background:rgba(0,0,0,.7)}.Mark .TileImgContainer .edit-icon-button .edit-pencil{color:#fff;width:20px;height:20px}.Mark .TileImgContainer img{width:70%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.Mark .TileTitle{color:#fff;width:100%;font-weight:600;padding:2px;margin:0;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#38383d4d;border-radius:5px}.description-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.description-modal-content{position:relative;background:rgba(255,255,255,.95);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #0000001a;animation:modalFadeIn .3s ease}.description-modal-content .close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease,transform .2s ease;font-size:1.5rem}.description-modal-content .close-button:hover{color:#333;transform:scale(1.1)}.description-modal-content .description-content h3{margin:0 0 1rem;color:#333;font-size:1.25rem;font-weight:600}.description-modal-content .description-content p{margin:0;color:#666;line-height:1.6;font-size:1rem}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.space-container{width:75%;height:50vh;background-color:#0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:20px;margin:auto;box-shadow:0 0 32px #0000005e;padding:2rem;overflow:hidden}.space-content{height:100%;overflow-y:auto;padding-top:.6rem;padding-right:2rem;margin-right:-2rem;display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start;justify-content:center}.space-content::-webkit-scrollbar{width:10px}.space-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.space-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}.space-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.space-content--expert{justify-content:flex-start}@-moz-document url-prefix(){.space-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}}@media screen and (max-width: 767px){.space-container{width:90%;padding:1rem}.space-content{padding-right:1rem;margin-right:-1rem}}@media screen and (max-height: 500px){.space-container{height:35vh;padding:1rem}}.AddMarkButton{display:flex;flex-direction:column;align-items:center;width:100px;height:fit-content;background:none;border:none;cursor:pointer;transition:all .3s ease}@media screen and (max-width: 767px){.AddMarkButton{width:75px}}.AddMarkButton:hover{transform:scale(1.05)}.AddMarkButton:hover .TileImgContainer{border-color:var(--interactive-border-hover);background-color:var(--interactive-bg);box-shadow:0 4px 10px var(--interactive-shadow-hover),0 0 15px var(--interactive-shadow-hover),0 0 10px var(--interactive-shadow-hover) inset}.AddMarkButton:hover .TileImgContainer svg{transform:scale(1.1)}.AddMarkButton:hover .TileTitle{background:var(--interactive-bg-hover);letter-spacing:.5px}.AddMarkButton:focus{outline:none}.AddMarkButton .TileImgContainer{position:relative;background-color:var(--interactive-bg-hover);width:64px;height:64px;margin-bottom:8px;border-radius:16px;border:2px solid var(--interactive-border);display:flex;justify-content:center;align-items:center;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 10px var(--interactive-shadow),0 0 15px var(--interactive-shadow),0 0 10px var(--interactive-shadow) inset}.AddMarkButton .TileImgContainer svg{color:#fff;transition:all .3s ease}.AddMarkButton .TileTitle{color:#fff;width:100%;font-weight:500;padding:4px 8px;margin:0;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--interactive-bg);border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width: 767px){.AddMarkButton .TileTitle{text-overflow:unset;padding:3px 5px;font-size:12px}}.AddMarkRowButton{all:unset;display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--interactive-bg-hover);border-radius:8px;margin-bottom:.5rem;margin-left:.5rem;transition:all .3s ease;cursor:pointer;width:100%;min-width:fit-content;max-width:100%;min-width:882px}.AddMarkRowButton:hover{transform:scale(1.01);background-color:var(--interactive-bg)}.AddMarkRowButton:hover .mark-content .mark-field{letter-spacing:.5px}.AddMarkRowButton:hover .mark-content .add-icon{transform:scale(1.1)}.AddMarkRowButton .mark-content{display:flex;gap:1rem;flex-grow:1}.AddMarkRowButton .mark-content .mark-field{color:#fff;padding:.5rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px;display:flex;align-items:center;opacity:.8;transition:all .3s ease}.AddMarkRowButton .mark-content .name-field{gap:.8rem}.AddMarkRowButton .mark-content .name-field .add-icon{width:32px;height:32px;flex-shrink:0;transition:transform .3s ease}.skeleton-loader{position:relative;display:flex;flex-direction:column;align-items:center;width:100px;height:fit-content}@media screen and (max-width: 767px){.skeleton-loader{width:75px}}@keyframes wave{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.skeleton-loader .skeleton-img-container{width:64px;height:64px;margin-bottom:8px;border-radius:12px;background:rgba(255,255,255,.15);overflow:hidden;position:relative}.skeleton-loader .skeleton-img-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:wave 1.5s ease-in-out infinite}.skeleton-loader .skeleton-img-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:12px;background:rgba(255,255,255,.1);z-index:1}.skeleton-loader .skeleton-info-icon{position:absolute;top:-4px;right:10px;width:1.2rem;height:1.2rem;border-radius:50%;background:rgba(255,255,255,.15);overflow:hidden;position:relative}.skeleton-loader .skeleton-info-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:wave 1.5s ease-in-out infinite}@media screen and (max-width: 767px){.skeleton-loader .skeleton-info-icon{right:-5px;top:-8px;width:1.4rem;height:1.4rem}}.skeleton-loader .skeleton-title{width:100%;height:22px;border-radius:5px;background:rgba(255,255,255,.15);overflow:hidden;position:relative}.skeleton-loader .skeleton-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:wave 1.5s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0);background-color:#ff3b3033}to{opacity:0;transform:translate(-200px);background-color:#ff3b3066}}@keyframes defilement{0%{transform:translate(0)}to{transform:translate(-100%)}}.MarkRow{display:flex;align-items:center;padding:.75rem 1rem;background-color:#38383d4d;border-radius:8px;margin-bottom:.5rem;margin-left:.5rem;transition:transform .2s ease;width:100%;min-width:fit-content;max-width:100%;animation:slideIn .3s ease-out;transform:translate(0)}.MarkRow:hover{transform:scale(1.01)}.MarkRow.removing{animation:slideOut .3s ease-in forwards;pointer-events:none}.MarkRow .mark-content{display:flex;gap:1rem;flex-grow:1;justify-content:space-between}.MarkRow .mark-content .mark-field{color:#fff;padding:.5rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.MarkRow .mark-content .mark-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-bottom:2px}.MarkRow .mark-content .description-field{width:300px}.MarkRow .mark-content .description-field:hover span{white-space:nowrap;overflow:visible;animation:defilement 8s linear infinite;animation-delay:.5s;padding-right:50px}.MarkRow .mark-content .url-field{width:300px}.MarkRow .mark-content .name-field{width:250px;gap:.8rem}.MarkRow .mark-content .name-field .favicon{width:32px;height:32px;flex-shrink:0;border-radius:6px}.MarkRow .mark-content .name-field span{min-width:0;flex:1}.MarkRow .actions{margin-left:auto;display:flex;gap:.5rem;padding-left:1rem}.MarkRow .actions button{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;font-size:1.1rem}.MarkRow .actions button:hover{background-color:#fff3;transform:scale(1.1)}.MarkRow .actions button.delete-button{color:#ff3b30;border-color:#ff3b3033;background-color:#ff3b301a}.MarkRow .actions button.delete-button:hover{background-color:#ff3b3033}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#2d2d2d;padding:20px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 12px #0000004d;border:1px solid #404040}.modal-content h2{margin-bottom:20px;color:#e0e0e0;font-size:1.5rem}.modal-content p{margin-bottom:20px;line-height:1.4;color:#a0a0a0}.modal-content form{display:flex;flex-direction:column}.modal-content form input{margin-bottom:15px;padding:10px;border:1px solid #404040;border-radius:4px;background-color:#333;color:#e0e0e0}.modal-content form input::placeholder{color:#a0a0a0}.modal-content form input:focus{border-color:#e0e0e0;box-shadow:0 0 0 .25rem #ffffff1a;outline:none}.modal-content .error-message{color:#dc3545;font-size:.875em;margin-top:-10px;margin-bottom:10px}.modal-content .modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-content .modal-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease;font-size:.95rem}.modal-content .modal-actions button[type=submit]{background-color:#00563d;color:#e0e0e0;box-shadow:0 2px 4px #0003}.modal-content .modal-actions button[type=submit]:hover{background-color:#007a55;transform:translateY(-1px);box-shadow:0 3px 6px #0000004d}.modal-content .modal-actions button[type=submit]:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.modal-content .modal-actions button.confirm-button{background-color:#dc3545!important;color:#e0e0e0!important}.modal-content .modal-actions button.confirm-button:hover{background-color:#c82333!important}.modal-content .modal-actions button[type=button]{background-color:#2b2b2b;color:#a0a0a0;border:1px solid #404040}.modal-content .modal-actions button[type=button]:hover{background-color:#3a3a3a;color:#e0e0e0}@media (max-width: 480px){.modal-content{width:95%;padding:15px}.modal-content h2{font-size:1.3rem}.modal-content .modal-actions{flex-direction:column}.modal-content .modal-actions button{width:100%}}.start-btn-container{width:98vw;height:calc(100vh - 3.5rem);display:flex;justify-content:center;align-items:center;overflow:hidden}.start-btn{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-weight:600;padding:15px 40px;border:none;outline:none;color:#fff;cursor:pointer;position:relative;z-index:0;border-radius:12px}.start-btn:after{content:"";z-index:-1;position:absolute;width:100%;height:100%;background-color:#000;left:0;top:0;border-radius:10px}.start-btn:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(15px);animation:glowing 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px;opacity:1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.start-btn:hover:after{background:transparent}.start-btn:active{font-weight:700}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:100vh;z-index:-1;flex-direction:column}.auth-modal .background-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.auth-modal .background-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.auth-modal .card{width:320px;min-height:450px;height:auto;perspective:1000px}.auth-modal .card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.auth-modal .card.flipped .card-inner{transform:rotateY(180deg)}.auth-modal .card-front,.auth-modal .card-back{position:absolute;width:100%;min-height:450px;height:auto;backface-visibility:hidden;background-color:#fff;border-radius:40px 20px;padding:30px;-webkit-box-shadow:0px 0px 20px 5px #000000;box-shadow:0 0 20px 5px #000}.auth-modal .card-back{transform:rotateY(180deg)}.auth-modal .card-forgot .form-buttons{display:flex;justify-content:space-between;margin-top:10px}.auth-modal .card-forgot .form-buttons .submit-btn{margin-bottom:0}.auth-modal .card-forgot .form-buttons .cancel-btn{background-color:#dc3545;color:#fff;padding:12px;border:none;transition:background-color .3s,transform .1s;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer}.auth-modal .card-forgot .form-buttons .cancel-btn:hover{background-color:#c82333}.auth-modal .card-forgot .form-buttons .cancel-btn:active{transform:scale(.98)}.auth-modal h2{color:#333;font-size:24px}.auth-modal .title-inscription{margin-bottom:5px}.auth-modal .message-inscription{font-weight:200;color:gray;font-size:.8rem}.auth-modal form{margin-top:25px;display:flex;flex-direction:column;gap:20px}.auth-modal .input-container{display:flex;align-items:center;background-color:#fff;border-radius:10px;padding:10px 15px;box-shadow:0 0 5px #0000001a;transition:box-shadow .3s ease}.auth-modal .input-container:focus-within{box-shadow:0 4px 8px #00000026}.auth-modal .input-container svg{color:#000}.auth-modal .input-container .separator{color:#ccc;font-weight:300;margin:0 10px}.auth-modal .input-container input{flex-grow:1;border:none;background:none;outline:none;padding:5px 0;font-size:16px}.auth-modal .input-container input::placeholder{color:#999}.auth-modal .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-modal .submit-btn{padding:12px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .1s;font-size:16px;font-weight:700;margin-bottom:1.5rem}.auth-modal .submit-btn:hover{background-color:#2c3e50}.auth-modal .submit-btn:active{transform:scale(.98)}.auth-modal .submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-modal .policy-message{font-size:.75rem;color:gray;text-align:center;line-height:1.2;width:90%;margin:auto}.auth-modal .policy-message a{color:#000;text-decoration:underline}.auth-modal .policy-message a:hover{color:#0056b3}.auth-modal .link-paragraph{font-size:small;font-weight:200;color:gray}.auth-modal .forgot-pwd{margin:-2rem 0 1.5rem}.auth-modal .link{background:none;border:none;color:#000;text-decoration:underline;cursor:pointer;font-size:14px}.auth-modal .link:hover{color:#0056b3}.auth-modal .favospace-button-container{text-align:center;margin-bottom:1rem}.auth-modal .favospace-button{display:inline-block;padding:1rem 4rem;font-size:1rem;font-weight:600;color:#fff;background-color:#2e2e2e;border:2px solid #ffffff;border-radius:50px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}.auth-modal .favospace-button:hover{background-color:#fff;color:#2e2e2e;border-color:#fff}.auth-modal .divider{text-align:center;margin:1rem 0;display:flex;align-items:center;color:#777;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.auth-modal .divider:before,.auth-modal .divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(204,204,204,.2),rgba(204,204,204,.8) 50%,rgba(204,204,204,.2))}.auth-modal .divider:before{margin-right:1rem}.auth-modal .divider:after{margin-left:1rem}.auth-modal .Oauth-container{display:flex;justify-content:center}.error-message{color:#f44;font-size:.75rem}.footer-container{width:100%;height:4rem;position:absolute;bottom:-4rem;background-color:#1a1a1a;box-shadow:inset 0 8px 10px -10px #00000080;display:flex;justify-content:center;align-items:center;z-index:-1}.footer-container ul{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;margin:0;list-style:none}.footer-container ul a,.footer-container ul p{color:#6c757d;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-container ul .footer-link:hover{color:#4a9eff}@media screen and (max-width: 576px){.footer-container{height:3rem}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-container .loading-text{margin-top:2rem;color:#fff;font-size:1.2rem;animation:pulse 2s infinite}.solar-system{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.planet{width:60px;height:60px;background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;box-shadow:0 0 20px #3498db66;position:relative}.planet:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;border:3px solid rgba(255,255,255,.2);left:-6px;top:-6px}.orbit{position:absolute;width:160px;height:160px;border:2px solid rgba(255,255,255,.1);border-radius:50%;animation:rotate 4s linear infinite}.star{position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff}.star.star-1{top:0;transform:translate(-50%)}.star.star-2{bottom:50%;right:0;transform:translateY(50%)}.star.star-3{bottom:0;left:50%;transform:translate(-50%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.not-found-container{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#e0e0e0;background-image:url(/assets/404-e9f8e607.png);background-size:cover;background-position:center;background-repeat:no-repeat}.not-found-content{margin-top:25vh;padding:2rem;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.not-found-content h1{font-size:6rem;margin:0;font-weight:700;text-shadow:0 0 20px rgba(255,255,255,.5)}.not-found-content .lost-text{font-size:1.5rem;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.not-found-content .back-text{margin-top:2rem}.not-found-content .back-text a{color:#e0e0e0;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transition:all .2s ease}.not-found-content .back-text a:hover{background-color:#ffffff1a;border-color:#ffffff80}.legal-container{width:75%;height:80vh;margin:2rem auto;background-color:#0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 0 32px #0000005e;padding:2rem;overflow:hidden;color:#e0e0e0}.legal-content{height:100%;overflow-y:auto;padding-right:2rem;margin-right:-2rem}.legal-content::-webkit-scrollbar{width:10px}.legal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.legal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}.legal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.legal-content h1{text-align:center;margin-bottom:2rem;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.legal-content h2{font-size:1.8rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.legal-content section{margin:3rem 0}.legal-content section:first-of-type{margin-top:0}.legal-content section p{margin:1rem 0;line-height:1.6;color:#ffffffe6}@-moz-document url-prefix(){.legal-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}}.legal-nav{margin:2rem 0;padding:1rem;text-align:center}.legal-nav a{color:#e0e0e0;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;background-color:#ffffff1a;transition:all .2s ease}.legal-nav a:hover{background-color:#fff3}.back-link{margin-top:3rem;margin-bottom:1rem;text-align:center}.back-link a{color:#e0e0e0;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transition:all .2s ease}.back-link a:hover{background-color:#ffffff1a;border-color:#ffffff80}@media screen and (max-width: 767px){.legal-container{width:90%;height:70vh;padding:1rem;margin:1rem auto}.legal-content{padding-right:1rem;margin-right:-1rem}.legal-content h1{font-size:1.8rem}.legal-content h2{font-size:1.5rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}label,button{cursor:pointer}input,button{outline:0}:root{--interactive-bg: rgb(0, 150, 220);--interactive-border: rgba(0, 140, 210, .4);--interactive-shadow: rgba(0, 140, 210, .25);--interactive-bg-hover: rgba(0, 150, 220, .35);--interactive-border-hover: rgba(0, 150, 220, .5);--interactive-shadow-hover: rgba(0, 150, 220, .35);--interactive-shadow-active: rgba(0, 140, 210, .2);--interactive-icon: rgb(0, 150, 220)}html,body{overscroll-behavior:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/earth2-92078b7b.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
