.splitLoginPage{min-height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr}.loginLeft{background:#e9ff86;display:flex;align-items:center;justify-content:center;padding:60px}.loginLeftText{max-width:600px;width:100%}.welcomeText{font-family:"Instrument Serif",serif;font-size:74px;font-weight:550;color:#0e0c0c;justify-content:center;align-items:center;margin:0 0 0 50px}.loginWelcomeText em{font-style:italic;font-weight:400}.synclogo img{display:inline-block;vertical-align:middle;width:200px}.loginRight{background-color:#f1f5f5;display:flex;align-items:center;justify-content:center}.loginSection{width:100%;max-width:500px}.loginTitle{font-size:20px;margin-bottom:1rem;color:#ffb2e8}.loginForm{display:flex;flex-direction:column;gap:1rem}.loginButton{margin-top:6px;padding:10px 12px;border-radius:10px;border:none;background-color:#e9ff86;color:#0e0c0c}@media(max-width:950px){.splitLoginPage{grid-template-columns:1fr}.welcomeText{font-size:60px;font-weight:600}.synclogo img{width:100px}.loginTitle{margin-top:10px}}@media(min-width:900px)and (max-width:1250px){.welcomeText h1{font-size:64px;font-weight:600}.synclogo img{width:100px}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-start:0;margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;height:100%}.splitRegisterPage{min-height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr}.registerLeft{background:#e9ff86;display:flex;align-items:center;justify-content:center;padding:60px}.registerLeftText{max-width:600px;width:100%}.welcomeText{font-family:"Instrument Serif",serif;font-size:76px;font-weight:550;color:#0e0c0c;justify-content:center;align-items:center;margin:0 0 0 50px}.welcomeText em{font-style:italic;font-weight:400}.logo img{display:inline-block;vertical-align:middle;width:200px}.registerRight{background-color:#f1f5f5;display:flex;align-items:center;justify-content:center}.registerSection{width:100%;max-width:500px}.registerTitle{font-size:20px;margin-bottom:1rem;color:#ffb2e8}.registerForm{display:flex;flex-direction:column;gap:1rem}.formLabel{font-size:.7rem;color:#ddd2d2}.formField{display:flex;flex-direction:column}.input{border:1px solid #FFB2E8;padding:10px 12px;border-radius:10px}.formLabel{font-size:.75rem;color:#0e0c0c;margin-bottom:10px}.registerButton{margin-top:6px;padding:10px 12px;border-radius:10px;border:none;background-color:#e9ff86;color:#0e0c0c}.registerLoginDisclaimer{font-size:16px}.registerError{margin-bottom:10px;font-size:14px;color:#ffb2e8}.motivationText{margin-top:16px;font-size:16px;color:#0e0c0c;max-width:400px;justify-content:center;align-items:center;align-content:center}.egisterLoginDisclaimer{margin-top:10px}.registerButton{margin-top:20px}@media(max-width:900px){.splitRegisterPage{grid-template-columns:1fr}.welcomeText{font-size:60px;font-weight:550}.logo img{width:100px}.motivationText{display:none}}@media(min-width:900px)and (max-width:1250px){.welcomeText h1{font-size:60px;font-weight:550}.logo img{width:150px}.motivationText{display:none}}.projectSelect{display:inline-flex;align-items:center}.projectSelectLabel{font-size:16px;color:#0e0c0e;font-weight:500}.pickProjectSelect{appearance:none;border:2px solid #ffb2e8;border-radius:10px;background-color:#fff;padding:14px 40px 14px 16px;font-size:16px;font-family:"Instrument-serif, serif";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%230E0C0C' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.pickProjectSelect:focus{outline:none;border-color:#ff7ac8;box-shadow:0 0 0 3px}.pickProjectSelect option[value=new-project]{font-weight:600;color:#ff7ac8}.pillWrap{display:inline-block}.pickProjectSelect{appearance:none;border:1px solid #ffb2e8;background:#ffb2e8;color:#0e0e0e;font-family:"Instrument Serif",serif;border-radius:800px;padding:12px 46px 10px 18px;font-weight:550;font-size:18px;box-shadow:0 6px #0000000f;transition:transform .12s ease,box-shadow .12s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%230E0C0C' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 22px center}.soundToggle{width:60px;height:34px;border-radius:999px;border:none;position:relative;background:#e9e9e9;cursor:pointer;box-shadow:0 4px #0000000f;transition:transform .12s ease}.soundToggle:active{transform:translateY(1px);background:#f6f5ae}.soundToggleDot{width:28px;height:28px;border-radius:50%;position:absolute;top:3px;left:4px;transition:transform .18s ease}.soundToggle.on{background:#fc6431}.soundToggle.on .soundToggleDot{transform:translate(24px)}.overlay{display:flex;position:fixed;align-items:center;justify-content:center;padding:20px}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:16px}.modalHeader button{border:none;font-size:14px;border-radius:16px}.modalBody{flex-direction:column;gap:10px;display:flex}.statusSelector{appearance:none;width:340px;border:2px solid #ffb2e8;border-radius:800px;padding:10px 40px 10px 14px;font-family:"Instrument Serif",serif}.overlay{display:flex;position:fixed;align-items:center;justify-content:center;padding:20px;inset:0}.modal{background:#fff;width:100%;max-width:550px;border-radius:20px;overflow:hidden}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.modalHeader button{border:none;font-size:14px;border-radius:16px;padding:8px 12px;border:1px solid #0e0e0e;background:transparent}.modalHeader h2{margin:0;font-family:"Instrument Serif",serif;font-size:26px;color:#0e0e0e}.modalBody{flex-direction:column;gap:10px;display:flex;padding:18px 20px 22px}.modalField{display:flex;flex-direction:column;gap:8px}.modalField label{font-size:14px;color:#0e0e0e}.modalField textarea{min-height:96px}.modalButtons{display:flex;justify-content:flex-end}.mainButton{background:#e9ff86;border:none}.modalField input{border:1px solid #ffb2e8;padding:10px 12px;border-radius:10px}.modalField textarea{min-height:90px;resize:vertical;border:1px solid #ffb2e8;padding:10px 12px;border-radius:10px}.modalButtons{display:flex;justify-content:flex-end;gap:8px}.secondButton{border-radius:10px;border:1px solid #0e0e0e;background:transparent}.mainButton{border-radius:10px;border:none;background:#e9ff86;padding:10px 12px}.mainRow{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.mainText{font-family:"Instrument Serif",serif;font-size:64px;font-weight:550;line-height:1.5}.dashboardPage{min-height:100vh;padding:24px;background-color:#fff}.dashboardMain{padding:40px 28px}.dashBoardTop{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.heroLogoInline img{width:120px;height:auto;display:inline-block;vertical-align:middle}.dashBoardTitle{font-family:"Instrument Serif",serif;font-weight:550;font-size:42px;margin:0}.dashboardHero{max-width:900px;margin:0 auto}.heroTitle{font-size:64px;font-weight:500;margin:0}.dashboardHeader{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.dashboardMessage{font-size:68px;margin:0;line-height:1.2;max-width:820px}.dashboardLogo{width:120px;height:auto}.inlineProjectButton{background:#ffb2e8;border:none;border-radius:800px;font-family:"Instrument Serif",serif;font-size:16px;font-weight:550;vertical-align:middle}.dashboardSelectProject{margin-top:18px;max-width:360px}.soundtrackText{font-size:15px}.dashboardSoundtrack{display:flex;align-items:center;gap:16px;font-size:16px}.pinkFlower img{width:70px;height:auto;display:inline-block}.logoutButton{border-radius:800px;padding:8px 14px;background:transparent;border:1px solid #0e0e0e}.soundToggle{width:60px;height:34px;border-radius:800px;padding:0;border:none;position:relative;background:#f4efb2}.soundToggleDot{width:28px;height:28px;background-color:#ff7a2f;position:absolute;top:3px;right:25px;border-radius:50%;transition:transform .25 ease}.inlineSelectWrap{display:inline-flex;vertical-align:middle;margin:8px}h1,h2{font-family:"Instrument Serif",serif}.greenFlower{width:100px;height:auto;animation:greenspin 10s linear infinite}.pinkFlower{width:100px;height:auto;animation:pinkspin 18s linear infinite}.heroLogoInline img{width:150px;height:auto;display:inline-block;vertical-align:middle;justify-content:center}.soundToggle.on{background:#e9e9e9}.soundToggle.on .soundToggleDot{transform:translate(17px)}.tasksArea{margin-top:36px;width:100%;max-width:800px}.tasksHeader{display:flex;flex-wrap:wrap;margin:16px;gap:18px;align-items:center;justify-content:center}.tasksTitle{font-family:"Instrument Serif",serif;text-align:center;font-weight:550;font-size:38px}.tasksAddButton{background:#ff7a2f;color:#fff;font-weight:650;vertical-align:middle;appearance:none;border:1px solid #ff7a2f;font-family:"Instrument Serif",serif;border-radius:800px;padding:12px 46px 10px 18px;font-weight:550;font-size:18px;box-shadow:0 6px #0000000f;transition:transform .12s ease,box-shadow .12s ease}.tasksAddButton:disabled{opacity:.55;cursor:not-allowed}.tasksLists{display:flex;flex-direction:column;gap:18px;margin-top:16px}.taskCard{width:100%;position:relative;padding:18px 22px;border-radius:26px;border:3px solid #ffb2e8;gap:5px}.taskCardTitle{font-family:"Instrument Serif",serif;font-size:20px;font-weight:650;margin:0 0 10px}.taskCardDescription{margin:0;font-size:16px;max-width:80%}.taskStatus{display:inline-flex;align-items:center;border:2px solid #ff7a2f;margin-top:12px;font-size:14px;padding:6px 12px;border-radius:800px}.taskDeleteButton{font-size:16px;font-weight:600;background-color:transparent;right:18px;position:absolute;border:1px solid #87cb28;padding:10px 14px;border-radius:800px}.taskStatusSelect{appearance:none;border:1px solid #ffb2e8;background:#ffb2e8;color:#0e0e0e;font-family:"Instrument Serif",serif;border-radius:800px;padding:6px 30px;justify-content:left;font-weight:550;font-size:18px;box-shadow:0 6px #0000000f;transition:transform .12s ease,box-shadow .12s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%230E0C0C' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 24px center}.projectDeleteButton{border-radius:800px;padding:10px 14px;border:1px solid #5ce1e6;background:#5ce1e6}.projectDeleteButton:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.dashboardHeader{gap:14px;flex-wrap:wrap}.dashBoardTitle{font-size:34px}.dashboardLogo{width:45px}.soundtrackText{display:none}.mainText{font-size:30px;justify-content:center;align-items:center}.greenFlower,.pinkFlower{display:none}.heroLogoInline img{width:75px}.pickProjectSelect{width:150px;display:block}}@keyframes greenspin{80%{transform:rotate(360deg) translate(0)}}@keyframes pinkspin{to{transform:rotate(360deg) translate(0)}}.landingPage{position:relative;height:100vh;overflow:hidden;width:100%}.landingVideo{position:absolute;inset:0;width:100%;object-fit:cover;height:100%}.landingText{z-index:2;height:100%;display:flex;align-items:center;text-align:center;position:relative;flex-direction:column;justify-content:center;color:#000}.landingHero{font-size:80px;font-family:"Instrument Serif",serif;font-weight:550}.landingCommand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:55px;font-family:"Instrument Serif",serif;font-weight:400}.logo{height:100px;display:block;width:auto}.calltoAction{text-decoration:none;background:#e9ff86;transition:transform .15s ease,box-shadow .15s ease;display:inline-block;font-size:16px;border-radius:800;font-weight:600;border:1px solid #0e0e0e;padding:14px 20px;border-radius:800px}.landingLogoInline img{width:auto;display:block;height:18px}@media(max-width:900px){.landingSyncLine{font-size:18px}.landingHero{font-size:40px}}