.userCreateWrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f0f}.userCreateCard{width:100%;max-width:320px;padding:24px;border-radius:12px;background:#1e1e1e;box-shadow:0 10px 30px #0006;text-align:center}.appTitle{margin-bottom:6px;color:#fff}.subtitle{margin-bottom:20px;font-size:14px;color:#aaa}.usernameInput{width:100%;padding:12px;border-radius:8px;border:none;outline:none;margin-bottom:16px;font-size:15px}.userSubmitBtn{width:100%;padding:12px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:#fff;color:#000}.userSubmitBtn:disabled{opacity:.5;cursor:not-allowed}*{padding:0;margin:0;box-sizing:border-box;font-family:Times New Roman,Times,serif}.homeContainer{display:grid;grid-template-columns:auto;grid-template-rows:27px 60vh;width:100%;height:100vh;gap:4px}.topBar{width:auto;height:fit-content;text-align:center;text-transform:uppercase;font-size:small;letter-spacing:2px;border-radius:10px;border:solid 1.5px rgba(128,128,128,.5);box-shadow:inset 1px 1px 2px gray;margin:5px;padding:2px;background-image:linear-gradient(to top,#f9b17292,#fff);text-shadow:0px 2px 2px gray}.topContainer{background-image:linear-gradient(to top,#ff7e57e1,#fff);width:auto;height:100%;border-radius:10px;margin:0 5px;box-shadow:inset 0 2px 5px gray;border:solid 1.5px rgba(128,128,128,.5);overflow:hidden}.bottomContainer{display:grid;grid-template-columns:auto auto;padding:0 5px 5px;gap:4px;width:100%;height:100%}.leftContainer{width:auto;min-width:100px;height:100%;border-radius:10px;box-shadow:inset 0 2px 5px gray;background-image:linear-gradient(to top,#ff8e42,#fff);border:solid 1.5px rgba(128,128,128,.5);overflow:hidden}.rightContainer{width:auto;min-width:100px;height:100%;border-radius:10px;box-shadow:inset 0 2px 5px gray;background-image:linear-gradient(to top,#fbbf5f,#fff);border:solid 1.5px rgba(128,128,128,.5);overflow:hidden}.subContainer{display:grid;width:100%;height:100%;grid-template-rows:min-content}.navBar{position:relative;display:flex;justify-content:end;height:27px;box-shadow:0 2px 2px #80808066}.currentDate{position:absolute;left:0;margin:5px 7px;padding:2.5px}.buttonContainer{display:flex;align-items:center;justify-content:center;width:19px;height:19px;margin:5px 7px;padding:2.5px}.sideContainer{position:absolute;top:30px;right:10px;padding:2px 10px;z-index:3}.dullBackground{width:400px;height:500px;position:absolute;top:0;right:-10px;background-image:linear-gradient(to bottom,#ff953e,#fff);z-index:0}.sideContainer>ul{position:relative;list-style:none;font-size:13px;margin:10px 20px;z-index:2}.sideContainer>ul>li{margin:10px 0;text-align:center}.comp{margin:10px;overflow-x:auto;overflow-y:auto;white-space:nowrap}.yearDisplay{z-index:1}.yearDisplay>h3{position:sticky}.timeScaleWrapper{display:flex;align-items:center;margin:40px 0 10px;width:max-content}.timeScale{position:relative;height:20px;border-right:1px solid rgba(255,255,255,.2);background:#ffffff5c;margin-right:2px;border-radius:10px;flex-shrink:0}.barFill{height:100%;background-color:#fff;border-radius:5px;transition:width .4s ease-in-out}.monthLabel{position:absolute;top:-18px;left:4px;font-size:12px;white-space:nowrap}.goalTitle{font-size:small;text-align:start;padding:0 5px}.todayMarker{position:absolute;top:0;bottom:0;width:2px;background:red}.progressBar{display:flex;flex-direction:column;gap:10px}.goalRow{display:flex;flex-direction:column}.goalTimeline{position:relative;height:24px;width:max-content}.goalBar{position:absolute;height:100%;background:#ffffff59;border-radius:6px;display:flex;align-items:center;padding:0 6px;overflow:hidden}.goalBarFill{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:6px;z-index:0}.goalBarTitle{font-size:12px;color:#000c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.formContainer{overflow-y:auto}.formSec{display:flex;height:max-content;width:100%;flex-direction:column;justify-content:center;align-items:center}.form{display:flex;flex-direction:column;gap:16px;font-size:small;padding:10px;width:80%;height:100%}.inputs{border-radius:10px;border:solid 1px rgba(128,128,128,.5);width:100%;text-align:center;padding:5px;margin-top:2px}.navButton{margin:20px 5px 5px;width:70px;padding:0 5px;border-radius:10px;border:solid 1px gray;font-size:12px}.taskWrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:5px;overflow-y:auto}.tasks{margin:5px;width:80%}.task--completed{background:#fff;color:#000}.subtaskItem{display:flex;align-items:center;gap:10px;padding:8px 0}.subtask--done{text-decoration:line-through}.backBtn{background:none;border:none;color:#888;cursor:pointer}.emptyText{color:#888}