@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:SUIT;src:local("SUIT Variable"),url(/assets/SUIT-Variable-CYARWZDy.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:SUIT,sans-serif;font-size:clamp(12px,5vmin,20px);line-height:1;scroll-behavior:smooth;--opaq: 1;--fnt-title-xl: 2.4rem;--fnt-title-lg: 1.8rem;--fnt-title-md: 1.5rem;--fnt-title-sm: 1rem;--fnt-xl: .9rem;--fnt-lg: .8rem;--fnt-md: .7rem;--fnt-sm: .6rem;--fnt-xs: .5rem;--ff-sans-kr: "SUIT", sans-serif;--ff-sans-en: "Poppins", sans-serif;--ff-gothic-kr: "";--ff-gothic-en: "Oswald", sans-serif;--ff-serif-kr: "";--ff-serif-en: "Abril Fatface", serif;--ff-cursive: }*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font:inherit;-webkit-tap-highlight-color:transparent}body{min-height:100vh;background-color:rgb(var(--clr-background));font-family:var(--ff-sans-kr);color:rgb(var(--clr-text)/var(--opaq));font-size:var(--fnt-md);word-break:keep-all;overflow:overlay}body.prevent-scroll{overflow:hidden}::-moz-selection{background-color:rgba(var(--clr-theme)/.9);color:rgb(var(--clr-text-on-tint))}::selection{background-color:rgba(var(--clr-theme)/.9);color:rgb(var(--clr-text-on-tint))}::-webkit-scrollbar{width:5px;height:5px;border-radius:2px}::-webkit-scrollbar-track-piece{border-radius:2px;background-color:rgba(var(--clr-min)/.3)}::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--clr-max)/.25)}hr{border:0}hr.vf{width:.5px;height:100%}hr.hf{width:100%;height:.5px}h2{font-size:var(--fnt-title-lg)}h3{font-size:var(--fnt-title-md)}h4{font-size:var(--fnt-title-sm)}img,picture,i,svg,video{display:block;-o-object-fit:cover;object-fit:cover}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}ul,ol,li{list-style:none}a{outline:none;color:inherit;text-decoration:none}a:hover,a:focus,a:active{color:rgb(var(--clr-text-highlight))}@keyframes hideAlert{to{inset-block-end:-150%}}@keyframes gearRoll{to{rotate:360deg}}@property --conic-range{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@media (prefers-color-scheme: light){:root{--clr-min: 255 255 255;--clr-max: 0 0 0;--clr-theme: var(--clr-tint-10);--clr-background: var(--clr-surface-100);--clr-surface-100: 245 245 245;--clr-surface-75: 230 230 230;--clr-surface-50: 208 208 208;--clr-surface-25: 184 184 184;--clr-surface-10: 167 167 167;--clr-surface-5: 133 133 133;--clr-tint-100: 56 43 240;--clr-tint-75: 94 67 243;--clr-tint-50: 122 90 245;--clr-tint-25: 145 113 248;--clr-tint-10: 166 136 250;--clr-tint-5: 186 159 251;--clr-text: 51 51 51;--clr-text-highlight: 51 51 51;--clr-text-on-tint: 255 255 255;--clr-text-on-surface: ;--clr-text-on-invert: ;--clr-text-disabled: ;--clr-alert: 227 23 10;--clr-warn: 247 179 43;--clr-info: 169 229 187;--clr-clear: 35 206 107;--clr-unable: ;--clr-if-100: ;--clr-if-75: ;--clr-if-50: ;--clr-if-25: ;--clr-if-10: ;--clr-if-5: ;--clr-if-disabled: }}@media (prefers-color-scheme: dark){:root{--clr-min: 0 0 0;--clr-max: 255 255 255;--clr-theme: var(--clr-tint-10);--clr-background: var(--clr-surface-100);--clr-surface-100: 26 22 37;--clr-surface-75: 47 43 59;--clr-surface-50: 70 66 79;--clr-surface-25: 94 90 102;--clr-surface-10: 118 115 126;--clr-surface-5: 144 141 150;--clr-tint-100: 56 43 240;--clr-tint-75: 94 67 243;--clr-tint-50: 122 90 245;--clr-tint-25: 145 113 248;--clr-tint-10: 166 136 250;--clr-tint-5: 186 159 251;--clr-text: 255 255 255;--clr-text-highlight: 255 255 255;--clr-text-on-tint: 0 0 0;--clr-text-on-surface: ;--clr-text-on-invert: ;--clr-text-disabled: ;--clr-alert: 227 23 10;--clr-warn: 247 179 43;--clr-info: 169 229 187;--clr-clear: 35 206 107;--clr-unable: ;--clr-if-100: ;--clr-if-75: ;--clr-if-50: ;--clr-if-25: ;--clr-if-10: ;--clr-if-5: ;--clr-if-disabled: }}:root{--clr-min: 0 0 0;--clr-max: 255 255 255;--clr-theme: var(--clr-tint-10);--clr-background: var(--clr-surface-100);--clr-surface-100: 26 22 37;--clr-surface-75: 47 43 59;--clr-surface-50: 70 66 79;--clr-surface-25: 94 90 102;--clr-surface-10: 118 115 126;--clr-surface-5: 144 141 150;--clr-tint-100: 56 43 240;--clr-tint-75: 94 67 243;--clr-tint-50: 122 90 245;--clr-tint-25: 145 113 248;--clr-tint-10: 166 136 250;--clr-tint-5: 186 159 251;--clr-text: 255 255 255;--clr-text-highlight: 255 255 255;--clr-text-on-tint: 0 0 0;--clr-text-on-surface: ;--clr-text-on-invert: ;--clr-text-disabled: ;--clr-alert: 227 23 10;--clr-warn: 247 179 43;--clr-info: 169 229 187;--clr-clear: 35 206 107;--clr-unable: ;--clr-if-100: ;--clr-if-75: ;--clr-if-50: ;--clr-if-25: ;--clr-if-10: ;--clr-if-5: ;--clr-if-disabled: }#wrap{position:relative;width:100%;height:100%}.inner-wrapper{margin-inline:auto;padding-inline:.4rem;width:min(100% - 3.2rem,48rem)}.icons{width:24px}#customAlert{position:fixed;inset-block-end:5vh;inset-inline:0;margin:auto;padding:1.5rem;border:1px solid rgb(var(--clr-tint-10)/.5);border-radius:.8rem;background-color:rgb(var(--clr-min)/.75);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);font-size:var(--fnt-lg);font-weight:700;text-align:center;z-index:50000}#customAlert.error{border-color:rgb(var(--clr-alert)/.5)}#customAlert.warn{border-color:rgb(var(--clr-warn)/.5)}#customAlert.good{border-color:rgb(var(--clr-clear)/.5)}#customAlert.hide{animation:hideAlert 1s forwards}#topMenu{display:flex;justify-content:space-between;align-items:center;padding-block:.6rem}#labelGreet{display:flex;align-items:center;gap:.4rem}#labelUserName{display:flex;align-items:center;gap:.2rem;color:rgb(var(--clr-text)/.5)}#labelUserName>span{color:rgb(var(--clr-text));font-weight:900}#btnSettings{padding:.4rem;border:0;border-radius:.4rem;background-color:transparent;color:inherit;cursor:pointer;transition:.15s}#btnSettings:hover{background-color:rgb(var(--clr-tint-75))}#btnSettings:hover>.icons{animation:gearRoll .5s ease-out forwards}#secInput>h1{margin-block:1.2rem;font-size:var(--fnt-title-lg);font-weight:900}#frmInput{display:flex;align-items:center;gap:.4rem}#chkImportant{display:none}#chkImportant+label{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid rgb(var(--clr-surface-10));border-radius:.4rem;transition:.15s;cursor:pointer}#chkImportant+label .icons{width:.8rem}#chkImportant+label .icon-important-blank{display:initial}#chkImportant+label .icon-important-full{display:none}#chkImportant:checked+label{border:1px solid rgb(var(--clr-tint-10));background-color:rgb(var(--clr-tint-50));box-shadow:inset .2rem .2rem .25rem rgb(var(--clr-tint-75)/.75)}#chkImportant:checked+label .icon-important-blank{display:none}#chkImportant:checked+label .icon-important-full{display:initial}#txtTodo{flex:1;padding-inline:.4rem;height:1.8rem;border:1px solid rgb(var(--clr-surface-10)/.2);border-radius:.4rem;background-color:rgb(var(--clr-min)/.2);color:rgb(var(--clr-max));transition:.15s}#txtTodo:focus{border-color:rgb(var(--clr-tint-25));background-color:rgb(var(--clr-min)/.5);outline:.15rem solid rgb(var(--clr-tint-25)/.25)}#btnEnter{padding-inline:1rem;height:1.8rem;border:0;border-radius:.4rem;background-color:rgb(var(--clr-theme));color:rgb(var(--clr-surface-100));font-weight:900;transition:.15s;cursor:pointer}#btnEnter:hover{background-color:rgb(var(--clr-tint-75));color:rgb(var(--clr-max))}#navPrimary{margin-block-start:1.2rem}#navList{display:flex;align-items:center;border-block-end:1px solid rgb(var(--clr-theme)/.1)}.nav-tab-item{flex:1;opacity:.5}.nav-tab-item>a{display:grid;place-items:center;padding-block:1rem}.nav-tab-item:not(.current):hover{opacity:.75}.nav-tab-item.current{background-image:linear-gradient(to top,rgb(var(--clr-theme)) .2rem,transparent .2rem),linear-gradient(to top,rgb(var(--clr-theme)/.1),transparent);font-weight:900;text-shadow:0 .1rem .1rem rgba(0,0,0,.75);opacity:1}#todoList{display:flex;flex-flow:column nowrap;gap:.8rem;padding-block:1.2rem}.empty-list{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1rem;height:12rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.empty-list>.big-icon{width:3rem;fill:rgb(var(--clr-surface-10));opacity:.3}.empty-list>p{font-size:var(--fnt-xl);font-weight:100;opacity:.5}.todo-item{display:flex;flex-flow:row nowrap;gap:1.2rem;position:relative;padding:1.2rem;border-radius:.6rem;transition:.15s}.todo-item:hover{background-color:rgb(var(--clr-surface-75))}.todo-item:hover .todo-button-container button{background-color:rgb(var(--clr-surface-10))}.todo-item[data-item-imp=important]{background-color:rgb(var(--clr-min)/.75);background-image:linear-gradient(135deg,rgb(var(--clr-warn)) 1rem,transparent 1rem);outline:1px solid rgb(var(--clr-warn));box-shadow:0 0 .5rem rgb(var(--clr-warn)/.25)}.todo-item[data-item-imp=important] .todo-status{display:initial}.todo-item[data-item-status=done] .todo-label{color:rgb(var(--clr-max)/.5);text-decoration:line-through}.button-todo-item-done{display:grid;place-items:center;width:1.2rem;height:1.2rem;border:1px solid rgb(var(--clr-surface-10)/.5);border-radius:.4rem;background-color:rgb(var(--clr-min)/.2);cursor:pointer}.button-todo-item-done:hover{border-color:rgb(var(--clr-tint-25));background-color:rgb(var(--clr-min)/.5);outline:.15rem solid rgb(var(--clr-tint-25)/.25)}.button-todo-item-done.done{background-color:rgb(var(--clr-theme));color:rgb(var(--clr-max))}.button-todo-item-done.done>.icons{display:initial}.button-todo-item-done>.icons{display:none;width:.8rem}.button-todo-item-done:disabled{background-color:rgb(var(--clr-surface-50));cursor:not-allowed}.todo-item-aligner{flex:1;display:flex;flex-flow:column nowrap;gap:.4rem}.todo-label-container{flex:1;position:relative}.todo-label{flex:1;line-height:1.6}.todo-label[contenteditable]{display:flex;padding-block:.6rem;padding-inline:.4rem;border:1px solid rgb(var(--clr-surface-10)/.2);border-radius:.4rem;background-color:rgb(var(--clr-min)/.2);color:rgb(var(--clr-max));transition:.15s}.todo-label[contenteditable]:focus{border-color:rgb(var(--clr-tint-25));background-color:rgb(var(--clr-min)/.5);outline:.15rem solid rgb(var(--clr-tint-25)/.25)}.todo-edit-legends{display:none;position:absolute;inset-block:0;inset-inline-end:.6rem;margin-block:auto;height:-moz-fit-content;height:fit-content;pointer-events:none}.todo-edit-legends>.legends-keys{padding:.2rem .4rem;border-radius:.2rem;background-color:rgb(var(--clr-surface-75));font-size:.6rem}.todo-item:has([contenteditable]) .todo-edit-legends{display:initial}.todo-item:has([contenteditable]) .todo-button-container{opacity:.25;pointer-events:none}.todo-status{display:none;position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem;color:rgb(var(--clr-warn))}.todo-status>.icons{width:1rem}.todo-button-container{margin-inline-start:auto}.todo-button-container button{padding:.4rem;border:0;border-radius:.4rem;background-color:rgb(var(--clr-surface-75));transition:.15s;cursor:pointer}.todo-button-container button:hover{background-color:rgb(var(--clr-theme))!important;color:rgb(var(--clr-tint-100))}.todo-button-container button>.icons{width:.8rem}#modalUserSettings{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100% - 1.6rem,24rem);height:-moz-fit-content;height:fit-content;border:1px solid rgb(var(--clr-theme)/.1);border-radius:.4rem;background-color:rgb(var(--clr-surface-100));box-shadow:0 1.2rem 2.4rem #00000040;color:rgb(var(--clr-max))}#modalUserSettings::backdrop{background-color:rgb(var(--clr-surface-100)/.5)}#modalTitle{padding:.8rem;font-size:var(--fnt-title-sm);font-weight:900}#modalContent{display:flex;flex-flow:column nowrap;gap:1.2rem;padding:.8rem;border-block:1px solid rgb(var(--clr-theme)/.1)}.modal-section-title{margin-block-end:.8rem;font-size:var(--fnt-lg);font-weight:700}.modal-section-content{display:flex;flex-flow:column nowrap;gap:.4rem;margin-inline-start:.2rem;padding-block:.2rem;padding-inline-start:.6rem;border-inline-start:.2rem solid rgb(var(--clr-tint-75)/.5)}.modal-section-description{color:rgb(var(--clr-max)/.5)}.modal-label-user-name{color:rgb(var(--clr-max));font-weight:900}#txtUserName{padding-inline:.4rem;width:100%;height:1.8rem;border:1px solid rgb(var(--clr-surface-10)/.2);border-radius:.4rem;background-color:rgb(var(--clr-min)/.2);color:rgb(var(--clr-max));transition:.15s}#txtUserName:focus{border-color:rgb(var(--clr-tint-25));background-color:rgb(var(--clr-min)/.5);outline:.15rem solid rgb(var(--clr-tint-25)/.25)}#chkToggleColor{display:none}#chkToggleColor+label{display:block;position:relative;width:2rem;height:1rem;border-block-start:1px solid rgba(0,0,0,.1);border-block-end:1px solid rgba(255,255,255,.1);border-inline-start:1px solid rgba(0,0,0,.1);border-inline-end:1px solid rgba(255,255,255,.1);border-radius:50rem;background-color:#3e1191;transition:.3s;cursor:pointer}#chkToggleColor+label:before{display:block;position:absolute;inset-block:.1rem;inset-inline-start:.1rem;right:auto;aspect-ratio:1/1;border-radius:100%;background-color:#ff0;transition:.3s;content:""}#chkToggleColor+label:after{position:absolute;inset-block:0;inset-inline-start:calc(100% + .4rem);margin-block:auto;height:-moz-fit-content;height:fit-content;content:"어둡게"}#chkToggleColor:checked+label{background-color:rgb(var(--clr-warn))}#chkToggleColor:checked+label:before{translate:calc(100% + .3rem)}#chkToggleColor:checked+label:after{content:"밝게"}#modalButtonContainer{display:flex;justify-content:flex-end;gap:.4rem;padding:.6rem .8rem}#modalButtonContainer button{padding-inline:1rem;height:1.8rem;border:0;border-radius:.4rem;background-color:rgb(var(--clr-theme));color:rgb(var(--clr-surface-100));font-weight:900;transition:.15s;cursor:pointer}#modalButtonContainer button:hover{background-color:rgb(var(--clr-tint-75));color:rgb(var(--clr-max))}#footPrimary{position:sticky;inset-block-end:0;inset-inline:0;padding-block:1rem;border-block-start:1px solid rgb(var(--clr-theme)/.1);background-color:rgb(var(--clr-surface-100)/.5);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);z-index:49999}.info-display{display:flex;justify-content:space-between;align-items:center}.info-labels{display:flex;align-items:center;gap:.4rem}.info-labels:first-child>span{background-color:rgb(var(--clr-theme))}.info-labels:last-child>span{background-color:rgb(var(--clr-clear))}.info-labels>span{display:block;padding:.2rem .6rem;border-radius:50rem;color:#000000bf;font-size:var(--fnt-sm);font-weight:900}