*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#333}h1,h2,h3,h4,h5,h6{color:#222;font-weight:600;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{line-height:1.6;margin-bottom:1rem;font-size:1rem}a{color:#07c;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:2rem}button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background-color:#07c;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#005fa3}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:#07c;box-shadow:0 0 0 2px #07c3}.card{background-color:#fff;border:1px solid #eee;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.divider-horizontal{width:100%;height:1px;background:linear-gradient(to right,transparent,#ccc,transparent);margin:.7rem 0;border:none}.divider-vertical{width:1px;height:100%;background:linear-gradient(to bottom,transparent,#ccc,transparent);margin:0 .7rem;align-self:stretch}.alert{padding:.6rem;margin-bottom:10px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px}.login-form-div{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;justify-content:center}.login-form-div .title{text-align:center;margin-bottom:20px}.login-form-div .description-div{display:block;width:100%;text-align:center;margin-bottom:15px}.login-form-div .actions{align-items:center;display:flex;flex-direction:column;padding-top:10px}.login-form-div .button{width:80%}.login-form-div .remember-me{width:100%;display:flex}.login-form-div .remember-me a{margin-left:auto;margin-right:3px;cursor:pointer}.login-form-div .remember-me label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#555;margin-bottom:10px;margin-left:2px;-webkit-user-select:none;user-select:none}.login-form-div .password-input{margin-bottom:7px!important}.login-form-div .actions a{margin-top:10px;cursor:pointer}.dialog-content{display:flex;flex-direction:column;align-items:center;width:100%}.dialog-content img{max-width:200px}.dialog-content input{max-width:150px;text-align:center;margin-top:10px}.dialog-content button{max-width:200px}.dialog-content .alert{margin-top:10px;margin-bottom:0}.dialog-content .email-icon-container{position:relative;width:80px;height:80px;margin-bottom:10px}.dialog-content .email-icon-container .email-icon{width:100%;height:100%;color:#2563eb}.dialog-content .email-icon-container .check-icon{position:absolute;bottom:0;right:0;width:24px;height:24px;color:#22c55e;background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff}.dialog-content .input-email{text-align:left;max-width:100%!important}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-container{display:flex;flex-direction:column;background:#fff;border-radius:10px;width:90%;max-width:600px;max-height:90%;box-shadow:0 10px 25px #0003;padding:1.5rem;animation:fadeIn .2s ease-in-out;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dialog-body{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog-container.fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.dialog-header h2{margin:0 0 1rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-close-button{all:unset;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:box-shadow .2s ease;color:#666}.dialog-close-button:hover{background-color:unset;box-shadow:0 0 10px #0003}.dialog-close-button svg{width:20px;height:20px}@media (max-width: 450px){.dialog-container{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important}}.loading-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.loading-text{font-family:Cascadia Mono,sans-serif;font-size:2rem;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.3;transform:scale(1)}}.home-div{display:flex;flex-direction:column;width:100%;flex-grow:1}.experiences-div{display:flex;flex-direction:column;width:100%;height:100%;flex-grow:1;margin-top:20px;padding:10px}.experiences-div .loading-div{display:flex;width:100%;height:100%}.experiences-div .exps-div{width:100%;height:100%}.filter{align-items:center;justify-content:center;display:flex;flex-direction:column;width:100%}.filter select{width:90%}.loading-div{display:flex;width:100%;align-items:center;justify-content:center;font-size:30px;animation:slow-rotation 8s linear infinite}.empty-exps{display:block;width:100%;text-align:center;font-weight:700}@keyframes slow-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-card{border:1px solid #e0e0e0;padding:1rem;border-radius:10px;background-color:#fafafa;margin-bottom:1rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start}.experience-controls{display:flex;align-items:center;gap:.5rem}.privacy-info{font-size:.85rem;color:#666;font-weight:500}.edit-button{background:none;border:none;cursor:pointer;color:#444;font-size:1.1rem}.edit-button:hover{color:#000}.experience-content h4{margin:0 0 .5rem}.experience-content p{margin:0 0 1rem}.experience-meta small{display:block;font-size:.85rem;color:#555}.editexp-dialog-content{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.editexp-dialog-content input,.editexp-dialog-content textarea{width:90%}.editexp-dialog-content .buttons{display:flex;width:100%;justify-content:center;flex-direction:row}.editexp-dialog-content .delete-description{height:80px;font-weight:700;margin-top:20px}.main-div{display:flex;flex-direction:column;min-height:100vh;padding-top:60px;background-color:#70b6e5}.header-div{position:fixed;top:0;left:0;height:60px;width:100%;background-color:#2979af;color:#333;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.page-div{width:100%;min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center}.footer-div{height:50px;width:100%;display:flex;align-items:center;justify-content:center;background-color:#2979af;color:#143c57;font-size:14px;padding:10px;font-weight:700}.footer-div .left{margin-right:auto}.footer-div .right{margin-left:auto}@media (max-width: 430px){.footer-div{flex-direction:column;text-align:center;font-size:12px}.footer-div .left{margin-right:0}.footer-div .right{margin-left:0}}@media (max-width: 450px){.main-div{padding-top:0}.page-div{min-height:calc(100vh - 100px)}.header-div{display:none}}.topbar-title{font-weight:700;font-size:1.2rem;color:#333;cursor:pointer}.topbar-buttons{display:flex;gap:.5rem}.topbar-btn{background-color:#fff;border:none;border-radius:6px;padding:.4rem .6rem;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;color:#333;text-decoration:none;transition:background-color .2s}.topbar-btn:hover{background-color:#eee}.topbar-btn.active{background-color:#007bff;color:#fff}.bottombar-div{height:50px;width:100%;display:flex;align-items:center;justify-content:center;background-color:#2979af;color:#143c57;font-size:14px;padding:10px;font-weight:700;display:none;position:fixed;bottom:0}.bottombar-buttons{display:flex;gap:.5rem}.bottombar-btn{background-color:#fff;border:none;border-radius:6px;padding:.4rem .6rem;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;color:#333;text-decoration:none;transition:background-color .2s}.bottombar-btn:hover{background-color:#eee}.bottombar-btn.active{background-color:#007bff;color:#fff}@media (max-width: 450px){.bottombar-div{display:flex}}.container{width:80%;max-width:960px;margin:0 auto;padding:20px}.container .logo{display:flex;font-size:100px;font-family:Cascadia Mono,sans-serif;width:100%;justify-content:center;margin-bottom:20px}.hero{text-align:center;padding:50px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{font-size:2.5em;margin-bottom:20px;color:#2c3e50}p{font-size:1.2em;line-height:1.6;margin-bottom:30px;color:#777}.buttons{display:flex;justify-content:center;gap:20px}button{padding:12px 24px;font-size:1em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}#join-button{background-color:#3498db;color:#fff}#login-button{background-color:#fff;color:#3498db;border:1px solid #3498db}button:hover{opacity:.8}@media (max-width: 768px){.container{width:95%}h1{font-size:2em}.buttons{flex-direction:column;align-items:center}}@media (max-width: 600px){.container .logo{font-size:70px}}@media (max-width: 450px){.container{width:100%;max-width:960px;margin:0 auto;padding:10px}.container .logo{font-size:50px}}.auth-div{display:flex;flex-grow:1;flex-direction:column;align-items:center;height:100%;justify-content:center}.auth-div .form-div{display:flex;flex-direction:column;max-width:500px;border-radius:10px;background-color:#fff;padding:10px}.auth-div .logo{display:flex;font-size:100px;font-family:Cascadia Mono,sans-serif;width:100%;justify-content:center;margin-bottom:20px}@media (max-width: 600px){.auth-div .logo{font-size:70px}}@media (max-width: 450px){.auth-div .form-div{margin-inline:10px}.auth-div .logo{font-size:50px}}.signup-form-div{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;justify-content:center}.title{text-align:center;margin-bottom:20px}.signup-form-div .description-div{display:block;width:100%;text-align:center;margin-bottom:15px}.signup-form-div input{margin-bottom:10px}.signup-form-div .actions{align-items:center;display:flex;flex-direction:column;padding-top:10px}.signup-form-div .button{width:80%}.signup-form-div .actions a{cursor:pointer}.reset-password-form-div{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;justify-content:center}.reset-password-form-div .title{text-align:center;margin-bottom:20px}.reset-password-form-div .description-div{display:block;width:100%;text-align:center;margin-bottom:15px}.reset-password-form-div input{margin-bottom:10px}.reset-password-form-div .actions{align-items:center;display:flex;flex-direction:column;padding-top:10px}.reset-password-form-div .button{width:80%}.verify-email-form-div{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;justify-content:center}.verify-email-form-div .title{text-align:center;margin-bottom:20px}.verify-email-form-div .verify-email-message{display:block;width:100%;text-align:center}.verify-email-form-div .verify-email-message .email-icon-container{position:relative;width:80px;height:80px;margin-bottom:10px;margin-inline:auto}.verify-email-form-div .verify-email-message .email-icon-container .email-icon{width:100%;height:100%;color:#2563eb}.verify-email-form-div .verify-email-message .email-icon-container .check-icon{animation:spin 1s linear infinite;position:absolute;bottom:0;right:0;width:24px;height:24px;color:#22c55e;background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff}.verify-email-form-div .verify-email-message .email-icon-container .check-icon-static{position:absolute;bottom:0;right:0;width:24px;height:24px;color:#22c55e;background-color:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-container{padding:40px;flex-grow:1}.profile-header{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;text-align:center}.profile-bio{font-style:italic;color:#555;margin-top:.25rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.3rem;color:#444}.icon-button:hover{color:#000}.profile-actions{margin:2rem 0;display:flex;justify-content:center}.spinner{display:flex;justify-content:center;align-items:center;height:60vh}.spinner div{width:48px;height:48px;border:5px solid #ccc;border-top:5px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-dialog-content{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.create-dialog-content input,.create-dialog-content textarea{width:90%}.create-dialog-content .buttons{display:flex;width:100%;justify-content:center;flex-direction:row}.create-dialog-content .delete-description{height:80px;font-weight:700;margin-top:20px}.settings-container{display:flex;flex-direction:row;min-height:100%;flex-grow:1}.settings-menu{width:240px;padding:1rem;border-right:1px solid #ddd;display:flex;flex-direction:column}.settings-content{flex:1}@media (max-width: 768px){.settings-container{flex-direction:column}.settings-menu{width:100%;border-right:none;border-bottom:1px solid #ddd}.settings-link{padding:1rem;text-align:left;font-size:1rem}}.settings-backbar{width:100%;padding:1rem;border-bottom:1px solid #eee;background-color:#f9f9f9}.settings-backbar button{font-size:1rem;background:none;border:none;color:#007bff;cursor:pointer}.backbar{width:100%;padding:10px;border-bottom:1px solid #eee}.backbar button{font-size:1rem;background:none;border:none;color:#007bff;cursor:pointer}.profile-settings-form{display:flex;flex-direction:column;gap:1rem}.profile-settings-form label{display:flex;flex-direction:column;font-weight:500;font-size:.95rem}.profile-settings-form input,.profile-settings-form textarea{margin-top:.4rem;padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;resize:vertical}.profile-settings-form button{align-self:flex-end;padding:.6rem 1.2rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.profile-settings-form button:hover{background-color:#005fcc}.profile-menu{width:100%;padding:1rem;border-bottom:1px solid #ddd;display:flex;flex-direction:column}.settings-link{padding:.75rem 1rem;margin-bottom:.5rem;text-decoration:none;color:#333;border-radius:6px;font-size:.95rem}.settings-link:hover{background-color:#f0f0f0}.settings-link.active{background-color:#007bff;color:#fff}.profile-backbar{width:100%;padding:1rem;border-bottom:1px solid #eee;background-color:#f9f9f9}.session-list{list-style:none;padding:0}.session-item{border:1px solid #ccc;border-radius:8px;padding:1rem;margin-bottom:1rem}.current-session{border-color:#4caf50;background-color:#e8f5e9}.current-label{font-weight:700;color:#4caf50}.delete-session-btn{margin-top:.5rem;background:#ff5252;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.delete-session-btn:hover{background:#e53935}.alert{background-color:#ffebee;color:#c62828;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.actions{margin-top:1rem}.button{background-color:#1976d2;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer}.button:disabled{background-color:#90caf9;cursor:not-allowed}.profile-settings-form{padding:2rem;max-width:600px;margin:0 auto}.security-section{background:#f5f5f5;padding:1.5rem;border-radius:8px;margin-top:1rem}.otp-status{margin-top:1rem}.otp-status.active{color:#2e7d32}.otp-status.inactive{color:#d32f2f}.button{padding:.6rem 1.2rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;margin-top:1rem;cursor:pointer}.button:hover{background-color:#1565c0}.button.danger{background-color:#c62828}.button.danger:hover{background-color:#b71c1c}.otp-qr{display:block;margin:1rem auto;width:140px}.otp-secret{text-align:center;font-size:1.1rem;margin-bottom:1rem}.alert{background:#ffebee;color:#c62828;padding:.6rem;border-radius:4px;margin:1rem 0}