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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:background-color .2s,transform .2s}.theme-toggle:hover{background-color:var(--hover-color);transform:scale(1.1)}.theme-toggle:focus{box-shadow:0 0 0 2px var(--primary-color);outline:none}.navbar{background:var(--navbar-bg);box-shadow:2px 0 5px var(--shadow-color);display:flex;flex-direction:column;height:100vh;padding:1rem;position:fixed;transition:transform .3s ease,width .3s ease,background-color .3s;width:250px;z-index:1000}.mobile-header{align-items:center;border-bottom:1px solid var(--border-color);display:none;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.menu-toggle{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem}.nav-profile{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding:1rem;position:relative;text-align:center}.desktop-theme-toggle{position:absolute;right:.5rem;top:.5rem}.profile-pic{border:3px solid var(--primary-color);border-radius:50%;height:80px;margin-bottom:.5rem;object-fit:cover;width:80px}.nav-profile h3{color:var(--text-color);font-size:1rem;margin:0}.nav-links{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.nav-links li{margin-bottom:.5rem}.nav-links a{align-items:center;border-radius:8px;color:var(--text-color);display:flex;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-links a svg{font-size:1.2rem;margin-right:.75rem}.nav-links li.active a{background:var(--primary-color);color:#fff}.nav-links a:hover{background:var(--hover-color);transform:translateX(5px)}.nav-links li.active a:hover{background:var(--primary-color)}.nav-footer{border-top:1px solid var(--border-color);padding:1rem 0}.sign-out-button{align-items:center;background:none;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.sign-out-button:hover{background:#fee2e2}@media (max-width:768px){.navbar{transform:translateX(-100%);width:100%}.navbar.menu-open{transform:translateX(0)}.mobile-header{display:flex}.desktop-theme-toggle{display:none}.main-content{margin-left:0!important;padding:1rem!important}}.nav-links li{animation:fadeInRight .5s forwards;animation-delay:0s;animation-delay:calc(.1s*var(--item-index, 0));opacity:0;transform:translateX(-20px)}.nav-links li:first-child{--item-index:1}.nav-links li:nth-child(2){--item-index:2}.nav-links li:nth-child(3){--item-index:3}.nav-links li:nth-child(4){--item-index:4}.nav-links li:nth-child(5){--item-index:5}.nav-links li:nth-child(6){--item-index:6}.nav-links li:nth-child(7){--item-index:7}.nav-links li:nth-child(8){--item-index:8}@keyframes fadeInRight{to{opacity:1;transform:translateX(0)}}.profile-container{margin:0 auto;max-width:800px;padding:2rem}.profile-header{margin-bottom:2rem;position:relative;text-align:center}.profile-image-container{border-radius:50%;height:150px;margin:0 auto 1rem;overflow:hidden;position:relative;width:150px}.profile-image{border:4px solid var(--primary-color);border-radius:50%;height:100%;object-fit:cover;width:100%}.image-upload-controls{background-color:#00000080;bottom:0;display:flex;gap:.5rem;justify-content:center;left:0;padding:.5rem;position:absolute;right:0;transition:all .3s ease}.image-delete-button,.image-upload-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.image-delete-button:hover,.image-upload-button:hover{transform:scale(1.1)}.image-delete-button{background-color:#dc3545}.image-upload-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;font-size:1.5rem;justify-content:center;left:0}.edit-button,.image-upload-overlay{color:#fff;position:absolute;right:0;top:0}.edit-button{background:var(--primary-color);border:none;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.edit-button:hover{background-color:#357abd}.profile-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.profile-section h2{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem}.profile-section input,.profile-section select,.profile-section textarea{border:2px solid #eee;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.profile-section textarea{min-height:100px;resize:vertical}.profile-section input:focus,.profile-section select:focus,.profile-section textarea:focus{border-color:var(--primary-color);outline:none}.profile-tabs{border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:2rem}.tab-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;margin:0 .25rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.tab-button.active,.tab-button:hover{color:var(--primary-color)}.tab-button.active{font-weight:600}.tab-button.active:after{background-color:var(--primary-color);bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-links a{align-items:center;background:#f0f4ff;border-radius:20px;color:var(--primary-color);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.social-links a:hover{background:#e0e7ff;transform:translateY(-2px)}.input-with-icon{align-items:center;background:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;margin-bottom:1rem;padding:0 .75rem}.input-with-icon .input-icon{color:#666;margin-right:.75rem}.input-with-icon input{background:#0000;border:none;flex:1 1;margin:0;padding:.75rem 0}.input-with-icon input:focus{outline:none}.form-group{margin-bottom:1.5rem}.checkbox-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0}.days-list{display:flex;flex-wrap:wrap;gap:.5rem}.days-list li{background:#f0f4ff;border:none;border-radius:20px;padding:.25rem .75rem}.color-picker{align-items:center;display:flex;gap:1rem}.color-picker input[type=color]{border:none;border-radius:4px;cursor:pointer;height:30px;width:50px}.color-sample{border:1px solid #ddd;border-radius:50%;display:inline-block;height:20px;margin-right:.5rem;width:20px}.preferences-list{list-style:none;padding:0}.preferences-list li{border-bottom:1px solid #eee;padding:.75rem 0}.save-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:2rem;padding:1rem;transition:background-color .2s;width:100%}.save-button:hover{background-color:#357abd}.save-button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;margin-right:8px}ul{list-style-type:none;margin:0;padding:0}ul li{border-bottom:1px solid #eee;padding:.5rem 0}ul li:last-child{border-bottom:none}.error-message{background:#fee2e2;border-radius:4px;color:#dc2626}.dashboard{margin:0 auto;max-width:1200px}.dashboard h1{display:inline-block;font-size:2rem;margin-bottom:1.5rem;position:relative}.dashboard h1:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.welcome-section{align-items:center;background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);display:flex;margin-bottom:2rem;padding:1.5rem}.welcome-text{flex:1 1}.welcome-text h2{font-size:1.8rem;margin-bottom:.5rem;margin-top:0}.welcome-text p{margin-bottom:1rem;opacity:.9}.welcome-image{border-radius:12px;height:200px;margin-left:2rem;object-fit:cover;width:200px}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s,box-shadow .3s}.stat-card:before{background:var(--primary-color);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.stat-card:hover{box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-5px)}.stat-card h3{color:var(--text-color);margin:0 0 .5rem}.stat-card p{font-size:1.8rem;margin:.5rem 0}.stat-card a,.stat-card p{color:var(--primary-color)}.stat-card a{display:inline-block;font-size:.9rem;font-weight:500;margin-top:.5rem;text-decoration:none;transition:transform .2s}.stat-card a:hover{transform:translateX(5px)}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.feature-card{background:var(--card-background);border:1px solid #0000;border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s}.feature-card:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s;width:4px}.feature-card:hover{border-color:var(--primary-color);transform:translateY(-8px)}.feature-card:hover:before{height:4px;width:100%}.feature-card h3{color:var(--primary-color);font-size:1.3rem;margin:0 0 .5rem;position:relative;z-index:1}.feature-card p{color:var(--text-color);font-size:.95rem;margin:0;position:relative;z-index:1}.streak-banner{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);color:#fff;margin-top:2rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.streak-banner:before{background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 50%,#ffffff1a 0,#ffffff1a 75%,#0000 0,#0000);background-size:20px 20px;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}.streak-banner h3{font-size:1.5rem;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.streak-banner p{margin:0;opacity:.9}@media (max-width:768px){.welcome-section{flex-direction:column;text-align:center}.welcome-image{height:150px;margin-left:0;margin-top:1rem;width:150px}.dashboard h1:after{left:50%;transform:translateX(-50%)}.dashboard h1{display:block;text-align:center}}.study-plan{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.study-plan-header{margin-bottom:2rem}.study-plan-header h1{display:inline-block;margin-bottom:.5rem;position:relative}.study-plan-header h1:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.study-plan-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;margin-bottom:2rem}.study-plan-tab,.study-plan-tabs{display:flex;justify-content:center}.study-plan-tab{align-items:center;color:var(--text-color);cursor:pointer;flex:1 1;font-weight:500;gap:.5rem;min-width:120px;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .2s}.study-plan-tab.active{color:var(--primary-color)}.study-plan-tab.active:after{background:var(--primary-color);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.study-plan-tab:hover{background-color:var(--hover-color)}.study-plan-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.plan-sidebar{gap:1.5rem}.plan-form,.plan-sidebar{display:flex;flex-direction:column;width:100%}.plan-form{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);gap:1rem;margin-bottom:1rem;padding:1.5rem}.plan-form h3{margin-bottom:.5rem;margin-top:0}.modal-body input,.modal-body select,.modal-body textarea,.plan-form input,.plan-form select,.plan-form textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:16px;padding:.75rem;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-row{display:flex;gap:1rem}.form-row>*{flex:1 1}.form-actions{display:flex;gap:1rem;margin-top:1rem}.plans-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;padding-right:.5rem;width:100%}.plan-card{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s,box-shadow .3s;width:100%}.plan-card:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.plan-card:hover{box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-5px)}.plan-card.active{border:1px solid var(--primary-color)}.plan-card h3{align-items:center;color:var(--primary-color);margin:0 0 .5rem;word-break:break-word}.plan-card h3,.plan-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.plan-card-meta{color:var(--text-color);font-size:.9rem;margin-bottom:1rem;opacity:.7}.plan-actions{display:flex;gap:.5rem}.plan-main{border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);max-height:800px;overflow-y:auto;padding:1.5rem}.plan-detail-header,.plan-main{background:var(--card-background)}.plan-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;position:sticky;top:0;z-index:10}.plan-detail-header h2{margin:0}.plan-detail-actions{display:flex;gap:.5rem}.btn-sm{font-size:.9rem;padding:.5rem .75rem}.plan-details{padding-top:1rem}.plan-meta{grid-gap:1rem;background:var(--background-color);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0;padding:1rem}.calendar-container{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);overflow-x:auto;padding:1rem;width:100%}.calendar-view{margin-bottom:2rem;min-width:700px}.calendar-header,.calendar-view{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-header{font-weight:500;margin-bottom:.5rem;text-align:center}.calendar-day{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;min-height:100px;padding:.5rem;transition:all .2s}.calendar-day:hover{border-color:var(--primary-color)}.calendar-day.today{border:2px solid var(--primary-color)}.calendar-day.has-events{background:#4a90e21a}.calendar-day-header{display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.calendar-day-events{display:flex;flex-direction:column;gap:.25rem}.calendar-event{background:var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap}.subjects{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.subject-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;padding:1rem;transition:all .2s;width:100%}.subject-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.subject-item.active{border-color:var(--primary-color);border-width:2px}.subject-header{align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.subject-actions,.subject-header{display:flex;gap:.5rem}.subject-item h4{color:var(--text-color);margin:0}.subject-item p{color:var(--text-color);font-size:.9rem;margin:.25rem 0;opacity:.7}.subject-progress{margin-top:.5rem}.progress-bar{background:var(--border-color);border-radius:4px;height:8px;margin-top:.25rem}.progress-bar.large{height:12px}.progress-fill{background:var(--primary-color);border-radius:4px}.subject-details{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.topics-list{list-style:none;margin:1rem 0;padding:0}.topic-item{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.topic-item.completed{opacity:.7}.topic-item.completed span:last-child{text-decoration:line-through}.topic-item span:last-child{flex:1 1;word-break:break-word}.checkbox-container{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;display:flex;height:20px;justify-content:center;width:20px}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";display:none}.checkbox-container input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;display:block;height:10px;transform:rotate(45deg);width:5px}.priority-badge{border-radius:4px;font-size:.75rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.priority-badge.high{background-color:#e74c3c33;color:#e74c3c}.priority-badge.medium{background-color:#f1c40f33;color:#f39c12}.priority-badge.low{background-color:#2ecc7133;color:#27ae60}.add-topic-form{background:var(--card-background);border:1px dashed var(--border-color);border-radius:8px;box-sizing:border-box;margin-top:1rem;padding:1rem;width:100%}.add-topic-form h5{margin-bottom:.75rem;margin-top:0}.add-topic-form .form-row{flex-direction:column}@media (min-width:576px){.add-topic-form .form-row{flex-direction:row}}.sessions-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.session-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.session-item.completed{background-color:#2ecc711a;border-color:#27ae60;opacity:.7}.session-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.session-header h5{margin:0}.session-actions{display:flex;gap:.5rem}.session-topics{font-size:.9rem;margin-top:.5rem;word-break:break-word}.add-subject-form{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.add-subject-form h4{margin-bottom:1rem;margin-top:0}.milestones-section,.reminders-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.milestones-list,.reminders-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.milestone-item,.reminder-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.milestone-item.completed{background-color:#2ecc711a;border-color:#27ae60;opacity:.7}.milestone-header,.reminder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.milestone-header h4,.reminder-header h4{margin:0}.reminder-type{background-color:#4a90e233;border-radius:4px;color:var(--primary-color);font-size:.75rem;padding:.25rem .5rem}.reminder-item.sent{opacity:.7}.progress-container{padding:1.5rem}.progress-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.progress-card{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);box-sizing:border-box;padding:1.5rem;width:100%}.progress-stats{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:1.5rem 0}.stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-label{color:var(--text-color);font-size:.9rem;margin-bottom:.25rem;opacity:.7}.stat-value{font-size:1.5rem;font-weight:700}.subject-progress-list{margin-top:1.5rem}.subject-progress-item{margin-bottom:1rem}.subject-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.subject-progress-header h5{margin:0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 8px 24px var(--shadow-color);margin:0 1rem;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.modal-header h3{margin:0}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.btn-secondary{background-color:var(--border-color);color:var(--text-color)}.btn-secondary:hover{background-color:#c4c4c4}@media (max-width:992px){.study-plan-content{grid-template-columns:1fr}.plan-sidebar{margin-bottom:1.5rem}.form-row{flex-direction:column;gap:.5rem}.progress-stats{grid-template-columns:1fr}.plan-main{max-height:none}}@media (max-width:768px){.study-plan{padding:.5rem}.plan-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.plan-detail-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.modal-footer{justify-content:center}.modal-footer button{width:100%}.plan-meta{grid-template-columns:1fr}}@media (max-width:576px){.study-plan-tab{font-size:.9rem;padding:.75rem 1rem}.plan-card h3{font-size:1.2rem}.modal-content{border-radius:0;height:100%;margin:0;max-height:100vh}.modal-overlay{padding:0}}.pomodoro{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.pomodoro-left,.pomodoro-right{display:flex;flex-direction:column;gap:2rem}.timer-container{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);overflow:hidden;padding:2rem;position:relative;text-align:center}.timer-container:before{background:var(--primary-color);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.timer-type-selector{display:flex;justify-content:center;margin-bottom:1rem}.timer-type-button{background:none;border:none;border-radius:20px;box-shadow:none;color:var(--text-color);cursor:pointer;margin:0 .25rem;padding:.5rem 1rem;transition:all .2s}.timer-type-button.active{background-color:var(--primary-color);color:#fff}.timer{color:var(--primary-color);display:inline-block;font-size:5rem;font-weight:700;margin:1.5rem 0;position:relative}.timer-circle{height:250px;margin:0 auto;position:relative;width:250px}.timer-display,.timer-progress{height:100%;left:0;position:absolute;top:0;width:100%}.timer-display{align-items:center;color:var(--primary-color);font-size:3rem;font-weight:700}.timer-controls,.timer-display{display:flex;justify-content:center}.timer-controls{gap:1rem;margin-top:1.5rem}button.start{background-color:var(--success-color)}button.start,button.stop{font-size:1.2rem;padding:.75rem 2rem}button.stop{background-color:var(--error-color)}button.reset{background-color:var(--border-color);color:var(--text-color);font-size:1.2rem;padding:.75rem 2rem}.timer-settings{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem}.timer-settings h3{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.setting-item{margin-bottom:1rem}.setting-item label{display:block;font-weight:500;margin-bottom:.5rem}.setting-item input,.setting-item select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:.75rem;width:100%}.distraction-blocker{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem}.distraction-blocker h3{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.distraction-blocker input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);margin-bottom:.75rem;padding:.75rem;width:100%}.task-association{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem}.task-association h3{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.task-input{display:flex;gap:.5rem;margin-bottom:1rem}.task-input input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);flex:1 1;padding:.75rem}.task-list{list-style:none;margin:0;padding:0}.task-item{align-items:center;background-color:var(--background-color);border-radius:8px;display:flex;margin-bottom:.5rem;padding:.75rem}.task-item input[type=checkbox]{margin-right:.75rem}.task-item.completed span{opacity:.7;text-decoration:line-through}.ambient-sounds{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem}.ambient-sounds h3{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.music-categories{display:flex;justify-content:space-between;margin-bottom:1rem}.category-button{align-items:center;background-color:var(--background-color);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:center;margin:0 .25rem;padding:.75rem .5rem;transition:all .2s}.category-button:first-child{margin-left:0}.category-button:last-child{margin-right:0}.category-button:hover{background-color:var(--border-color)}.category-button.active{background-color:var(--primary-color);color:#fff}.sound-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.sound-option{align-items:center;background-color:var(--background-color);border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;text-align:center;transition:all .2s}.sound-option:hover{background-color:var(--border-color);transform:translateY(-2px)}.sound-option.active{background-color:var(--primary-color);color:#fff}.volume-control{margin-bottom:1rem;margin-top:1rem}.volume-control label{align-items:center;display:flex;margin-bottom:.5rem}.music-info{background-color:var(--background-color);border-radius:8px;color:var(--text-color);font-size:.9rem;margin-top:1rem;padding:.75rem}.music-info p{margin:.5rem 0}.sessions-history{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:1.5rem}.sessions-history h3{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.session-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:transform .2s}.session-card:hover{transform:translateY(-2px)}.session-card p{color:var(--text-color);margin:.25rem 0}.session-stats{border-top:1px solid var(--border-color);color:#888;display:flex;font-size:.9rem;justify-content:space-between;margin-top:1rem;padding-top:.5rem}@media (max-width:992px){.pomodoro{grid-template-columns:1fr}}.flashcards{margin:0 auto;max-width:1200px}.create-flashcards{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.question-input{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;margin-bottom:1rem}.sets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.set-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1.5rem;transition:transform .2s}.set-card:hover{transform:translateY(-4px)}.study-mode{align-items:center;background:#000c;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.flashcard-review{max-width:600px;perspective:1000px;width:100%}.flashcard{cursor:pointer;height:300px;margin-bottom:1rem;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped{transform:rotateY(180deg)}.back,.front{align-items:center;backface-visibility:hidden;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.2rem;height:100%;justify-content:center;padding:2rem;position:absolute;text-align:center;width:100%}.back{background:var(--primary-color);color:#fff;transform:rotateY(180deg)}@media (max-width:768px){.question-input{grid-template-columns:1fr}}.notes-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:250px 1fr 300px;height:calc(100vh - 120px);margin:0 auto;max-width:1400px}.notes-sidebar{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden}.notes-search{border-bottom:1px solid var(--border-color);padding:1rem}.notes-search input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:.75rem;width:100%}.folders-section{border-bottom:1px solid var(--border-color);padding:1rem}.folders-section h3{font-size:1rem;margin-bottom:.75rem;margin-top:0}.folders-list{list-style:none;margin:0;padding:0}.folders-list li{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s}.folders-list li:hover{background-color:var(--hover-color)}.folders-list li.active{background-color:var(--primary-color);color:#fff}.notes-list-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notes-list-header h3{font-size:1rem;margin:0}.notes-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.notes-list li{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s}.notes-list li:hover{background-color:var(--hover-color)}.notes-list li.active{background-color:#4a90e21a;border-left:3px solid var(--primary-color)}.note-item-header{align-items:center;display:flex;flex:1 1;gap:.5rem;overflow:hidden}.note-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-actions{opacity:0;transition:opacity .2s}.notes-list li:hover .note-item-actions{opacity:1}.notes-editor{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.editor-header h2{font-size:1.5rem;margin:0}.editor-actions{display:flex;gap:.5rem}.editor-date{color:#888;font-size:.85rem;margin-bottom:1.5rem}.note-title-input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1.5rem;font-weight:700;padding:.5rem;width:100%}.note-content-editor{font-family:inherit;min-height:300px;resize:none}.note-content-editor,.note-content-preview{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);flex:1 1;padding:1rem}.note-content-preview{overflow-y:auto}.note-content-preview h1{font-size:1.5rem;margin-top:0}.note-content-preview h2{font-size:1.3rem}.note-content-preview ul{padding-left:1.5rem}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-state h2{margin-bottom:.5rem}.empty-state p{color:#888;margin-bottom:1.5rem}.notes-resources{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;padding:1.5rem}.notes-resources h3{margin-bottom:1rem;margin-top:0}.upload-section{margin-bottom:1.5rem;text-align:center}.upload-section p{color:#888;font-size:.85rem;margin-top:.5rem}.resources-list{flex:1 1;overflow-y:auto}.resource-item{background-color:var(--background-color);border-radius:8px;gap:.5rem;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.icon-button,.resource-item{align-items:center;display:flex}.icon-button{background:none;border:none;border-radius:50%;box-shadow:none;color:var(--text-color);cursor:pointer;justify-content:center;padding:.5rem;transition:background-color .2s}.icon-button:hover{background-color:var(--hover-color);box-shadow:none;transform:none}.icon-button.small{font-size:.8rem;padding:.25rem}@media (max-width:1200px){.notes-container{grid-template-columns:250px 1fr}.notes-resources{display:none}}@media (max-width:768px){.notes-container{grid-template-columns:1fr;height:auto}.notes-sidebar{height:300px}}.performance{margin:0 auto;max-width:1200px}.chart-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:2rem}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.chart-card h3{color:var(--text-color);margin:0 0 1.5rem}.achievement-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;grid-column:1/-1;padding:1.5rem}.achievement-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.achievement-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem}.achievement-icon{color:var(--primary-color);font-size:2rem}.achievement-details h4{color:var(--text-color);margin:0 0 .25rem}.achievement-details p{color:#666;font-size:.9rem;margin:0 0 .25rem}.achievement-date{color:#999;font-size:.8rem}@media (max-width:768px){.chart-grid{grid-template-columns:1fr}}.gamification-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.gamification-container.error,.gamification-container.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-message{color:#dc3545;font-size:1.1rem}.loading-message{color:#666;font-size:1.1rem}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.retry-button:hover{background-color:#0056b3}.no-data-message{background:#f9f9f9;border-radius:8px;color:#666;grid-column:1/-1;padding:20px;text-align:center}.achievements-section,.leaderboard-section,.stats-section,.user-progress-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.progress-stats{grid-gap:15px;display:grid;gap:15px;margin-top:15px}.level-info{text-align:center}.progress-bar{background:#eee;border-radius:5px;height:10px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.points-info,.streak-info{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:10px;padding:10px}.icon{color:gold}.achievements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.achievement-card{background:#f5f5f5;border-radius:8px;padding:15px;text-align:center;transition:transform .2s}.achievement-card:hover{transform:translateY(-2px)}.achievement-card.completed{background:#e8f5e9}.achievement-icon{font-size:24px;margin-bottom:10px}.achievement-progress{margin:10px 0}.reward{color:#4caf50;font-weight:700}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.stat-card{background:#f5f5f5;border-radius:8px;padding:15px;text-align:center}.stat-card h3{color:#666;font-size:.9em;margin-bottom:5px}.stat-card p{color:#333;font-size:1.2em;font-weight:700}.leaderboard-list{margin-top:15px}.leaderboard-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;margin:5px 0;padding:10px}.leaderboard-item.current-user{background:#e3f2fd;font-weight:700}.rank{color:#666;font-weight:700}.points{align-items:center;display:flex;gap:5px}.chatbot{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:85vh;margin:0 auto;max-width:800px;overflow:hidden}.chat-header{background:linear-gradient(135deg,var(--primary-color),#4a76e8);border-radius:12px 12px 0 0;color:#fff;padding:1.5rem}.chat-header h2{font-size:1.5rem;margin:0}.chat-header p{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:fadeIn .3s ease-in-out;border-radius:1rem;max-width:80%;padding:1rem;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background-color:var(--primary-color);border-bottom-right-radius:.25rem;color:#fff}.message.bot{align-self:flex-start;background-color:#fff;border-bottom-left-radius:.25rem;box-shadow:0 2px 4px #0000000d;color:var(--text-color)}.message.error{align-self:center;background-color:#fee2e2;border-radius:.5rem;color:#dc2626}.message-timestamp{font-size:.75rem;margin-top:.5rem;opacity:.7}.chat-input{background:#fff;border-top:1px solid #eee;display:flex;gap:1rem;padding:1.5rem}.chat-input input{border:2px solid #eee;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}.chat-input input:focus{border-color:var(--primary-color);outline:none}.chat-input button{border-radius:8px;font-weight:600;padding:.75rem 1.5rem;transition:transform .1s}.chat-input button:active{transform:scale(.98)}.typing-indicator{align-self:flex-start;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000000d;display:flex;gap:.5rem;padding:1rem}.typing-indicator span{animation:typing 1s ease-in-out infinite;background-color:var(--primary-color);border-radius:50%;height:8px;opacity:.4;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-suggestions{background:#fff;border-top:1px solid #eee;padding:1rem 1.5rem}.chat-suggestions p{color:#666;font-size:.9rem;margin:0 0 .5rem}.suggestion-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-buttons button{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:20px;color:var(--primary-color);font-size:.9rem;padding:.5rem 1rem}.suggestion-buttons button:hover{background:#e0e7ff;color:var(--primary-color)}.login-page{--login-primary:#0f6d58;--login-primary-dark:#0c5a49;--login-bg:#f4f7f6;--login-text:#102018;--login-muted:#5e6965;--login-border:#d8e2de;background:var(--login-bg);display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh}.login-hero{background-position:50%;background-size:cover;min-height:40vh;position:relative}.login-hero-overlay{background:linear-gradient(130deg,#08221dbf,#0f6d5859);inset:0;position:absolute}.login-hero-content{bottom:3rem;color:#f6fffc;left:3rem;position:absolute;right:3rem;text-shadow:0 2px 12px #0000003d}.login-hero-tag{font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.login-hero-content h1{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.15;margin:0}.login-hero-content p{font-size:1.05rem;line-height:1.6;margin:.85rem 0 0;max-width:33rem}.login-panel{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;padding:2rem;position:relative}.login-panel:before{background:linear-gradient(145deg,#f4f7f6db,#f4f7f6f2);content:"";inset:0;position:absolute}.login-card{background:#fff;border:1px solid #ffffff73;border-radius:20px;box-shadow:0 16px 45px #10201824;max-width:430px;padding:2rem;position:relative;width:100%;z-index:1}.login-card h2{color:var(--login-text);font-size:1.8rem;line-height:1.2;margin:0}.login-subtitle{color:var(--login-muted);font-size:.96rem;margin:.65rem 0 1.5rem}.login-form{display:flex;flex-direction:column;gap:.7rem}.login-form label{color:var(--login-text);font-size:.9rem;font-weight:600}.login-form input{background:#fbfdfc;border:1px solid var(--login-border);border-radius:12px;color:var(--login-text);font-size:1rem;padding:.78rem .95rem;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:100%}.login-form input::placeholder{color:#8a9490}.login-form input:focus{border-color:#0f6d5899;box-shadow:0 0 0 4px #0f6d5826;outline:none;transform:translateY(-1px)}.login-actions{display:flex;justify-content:flex-end;margin:.2rem 0 .6rem}.inline-link{color:var(--login-primary);font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s ease}.inline-link:hover{color:var(--login-primary-dark);text-decoration:underline}.login-button{background:linear-gradient(135deg,#0f6d58,#188f73);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 1rem;transition:transform .15s ease,box-shadow .25s ease,filter .25s ease;width:100%}.login-button:hover{box-shadow:0 10px 20px #0f6d5840;filter:brightness(1.03);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-divider{margin:1.1rem 0;position:relative;text-align:center}.login-divider:before{border-top:1px solid #e5ece9;content:"";left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#6e7875;display:inline-block;font-size:.85rem;padding:0 .75rem;position:relative}.google-auth-button{align-items:center;background:#fff;border:1px solid #dbe3df;border-radius:12px;color:#2f3a35;cursor:pointer;display:flex;font-size:.97rem;font-weight:600;gap:.65rem;justify-content:center;padding:.8rem 1rem;transition:transform .15s ease,box-shadow .25s ease,background-color .25s ease;width:100%}.google-auth-button:hover{background-color:#f8fbfa;box-shadow:0 6px 18px #1020181f;transform:translateY(-1px)}.signup-copy{color:var(--login-muted);font-size:.9rem;margin:1.15rem 0 0;text-align:center}.signup-copy a{color:var(--login-primary);font-weight:700;text-decoration:none}.signup-copy a:hover{color:var(--login-primary-dark);text-decoration:underline}.error-message{background:#fce9e9;border-radius:10px;color:#bf2e2e;font-size:.9rem;margin-bottom:1rem;padding:.75rem}@media (max-width:960px){.login-page{grid-template-columns:1fr;grid-template-rows:auto}.login-panel{min-height:100vh;padding:1rem}.login-card{border-radius:16px;padding:1.5rem}.login-hero{display:none}}@media (max-width:520px){.login-card{max-width:100%;padding:1.3rem}.login-card h2{font-size:1.5rem}}:root{--primary-color:#4a90e2;--secondary-color:#2ecc71;--background-color:#f5f6fa;--card-background:#fff;--text-color:#2c3e50;--border-color:#dcdde1;--error-color:#e74c3c;--success-color:#27ae60;--shadow-color:#0000001a;--navbar-bg:#fff;--hover-color:#f0f4ff}[data-theme=dark]{--primary-color:#5a9cf0;--secondary-color:#33d67a;--background-color:#1a1a2e;--card-background:#252541;--text-color:#e6e6e6;--border-color:#446;--error-color:#ff6b6b;--success-color:#2ecc71;--shadow-color:#0000004d;--navbar-bg:#252541;--hover-color:#335}.app{background-color:#f5f6fa;background-color:var(--background-color);color:#2c3e50;color:var(--text-color);min-height:100vh;transition:background-color .3s,color .3s}.main-content{margin-left:250px;padding:2rem;transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}}.btn,button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;text-align:center;text-decoration:none;transition:all .2s}.btn:hover,button:hover{background-color:#357abd;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.btn:active,button:active{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(0)}.btn:disabled,button:disabled{background-color:#dcdde1;background-color:var(--border-color);box-shadow:none;cursor:not-allowed}input,select,textarea{border:1px solid #dcdde1;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:.5rem}.error{color:#e74c3c;color:var(--error-color)}.success{color:#27ae60;color:var(--success-color)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5a516510.css.map*/