body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#051d40;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:10px 10px 0;position:fixed;top:0;width:100%;z-index:1000}.header .right{align-items:center;display:flex;justify-content:flex-end;margin:0;position:absolute;right:0}.header li{display:inline;margin-right:10px}.header button{background-color:#051d40;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;height:30px;max-height:100%;padding:0;transition:background-color .3s}.title{color:#fff;font-family:Lato,sans-serif;font-size:1.4rem;margin-left:10px}.header-logo{height:fit-content;padding-top:8px;width:132px}.navbar{background-color:#051d40;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:10px;position:fixed;top:40px;width:100%;z-index:1000}.navbar ul{display:flex;list-style-type:none;margin:0;padding:0}.navbar li{display:inline;margin-right:10px}.navbar button{background-color:#051d40;border:1px solid gray;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;max-height:100%;padding:10px 20px;transition:background-color .3s}.navbar button:hover{background-color:#0056b3}.navbar .right{align-items:center;display:flex;justify-content:flex-end;position:absolute;right:0}.navbar span{color:#fff;text-align:right}.welcome-text{display:block;margin-bottom:2px}.user-name{display:block;font-weight:700}.navbar .dropdown{position:relative}.navbar .dropdown-toggle .user-name{color:#fff;font-weight:700}.navbar .dropdown-menu{background-color:#051d40;border:1px solid gray;border-radius:4px;box-shadow:0 4px 6px #0000001a;position:absolute;right:0;top:45px;z-index:1000}.navbar .dropdown-menu li{display:block;margin:0}.navbar .dropdown-menu button{background-color:#051d40;border:1px solid gray;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;max-height:100%;padding:10px 20px;transition:background-color .3s}.navbar .dropdown-menu button:hover{background-color:#0056b3}.navbar .dropdown.open .dropdown-menu{display:block}.footer{background-color:#051d40;bottom:0;box-sizing:border-box;height:30px;padding:2px;position:fixed;text-align:center;width:100%;z-index:10000}.footer-content{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-size:12px;margin-left:10px}.footer-menu{display:flex;gap:15px;list-style:none;margin-top:4px;padding:0}.footer-menu li{display:inline}.footer-menu a{color:#fff;text-decoration:none}.footer-menu a:hover{text-decoration:underline}.milestone-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:10px 0;transition:transform .2s ease,box-shadow .2s ease}.milestone-image{border-radius:5px}.milestone-card:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-5px)}.milestone-card.expanded{border-color:#007bff}.milestone-card.milestone-preview{margin-bottom:20px;margin-top:20px}.milestone-marker{border:3px solid #fff;border-radius:50%;height:20px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:20px}.milestone-tag{color:#555;display:block;font-size:.8rem;margin-bottom:10px;text-align:center}.date{color:#999;font-size:.9rem;margin-bottom:10px;margin-top:-10px}.close-button{background-color:initial;border:none;color:#333;cursor:pointer;font-size:1.5rem;padding:6px;transition:color .3s ease}.close-button:hover{background-color:initial;border:1px solid #007bff;color:#007bff}.timeline-expand-button{background-color:initial;border:1px solid;border-radius:5px;cursor:pointer;font-size:.8rem;left:10px;padding:4px 6px;position:absolute;top:10px;transition:color .3s ease;width:fit-content}.timeline-expand-button:hover{color:#fff}.delete-button{background-color:initial;border:none;cursor:pointer;font-size:1.2rem;margin-right:4px;margin-top:12px;padding:0;position:absolute;right:10px}.delete-button .delete-icon{color:#d9534f}.delete-button:hover .delete-icon{border:1px solid #c9302c}.confirmation-dialog{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:20px;padding:20px;text-align:center}.confirmation-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.confirmation-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s}.confirmation-button:hover{background-color:#0056b3}.confirmation-button:focus{box-shadow:0 0 3px #0056b3;outline:none}.milestone-card .expanded-content{animation:fadeIn .8s ease-in-out forwards;opacity:0}.milestone-card.timelineSummary{border:4px solid #efcc10}.goals-btn{background-color:#fff;border:1px solid #007bff;border-radius:20px;color:#007bff;cursor:pointer;font-size:.9rem;padding:5px 15px;position:relative;top:18px;transition:background-color .3s}.goals-btn:hover{background-color:#0056b3;color:#fff}.goals-btn:focus{box-shadow:0 0 3px #0056b3;outline:none}.successes-btn{background-color:#fff;border:1px solid #28a745;border-radius:20px;color:#28a745;cursor:pointer;font-size:.9rem;padding:5px 15px;position:relative;top:40px;transition:background-color .3s}.successes-btn:hover{background-color:#0056b3;color:#fff}.successes-btn:focus{box-shadow:0 0 3px #0056b3;outline:none}.challenges-btn{background-color:#fff;border:1px solid #e74c3c;border-radius:20px;color:#e74c3c;cursor:pointer;font-size:.9rem;padding:5px 15px;transition:background-color .3s}.challenges-btn:hover{background-color:#0056b3;color:#fff}.challenges-btn:focus{box-shadow:0 0 3px #0056b3;outline:none}.goals-list{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:10px}.goal-item{border:1px solid #ddd;border-radius:5px;margin-bottom:5px;padding:10px;transition:background-color .2s}.goal-item:hover{background-color:#f0f0f0}.goal-details{background-color:#f9f9f9;border:1px solid #007bff;border-radius:5px;margin-top:15px;padding:15px}.goal-details h4{margin-bottom:10px}.goal-details p{color:#555;font-size:.95rem}.back-btn{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.back-btn:hover{background-color:#007bff;color:#fff}.goals-button{align-items:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:absolute;top:16%}.goals-button.left{align-items:flex-end;left:0;transform:translate(-90%,-50%)}.goals-button.right{align-items:flex-start;right:0;transform:translate(90%,-50%)}.create-goal-button-container{display:flex;justify-content:flex-start;margin-top:10px}.create-goal-button{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:14px;margin-right:6px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.create-goal-button:hover{background-color:#007bff;color:#fff}.create-goal-button:focus{outline:none}.create-success-button{background-color:#fff;border:1px solid #28a745;border-radius:5px;color:#28a745;cursor:pointer;font-size:14px;margin-right:6px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.create-success-button:hover{background-color:#28a745;color:#fff}.create-success-button:focus{outline:none}.create-challenge-button{background-color:#fff;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;cursor:pointer;font-size:14px;margin-right:6px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.create-challenge-button:hover{background-color:#e74c3c;color:#fff}.create-challenge-button:focus{outline:none}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:fadeIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;margin-top:20px;max-width:600px;padding:30px}.modal h3{margin-top:0;text-align:center}.modal label{display:block;margin:10px 0}.modal input,.modal textarea{border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:10px;width:90%}.modal textarea{height:auto;line-height:1.1;min-height:80px;overflow-y:hidden;resize:none}.modal-close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin-top:10px;padding:10px;transition:background-color .3s ease;width:100%}.modal-save-buttons{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:14px;margin:10px 2px;padding:8px 12px;transition:background-color .3s}.modal-save-buttons:hover{background-color:#007bff;color:#fff}.modal-save-buttons:focus{outline:none}.modal-submit-button:hover{background-color:#0056b3}.goals-list{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.goals-list.visible{max-height:500px;opacity:1}.goals-list ul{list-style-type:none;margin:0;padding:0}.goal-item{cursor:pointer;padding:8px;transition:background-color .3s ease}.goal-item:hover{background-color:#f1f1f1}.input-container{position:relative}.input-error{border:1px solid red}.error-tooltip{background-color:#fdd;border-radius:4px;box-shadow:0 2px 4px #0003;color:#d9534f;font-size:.9rem;left:0;padding:5px 10px;position:absolute;top:-25px;white-space:nowrap}.error-tooltip:after{border:5px solid #0000;border-top-color:#fdd;bottom:-5px;content:"";left:10px;position:absolute}.goal-item{align-items:center;display:flex;justify-content:space-between;padding:5px 10px}.delete-goal-button{background:none;border:none;color:red;cursor:pointer;font-size:16px}.delete-goal-button:hover{color:darkred}.verification-badge{border-radius:50%;box-shadow:0 2px 4px #0003;font-size:14px;font-weight:700;height:20px;left:8px;padding:4px;top:8px;width:20px;z-index:10}.tooltip,.verification-badge{background-color:#fff;border:1px solid #007bff;color:#007bff;position:absolute}.tooltip{border-radius:4px;bottom:110%;left:50%;opacity:0;padding:5px;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.verification-badge-container:hover .tooltip{opacity:1;visibility:visible}@media (max-width:768px){.milestone-card.expanded{box-sizing:border-box;max-width:100%}}.milestone-image-container{display:inline-block;position:relative}.milestone-image{border-radius:8px;max-height:200px;object-fit:cover;width:100%}.edit-image-button{align-items:center;background:#0009;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:10px;width:32px}.edit-image-button:hover{background:#000c}.top-right-button-container{display:flex;position:absolute;right:10px;top:10px;z-index:2000}.hidden{display:none}.upload-image-button{text-align:center}.image-recognition-wrapper{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:800px;width:100%}.image-recognition{width:100%}.image-recognition,.image-upload-section{align-items:center;display:flex;flex-direction:column}.container,.image-upload-section{justify-content:center;margin-bottom:20px}.container{align-items:center;background-color:#f3f4f6;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;margin-top:20px;max-width:400px;padding:20px}.image-analysis-content{align-items:center;display:flex;flex-direction:column;text-align:center}.image-recognition-image{border-radius:8px;max-height:400px;max-width:100%}.image-recognition-title{font-style:italic;margin-bottom:0;margin-top:20px;max-width:400px}.image-recognition-description{font-style:italic;margin-top:10px;max-width:400px}.image-centered-layout{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin:auto;max-width:900px;text-align:center}.image-top img{border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;max-width:500px;width:100%}.image-content-grid{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;width:100%}.image-questions-form,.image-recognition-card{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;padding:20px}.restart-btn{background:#fff;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;cursor:pointer;font-size:12px;height:fit-content;padding:8px 12px}.restart-btn:hover{background-color:#e74c3c;color:#fff}.image-questions-form{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:16px;max-width:600px;padding:20px}.image-questions-box{width:400px}.image-questions-question-block{display:flex;flex-direction:column;gap:8px}.image-questions-label{color:#333;font-size:16px;font-weight:700;text-align:left}.image-questions-answer-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:20px;outline:none;padding:10px;transition:border-color .3s ease-in-out}.image-questions-answer-input:focus{border-color:#0078d4}.image-questions-submit-btn{background-color:#fff;border:1px solid #0078d4;border-radius:5px;color:#0078d4;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease-in-out;width:140px}.image-questions-submit-btn:hover{background-color:#0078d4}.submit-button-container{align-items:flex-end;display:flex;gap:10px;justify-content:flex-end;padding:10px 20px}.image-upload-container{display:flex;justify-content:center;margin-bottom:20px}.image-upload-button:hover{background-color:#0078d4}.image-upload-button:disabled{background-color:#9ca3af;cursor:not-allowed}.create-milestone-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-milestone-popup{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;margin:10px auto;max-height:calc(100vh - 200px);max-width:1000px;min-width:600px;overflow-y:auto;padding:20px;position:relative;transition:all .3s ease}.input-group{margin-bottom:10px}.input-group label{color:#555;font-weight:700;margin-bottom:8px}.input-group input,.input-group textarea{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-top:6px;padding:12px;transition:border-color .3s ease;width:100%}.input-group textarea{box-sizing:border-box;height:120px;resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:#007bff}.milestone-details{margin-bottom:20px}.milestone-details h3{color:#333;font-size:1.5rem;margin:0 0 10px}.milestone-details p{color:#555;font-size:1rem;margin:5px 0}.milestone-details strong{color:#171717}.response button{background-color:gray;color:#fff}.response button:hover{background-color:#218838}.response pre{background-color:#282c34;border-radius:8px;color:#f9f9f9;font-family:Courier New,Courier,monospace;font-size:1rem;margin-top:20px;padding:12px}.creation-method{display:flex;justify-content:center;margin-bottom:20px}.creation-method button{background-color:#fff;border:1px solid #0078d4;border-radius:4px;color:#0078d4;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 20px;transition:all .3s ease}.creation-method button.active{background-color:#0078d4;color:#fff}.creation-method button:hover:not(.active){background-color:#051d40;color:#fff}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:1rem;margin-top:6px;padding:12px 20px;transition:border-color .3s ease;width:fit-content}.custom-select:focus{border-color:#007bff;outline:none}.custom-select option{background-color:#fff;color:#555;font-size:1rem}.custom-select:hover{border-color:#0078d4}.custom-select:focus{background-color:#f5f5f5}.popup-success{background-color:initial;color:green;font-size:12em;left:50%;padding:10px;position:absolute;top:40%;transform:translateX(-50%)}.popup-success img{height:50px;width:50px}.input-method-box{align-items:center;display:flex;gap:20px;justify-content:center}.create-milestone-title,.record-button{text-align:center}.input-memory-description{height:auto;line-height:1.1;min-height:160px;overflow-y:hidden;resize:none}.choice-label{text-align:center}.image-recognition-container{align-items:center;display:flex;flex-direction:column;gap:20px}.image-upload-wrapper{display:flex;justify-content:center;width:100%}.image-recognition-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:800px;width:100%}.image-recognition-description-choice{color:#333;font-size:18px;font-weight:700;text-align:center}.create-milestone-description-choice{text-align:center}.keyboard-box-container{margin-bottom:20px}.create-milestone-last-step{align-items:center;display:flex;flex-direction:column;gap:10px}.create-milestone-preview-title{margin:0}.intro-pages{overflow:hidden}.intro-page,.intro-pages{height:100%;position:absolute;width:100vw}.intro-page{align-items:center;display:flex;justify-content:center;transition:transform 1s ease-in-out}.intro-page .intro-page-content{color:#fff;max-width:622px;position:relative;text-align:center}.intro-page-description{font-size:1.4rem;margin:0}.intro-page-description.d1{margin-top:40px}.intro-page-description.d2{margin-top:10px}.intro-page-call-to-action{font-size:2rem;font-weight:700;margin-top:40px}.intro-image-1{position:absolute;right:-240px;top:-120px;width:12rem;z-index:-1}.intro-image-2,.intro-image-3{position:relative;transform:translateY(-20px);width:10rem;z-index:-1}#intro-page1{background-color:#4a90e2}#intro-page2{background-color:#207ce2}#intro-page3{background-color:#f5a623}.intro-page{transform:translateY(100%)}.intro-page.active{transform:translateY(0)}.arrow-container{bottom:60px;left:50%;position:absolute;transform:translateX(-50%)}.bouncing-arrow{animation:bounce 1.5s infinite;color:#fff;font-size:2.8rem}.dashboard-container{background-color:#f4f6f9;display:flex;height:100vh}.sidebar{align-items:center;background-color:#fff;border-right:1px solid #ddd;color:#333;display:flex;flex-direction:column;padding:20px;width:250px}.profile-photo{background-color:#ccc;background-position:50%;background-size:cover;border-radius:50%;height:100px;width:100px}.sidebar h2{color:#333;font-size:18px;font-weight:600}.sidebar p{color:#282c34;font-size:14px;margin-top:10px;text-align:center}.main-content{flex:1 1;overflow-y:auto;padding:20px}.other-components-row,.timelines-row{display:flex;gap:20px;justify-content:space-between}.other-components-row{margin-top:20px}.section-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;display:block;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .3s ease,box-shadow .3s ease;width:33.33333%}.section-card:hover{box-shadow:0 4px 8px #0003;cursor:pointer;transform:scale(1.01)}.personal-timeline-box{box-sizing:border-box;width:66.66667%}.shared-timelines-box{box-sizing:border-box;width:33.33333%}.section-card h3{color:#333;font-size:1.4rem;font-weight:600}.section-card p{color:#555;font-size:14px;margin-top:10px}.stats-card{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:15px}.stats-card h4{color:#333;font-size:16px;font-weight:600}.stats-card p{color:#333;font-size:20px;font-weight:600;margin-top:5px}p.name{color:#000;font-size:larger;font-weight:700;margin-bottom:0}p.surname{margin-top:4px}.dashboardSectionTitle{margin-bottom:0}.timeline-preview{box-sizing:border-box;height:calc(100vh - 130px);margin:0 auto 40px;overflow-y:scroll;padding:20px 10% 80px;position:relative;width:100%}.timeline-container{margin:0 auto 60px;opacity:0;position:relative;transition:opacity 1s ease-in-out;width:100%}.timeline-container.fade-in{opacity:1}.timeline-line{background-color:#ccc;bottom:0;left:calc(50% - 2px);position:absolute;top:0;width:4px;z-index:1}.timeline-item{box-sizing:border-box;display:flex;justify-content:flex-start;padding:10px 20px;position:relative;width:50%;z-index:2}.timeline-item.left{justify-content:flex-end;left:0;margin-right:20px;text-align:right}.timeline-item.right{justify-content:flex-start;left:50%;text-align:left}.year-separator{align-items:center;display:flex;height:30px;justify-content:center;margin:40px 0;position:relative;width:100%}.year-separator:before{background-color:#ccc;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.year-separator span{background-color:#fff;border:1px solid #282c34;border-radius:8px;color:#282c34;font-weight:700;padding:6px;position:relative;z-index:1}.filter-container{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%}.filter-btn{background-color:#fff;border:1px solid gray;border-radius:5px;color:gray;cursor:pointer;font-size:14px;margin:16px 4px;padding:10px 20px}.filter-btn.active,.filter-btn:hover{background-color:#051d40;color:#fff}.timeline-indicator{background-color:#fff;border:3px solid #36d7b7;border-radius:50%;box-shadow:0 0 10px #36d7b7cc;height:6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);transition:top .1s ease-out;width:6px}.popup-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;height:60%;left:50%;max-width:700px;overflow-y:scroll;padding:20px;position:absolute;top:40%;transform:translate(-50%,-50%);width:80%;z-index:1001}.close-popup-btn{background-color:initial;border:none;color:#333;cursor:pointer;font-size:1.5rem;padding:6px;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-popup-btn:hover{color:#007bff}.floating-buttons-container{bottom:40px;display:flex;flex-direction:row;gap:10px;justify-content:center;position:fixed;right:20px;z-index:100}.timeline-title{margin:0}.timeline-description{margin:0 0 20px}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}to{transform:translateY(0)}}.loading-container{align-items:center;display:flex;gap:12px;justify-content:center;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:999}.bouncing-ball{animation:bounce 1.5s ease-in-out infinite;background-color:initial;border:2px solid #0078d4;border-radius:50%;height:15px;width:15px}.bouncing-ball:first-child{animation-delay:0s}.bouncing-ball:nth-child(2){animation-delay:.3s}.bouncing-ball:nth-child(3){animation-delay:.6s}@media (max-width:768px){.timeline-item{margin-bottom:80px;margin-left:0;margin-right:0;width:100%}.timeline-item.left{justify-content:flex-start;left:0}.timeline-item.right{left:0}}p.timeline-tag{border:1px solid;border-radius:5px;font-size:12px;padding:4px 6px;width:fit-content}.year-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;position:fixed;right:40px;top:50%;transform:translateY(-50%);width:120px;z-index:10}.year-sidebar span{color:gray;display:block;font-size:30px;font-weight:700}.year-sidebar .milestone-counts{display:flex;flex-direction:column;gap:8px;margin-top:10px}.year-sidebar .milestone-counts .milestone{align-items:center;display:flex;font-size:16px;gap:10px}.year-sidebar .milestone-counts .milestone span{border-radius:50%;color:#fff;display:inline-block;font-size:12px;font-weight:700;height:18px;text-align:center;width:18px}.year-sidebar .milestone-counts .personal span{background-color:#007bff;border:1px solid #007bff}.year-sidebar .milestone-counts .work span{background-color:green;border:1px solid green}.year-sidebar .milestone-counts .education span{background-color:#f8980c;border:1px solid #f8980c}.no-milestone-image-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:absolute;width:80%}.no-milestone-image{left:50%;max-width:160px;position:relative;top:20%;transform:translate(-50%,-50%);width:fit-content}.no-milestone-text{font-size:30px;margin-top:80px;position:relative;text-align:center}.floating-button-add{align-items:center;background-color:#0078d4;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:60px;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .3s ease,box-shadow .3s ease;width:60px;z-index:100}.floating-button-add:hover{box-shadow:0 6px 8px #0003;transform:scale(1.1)}.floating-button-add:active{box-shadow:0 2px 4px #0000001a;transform:scale(.9)}.floating-button-refresh{align-items:center;background-color:#fff;border:1px solid #0078d4;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#0078d4;cursor:pointer;display:flex;font-size:30px;height:60px;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .3s ease,box-shadow .3s ease;width:60px;z-index:100}.floating-button-refresh:hover{box-shadow:0 6px 8px #0003;color:#fff;transform:scale(1.1)}.floating-button-refresh:active{box-shadow:0 2px 4px #0000001a;transform:scale(.9)}p.createSummaryMilestone_list{margin:0 0 4px 20px}.popup-buttons{display:flex;gap:5px;margin-top:20px}.error-banner{background-color:#ffcccb;border:1px solid red;color:red;margin-bottom:20px;padding:10px;text-align:center}.share-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;margin:10px auto;max-height:80vh;max-width:700px;overflow-y:auto;padding:20px;transition:all .3s ease}h2{color:#333;font-family:Arial,sans-serif;margin-bottom:20px}.input-group-share-modal{margin-bottom:10px}.input-group-share-modal label{color:#555;font-weight:700;margin-bottom:8px}.input-group-share-modal input,.input-group-share-modal textarea{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-top:6px;padding:12px;transition:border-color .3s ease;width:100%}.input-group-share-modal textarea{box-sizing:border-box;height:120px;resize:vertical}.input-group-share-modal input:focus,.input-group-share-modal textarea:focus{border-color:#007bff}button{background-color:#fff;border:1px solid #0078d4;border-radius:4px;color:#0078d4;cursor:pointer;font-size:1rem;padding:12px 10px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#0056b3;color:#fff;transform:translateY(-2px)}button:disabled{background-color:#ccc;cursor:not-allowed}.response{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-top:30px;padding:20px;transition:all .3s ease}@media (max-width:768px){.create-milestone-container{padding:15px}h2{font-size:1.5rem}button{font-size:1rem;padding:10px 20px}}.share-method{display:flex;justify-content:center;margin-bottom:20px}.share-method button{background-color:#fff;border:2px solid gray;border-radius:20px;color:#55575b;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 20px;transition:all .3s ease}.share-method button.active{border-color:#0078d4}.share-method button.active,.share-method button:hover:not(.active){background-color:#051d40;color:#fff}.custom-select-wrapper{display:inline-block;position:relative;width:100%}.share-token-container{align-items:center;display:flex;margin-top:10px}.share-token-input{border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;margin-right:10px;padding:10px;width:80%}.copy-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.copy-button:hover{background-color:#45a049}.custom-timelines-container{align-items:flex-start;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;position:fixed;width:100%}.custom-timelines-container h2{color:#333;font-size:24px;margin-bottom:20px}.timelines-layout{display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;transition:all .3s ease;width:100%}.timeline-list{background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:block;left:0;margin-right:20px;padding:20px;position:absolute;width:20%}.timeline-preview-timelines{height:calc(100vh - 130px);left:20%;position:absolute;width:80%}.custom-timelines-list{display:flex;flex-direction:column;gap:10px;overflow:hidden}.timeline-list,.timeline-preview-timelines,.timelines-layout{box-sizing:border-box}.custom-timelines-list.visible{max-height:600px;opacity:1}.custom-timelines-list .custom-timeline-item{background-color:#fff;border:1px solid gray;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:10px}.custom-timelines-list .custom-timeline-item:hover{border:1px solid #0078d4}.custom-timelines-list .custom-timeline-item h3{color:#333;font-size:18px;margin:0}.custom-timelines-list .custom-timeline-item p{color:#555;margin:5px 0}.custom-timeline-details{background-color:#fff;border:2px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.custom-timeline-details h3{color:#333;font-size:20px;margin-bottom:15px}.custom-timeline-details p{color:#555;font-size:16px;margin:8px 0}.custom-refresh-button{background-color:initial;border:none;border-radius:20px;color:#0078d4;cursor:pointer;display:inline-block;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.custom-refresh-button:hover{background-color:initial;border:1px solid #0078d4;color:#0078d4}.custom-add-button{background-color:#fff;border:1px solid #0078d4;border-radius:5px;color:#0078d4;cursor:pointer;display:inline-block;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.custom-add-button:hover{background-color:#005fa3;color:#fff}.custom-error,.custom-loading{color:red;font-size:16px;font-weight:700}.custom-loading{color:#0078d4}.create-timeline-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-timeline-popup{background:#fff;border-radius:5px;padding:20px;width:400px}.create-timeline-popup h3{margin-bottom:15px}.create-timeline-popup label{display:block;margin-bottom:5px}.create-timeline-popup input,.create-timeline-popup textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%}.create-timeline-popup button{background-color:#fff;border:1px solid #0078d4;border-radius:5px;color:#0078d4;cursor:pointer;padding:10px 20px}.create-timeline-popup button:hover{background-color:#0056b3;color:#fff}.timeline-list.hidden{display:none}.timeline-list.visible{display:block}.timeline-menu-button{background-color:#fff;border:1px solid #0078d4;border-radius:5px;color:#0078d4;cursor:pointer;display:none;padding:10px}.timeline-menu-button:hover{background-color:#005fa3}@media (max-width:768px){.timeline-list{background-color:#fff;box-shadow:2px 0 5px #0003;display:none;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:250px;z-index:1000}.timelines-layout{flex-direction:column}.timeline-preview-timelines{left:0;width:100%}.timeline-menu-button{display:block;margin:10px 0}.timeline-menu-button-container.hidden{display:none}.timeline-menu-button-container.visible{display:block;padding-left:10px}.timeline-list.hidden{display:none}.timeline-list.visible{display:block;position:absolute;transform:translateX(0)}}.share-button{background-color:#fff;border:1px solid #4caf50;border-radius:5px;color:#555;cursor:pointer;font-size:.8rem;margin-top:5px;padding:8px 12px}.share-button:hover{background-color:#45a049}.create-summary-button{background-color:#fff;border:1px solid #efcc10;border-radius:5px;color:#555;cursor:pointer;font-size:.8rem;margin-top:5px;padding:8px 12px}.create-summary-button:hover{background-color:#efcc10}p.timelineMilestoneCount{border:1px solid;border-radius:5px;padding:4px 6px;width:fit-content}.button-container{display:flex;flex-direction:column;gap:5px;width:max-content}.welcome-pages{overflow:hidden}.welcome-page,.welcome-pages{height:100%;position:absolute;width:100vw}.welcome-page{align-items:center;display:flex;justify-content:center}.welcome-page .welcome-page-content{color:#fff;max-width:620px;position:relative;text-align:center}.welcome-page-title{display:inline-block;font-size:3rem;margin:0}.welcome-page-title-container{align-items:center}.welcome-page-logo{height:2rem;margin-left:14px;margin-right:4px;width:auto}.welcome-page-description{font-size:1.4rem;margin:0}.welcome-page-description.d1{margin-top:40px}.welcome-page-description.d2{margin-top:10px}.welcome-page-call-to-action{font-size:2rem;font-weight:700;margin-top:40px}.welcome-image-1{position:absolute;right:-240px;top:-120px;width:12rem}.startnow-button{border:2px solid;color:#fff;font-size:1.6rem;font-weight:700;margin-top:40px}.startnow-button,.startnow-button:is(:hover){background-color:initial}#welcome-page1{background-color:#4a90e2}.missing-timeline-card{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:500px;padding:20px;text-align:center;width:80%}.missing-timeline-card h2{color:#333;font-size:24px}.missing-timeline-card p{color:#666;font-size:16px;margin:15px 0}.missing-timeline-card button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.missing-timeline-card button:hover{background-color:#45a049}.error-message{animation:fadeIn .3s ease-in-out;background-color:#ffebee;border:1px solid #f44336;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#b71c1c;font-size:14px;font-weight:500;margin-top:10px;padding:10px 15px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.personal-timeline,.personal-timeline-page{height:100%;position:absolute;width:100%}.expanded-timeline{border:4px solid #efcc10;border-radius:8px;box-sizing:border-box;height:100%;position:absolute;right:0;width:40%}.expanded-timeline-header{position:absolute;right:60px;z-index:300}.expanded-timeline-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.expanded-timeline-popup{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;height:90%;margin:10px auto;min-width:600px;padding:20px;position:absolute;transition:all .3s ease;width:90%}.page-content{box-sizing:border-box;min-height:calc(100vh - 130px);padding-bottom:20px;position:relative;top:100px}.milestones-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative}.milestone-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;margin-bottom:-30px;margin-top:-30px;padding:20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,width .3s ease;width:250px;z-index:1}.milestone-card .details{color:#666;display:none;font-size:14px;margin-top:10px}.milestones-container:before{background-color:#ddd;content:"";height:100%;left:50%;position:absolute;top:0;width:2px;z-index:0}.milestone-card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.milestone-card.expanded{box-shadow:0 12px 24px #0000004d;transform:scale(1.15);width:400px;z-index:4}.milestone-card.expanded .details{display:block}.refresh-button-container{display:flex;justify-content:center}.refresh-button{background-color:#fff;border:1px solid gray;border-radius:5px;color:gray;cursor:pointer;font-size:14px;margin-bottom:16px;margin-top:16px;padding:10px 20px}.refresh-button:hover{background-color:#051d40;color:#fff}.milestone-tag{background-color:#fff;border:1px;color:gray;font-size:14px;padding:2px}.fade{opacity:0;transition:opacity .5s ease-in-out}.fade.active{opacity:1}
/*# sourceMappingURL=main.fb61c61b.css.map*/