.inline-block{display:inline-block}@font-face{font-family:NanoMyongWenFangSong;src:url(/assets/NanoMyongWenFangSong-Di3YbSke.woff2) format("woff2")}*{font-family:NanoMyongWenFangSong;margin:0;padding:0;box-sizing:border-box;font-size:62.5%}.header{margin:2rem 1.2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.header-content{font-size:2.8rem;letter-spacing:1px}.yellow{color:#fab005!important}.green{color:#82c91e!important}.pink{color:#e64980!important}.nav-container{margin-left:auto;padding:3.6rem 1.8rem;width:50vw;display:flex;flex-direction:column;gap:3.6rem;align-items:center;justify-content:center;bottom:0;right:0;position:absolute;transform:translateY(100%);background-color:#fff;opacity:.9;z-index:9999}.nav-button{font-size:2.2rem;text-decoration:none;background-color:transparent;border:none;color:#fab005}.loading-container{display:flex;flex-direction:column;align-items:center;height:100vh}.loading-icon{width:30%}.loading-hello{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55%}.loading-welcome{font-size:6.8rem}.loading-name{font-size:5.2rem}.todo-list-container{margin:0 auto;width:80%;display:flex;flex-direction:column;gap:1.6rem}.todoitem-task{margin:.6rem 1.2rem;margin-bottom:auto;font-size:2.4rem;flex-grow:1}.todoitem-countdown{margin:.6rem 1.2rem;font-size:1.4rem}.todoitem-card{background-color:#fff9db;flex:1;border-radius:1rem;flex:1 0 8.4rem;box-shadow:#fff9dbbc 5px 5px 5px;display:flex;flex-direction:column;position:relative}.done-card{background-color:#ffec99}.todoitem-pin{width:3.8rem;height:3.8rem;position:absolute;right:0;top:0;transform:translate(50%,-50%)}.home-button{position:fixed;top:80%;right:5%;z-index:9999}.addtodo-box{display:flex;min-height:100vh;width:100vw;align-items:center;justify-content:center}.addtodo-container{position:relative;padding-top:3.2rem;display:flex;flex-direction:column;min-height:80%;margin-top:10%;width:85%;background-color:#fff9db;border-radius:1rem}.todo-form{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:.8rem;font-size:3.2rem}.todo-form label{padding:.4rem;border-bottom:#000 1px solid;height:3.3rem}.todo-form input{border:none;padding:.4rem;border-bottom:#000 1px solid;background-color:transparent;height:3.3rem}.todo-form textarea{padding:0 .4rem;background-color:transparent;border:none;line-height:4.1rem}.todo-form textarea:focus{outline:none}.todo-detail-label{position:relative}.textarea-container{display:flex;flex-direction:column;font-size:3.2rem;overflow:hidden}.textarea-underline{content:"";position:absolute;height:.1rem;width:100%;border-top:#000 solid .1rem;top:0;left:0;transform:translateY(7.4rem)}.button-box{margin:8rem auto;display:flex;gap:2rem}.button{border:none;width:6rem;height:6rem;background-color:#ffec99;color:#fab005;border-radius:1rem;display:flex;align-items:center;justify-content:center}.thumbtack{width:5.2rem;height:5.2rem;position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}.smaller-icon{width:80%}.normal-icon{width:100%}.checkbox-container{background-color:#f4fce3;margin:20vh 20vw 5vh 20vw;width:60vw;min-height:60vw;border-radius:1rem;font-size:3.2rem;padding:9.2rem 1.6rem 1.6rem;display:flex;flex-direction:column;row-gap:1.2rem;position:relative}.clip-icon{position:absolute;width:5.2rem;top:0;left:50%;transform:translate(-50%,-50%)}.checkbox-container input{background-color:transparent;border:none}.checkbox-freq{display:flex;font-size:3.2rem;gap:.8rem;align-items:center}.checkbox-select{background-color:transparent;border:none}.underline{border-bottom:solid #000 1px!important;height:3.2rem}.check-button{background-color:#d8f5a2;color:#82c91e}.button-container{width:100vw;display:flex}.check-cards{display:grid;grid-template-columns:1fr 1fr;row-gap:3.2rem;width:100vw;color-scheme:10vw;margin-bottom:8.2rem}.check-card{background-color:#f4fce3;width:40vw;height:40vw;border-radius:1rem;margin:0 auto;position:relative}.checkContent{padding:2.4rem 0 0 1.2rem;font-size:2.8rem;width:10.8rem}.check-times{font-size:2.8rem;width:4.2rem;height:4.2rem;position:absolute;top:0;right:0}.check-record-container{margin:0 15%;width:70%;display:flex;flex-direction:column;gap:2.4rem}.checkRecord{text-align:center;height:3.6rem;font-size:2.8rem;border-radius:1rem;background-color:#f4fce3}.sketch-button{background-color:#fcc2d7;color:#e64980}.sketch-style{background-color:#fff0f6}.pin{position:absolute;left:5%;top:0;transform:translateY(-50%)}.sketch-pin{left:0}.sketch-container{width:80%;margin:0 10%;display:flex;flex-direction:column;gap:2.2rem}.sketch-card{background-color:#fff0f6;border-radius:1rem;position:relative}.sketch-content{padding:2.2rem 1.2rem 0 2.2rem;font-size:2rem}.sketch-time{padding:1.2rem .6rem 1.2rem 0;font-size:1.2rem;text-align:right}.sketch-modify{padding-top:2.4rem;font-size:1.2rem}.buttom-tabbar{display:flex;position:fixed;bottom:0;height:8.2rem;width:100vw;justify-content:space-between;background-color:#fafafa}.buttom-tab{flex-grow:1;font-size:2rem;justify-content:center;display:flex;align-items:end;padding:1.6rem;text-decoration:none}.buttom-todo{color:#fab005}.buttom-check{color:#82c91e}.buttom-sketch{color:#e64980}.buttom-active{align-self:flex-start;font-weight:bolder}.loader{border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:3.2rem;position:relative;background-image:linear-gradient(#fab005,#82c91e,#e64980)}.login-box{font-size:3.2rem;width:60%;display:flex;flex-direction:column;gap:1.2rem}.login-input{padding:.8rem}.login-container:before{content:"欢迎";position:absolute;top:10%;left:10%;font-size:5.2rem;font-weight:bolder}.login-button{margin-top:5.2rem;width:10.2rem;font-size:3.2rem}.month-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:5.6rem;gap:5.6rem}.month-month{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:.5fr,repeat(5,1fr);column-gap:2.6vw;row-gap:3.2vw}.month-header{display:flex;gap:3.2rem;align-items:center}.inline-button{width:3.2rem;background-color:transparent;border:none}.month-day{width:10vw;height:20vw;border-radius:1rem;border:solid 1px #000;overflow:hidden}.month-week{text-align:center}.month-date{padding:.2rem 0 .4rem .2rem;font-size:1.6rem}.month-done{background-color:#fab005;font-size:2rem;text-align:center}.month-doing{background-color:#ffec99;font-size:2rem;text-align:center}.check-date{background-color:#82c91e}