*{box-sizing:border-box;padding:0;margin:0}:root{--background-color: rgb(10, 0, 10);--background-color-transparent: #272525;--back-drop-background-color: #272525a6;--background-color-primary: #494949;--background-color-accent: #fff3;--border-color: rgb(87, 87, 87);--primary-color: #ac3e9d;--primary-color-for-shadow: #0a0a0acc;--primary-color-light: #ad6aa4;--color: #c9c9c9;--padding: 1rem;--gap: 8px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 16px;--border-radius-xl: 32px;--border-radius-xxl: 64px;--margin: 1rem;--margin-sm: .5rem;--margin-lg: 1.5rem;--padding: min(1rem, 5vw);--padding-sm: .7rem;--padding-lg: 1.5rem;--max-width: 1400px;--transition-speed: .2s;--transition-speed-fast: .1s;--transition-speed-slow: .3s;--box-shadow: 0 0 10px rgba(0, 0, 0, .1);--card-width: 350px;--card-min-height: 300px;--header-nav-width: 60%}html,body{height:100vh}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;color:var(--color);padding-bottom:2rem}body{height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;max-width:800px;row-gap:var(--gap);margin:auto;padding-bottom:.5rem;position:relative}body :where(p,a,h1,h2,h3,h4){line-height:1.5;margin-bottom:var(--gap)}h1,h2,h3,h4{font-size:min(2rem,10vw);font-weight:600}p,a{font-size:min(1rem,8vw)}img{width:100%;height:100%;border-radius:var(--border-radius);object-fit:cover}button{padding:var(--padding-sm) var(--padding-lg);background-color:var(--primary-color);color:inherit;font-size:inherit;font-weight:600;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .3s ease-in-out;white-space:nowrap;border:2px solid var(--border-color)}button:hover{opacity:.7}input{padding:calc(var(--padding) - 5px) .5rem;font:inherit;background-color:var(--background-color-primary);border:none;border-radius:var(--border-radius-sm);color:inherit}input:focus{outline:none}#task-modal[open]{display:flex;flex-direction:column;width:min(350px,90%);border-radius:var(--border-radius);color:var(--color);background-color:var(--background-color-transparent);border:none;box-shadow:0 5px 20px var(--primary-color-for-shadow);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#task-modal::backdrop{background-color:var(--back-drop-background-color)}.task-modal__header{background-color:var(--background-color-primary);display:flex;justify-content:space-between;align-items:center;padding:.3rem;margin-bottom:45px}.task-modal__header p{margin:0}.task-modal__header>.closeModal{background-color:#0000;border-color:#0000;width:30px;display:grid;place-content:center}.task-modal__header>.closeModal .tx{width:30px;height:3px;border-radius:4px;background-color:red}.task-modal__header>.closeModal .tx-1{transform:rotate(45deg)}.task-modal__header>.closeModal .tx-2{transform:translateY(-3px) rotate(-45deg)}.task-modal__header>.closeModal:hover{border-color:var(--border-color)}.task-input-body-cont{flex-direction:column;gap:var(--gap);align-items:flex-start!important;padding:var(--padding)}.task-description{align-self:stretch}.task-description+button{margin-top:1rem}.task-description+button[disabled]{opacity:.4;cursor:not-allowed}.text-center,.center-text{text-align:center}.center{display:flex;justify-content:center;align-items:center}.center-row{flex-direction:row}.center--column{flex-direction:column}.gap{gap:var(--gap)}.center--left,.center-column--left{justify-content:flex-start}.truncate-1{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.header{display:flex;padding:calc(var(--padding) * 2 - 10px) var(--padding);justify-content:space-between;align-items:center;background-color:var(--background-color-transparent);border-bottom-left-radius:var(--padding);border-bottom-right-radius:var(--padding)}.welcome{height:100%;padding-top:150px}.user-cont{width:50px;height:50px;border-radius:30px;overflow:hidden;outline:3px solid var(--primary-color);outline-offset:3px}.welcome-body{padding:var(--padding);display:flex;flex-direction:column;align-items:center;justify-content:center}.addTask{font-size:2rem;font-weight:300;padding:4px 3rem;margin-top:3rem;border-radius:var(--border-radius)}._truncateOne_4600t_1{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.task-manager,.tasks__header,.tasks__body,.tasks,.task{gap:var(--gap);display:flex}.task-manager{flex:1;flex-direction:column;min-height:0}.tasks{flex-direction:column;height:100%;overflow-y:auto;margin-top:2rem}.tasks__header{justify-content:flex-end}.tasks__header button{background:green;border-color:#0000}.tasks__body{flex-direction:column;gap:var(--gap);flex:1;overflow-y:auto;height:100%}.task{background-color:#181818e3;padding:calc(var(--padding) / 2);column-gap:var(--gap);transition:all 1s ease-in;height:70px}.task__child{display:flex;align-items:center}.month-date-cont,.task__title,.task__actions{display:flex;gap:5px}.month-date-cont{flex-direction:column;background:#000;width:60px}.task__title{flex:1;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:.4rem}.task__title-p{cursor:pointer}.task__title>time{font-size:small;color:gray;font-style:italic}.task__title{flex:2}.edit,.delete{border:none;background-color:#0000;padding:8px}