*,*:active,*:hover,*:before,*:after{box-sizing:border-box}html{padding:0;margin:0}body{margin-bottom:30px}.inner{max-width:700px;margin:0 auto}.align-center{text-align:center}.input{outline:none;border:solid 3px #d7d2cd;padding:10px;border-radius:7px}.input:focus{background:#f9f9f0}.task-list{list-style:none;margin:0;padding:0;border-top:1px solid #d7d2cd;text-align:left}.task-list li{padding:20px 10px;border-bottom:1px solid #d7d2cd;display:flex;align-items:center;position:relative}.task-list li.done span{text-decoration:line-through}.task-list li label{display:block;cursor:pointer}.task-list li>form,.task-list li>div{display:block;width:calc(100% - 120px)}.task-list li .btn{position:absolute;right:10px;width:80px;padding:.5em 1em .4em;font-size:13px;z-index:10}.task-list li .is-cancel{width:96px;background-color:#999}.task-list li .input{display:block;position:relative;width:100%;font-size:15px;outline:none;border:solid 1px #d7d2cd;padding:7px;border-radius:4px;margin-top:-5px}.task-list li .input:focus{background:#f9f9f0}.input-form{margin-bottom:40px;background:#f9f3ee;padding:40px 0;border-bottom:1px solid #d7d2cd}.input-form .inner{display:flex;position:relative}.input-form .input{width:80%;font-size:15px;outline:none;border:solid 3px #d7d2cd;margin-right:10px;margin-top:20px}.input-form .btn{margin-top:20px;width:20%}.input-form .input.error{background-color:#ffd4dd;border-color:#d01137}.input-form .error-message{position:absolute;top:48px;background-color:#d01137;color:#fff;font-size:13px;font-weight:700;border-radius:5px;padding:2px 5px}.btn{font-size:15px;cursor:pointer;font-weight:700;display:inline-block;padding:10px 15px;text-decoration:none;background:#668ad8;color:#fff;border:none;border-bottom:solid 4px #485879;border-radius:7px;outline:none}.btn:active{transform:translateY(4px);border-bottom:none;margin-bottom:4px}.btn.is-delete{background-color:#d86681;border-bottom-color:#956270}.btn.is-primary{background-color:#8266d8;border-bottom-color:#628195}.btn.is-update{background-color:#07e40e;border-bottom-color:#0eb711;margin-top:-30px}.checkbox-input{display:none}.checkbox-label{position:relative;margin-right:30px;top:-10px}.checkbox-label:before{content:"";display:block;position:absolute;top:2px;left:0;width:18px;height:18px;border:1px solid #d7d2cd;border-radius:4px}.done .checkbox-label{color:#999}.done .checkbox-label:after{content:"";display:block;position:absolute;top:0;left:5px;width:7px;height:14px;transform:rotate(40deg);border-bottom:3px solid #d01137;border-right:3px solid #d01137}.fade-enter-active{background-color:#fff8b0;transition:background-color .3s}.fade-enter-done{transition:background-color 1s}.fade-exit{background-color:#ffacbf}.fade-exit-active{background-color:transparent;transition:background-color .7s}.fade-exit-active label{opacity:.3;transition:opacity .7s}.global-head{color:#fff;background:#201402;margin:0;padding:10px;position:fixed;width:100%;z-index:1000}.global-head a{color:#fff;text-decoration:none}.global-head a:hover{text-decoration:underline}.global-head ul{list-style:none;display:flex;margin:0;padding:0}.global-head ul li{margin:0 10px}.global-head ul li span{cursor:pointer}.global-head ul li span:hover{text-decoration:underline}.alert{font-size:14px;position:fixed;width:300px;right:10px;bottom:10px;color:#155724;background:#d4edda;border:solid 1px #c3e6cb;padding:13px;border-radius:7px}ul.tag-list{list-style:none;margin-left:0;margin-top:-15px;padding:0}ul.tag-list>li{display:inline-block;margin-left:5px;margin-bottom:7px;font-size:93%}ul.tag-list>li.active>a{background:none}ul.tag-list>li>a{text-decoration:none;background:#fce59f;border:solid 3px #fce59f;color:#333;display:inline-block;padding:3px 13px;border-radius:20px;cursor:pointer}ul.tag-list>li>a:hover{background:#fff6c6;border-color:#fff6c6}.login-page{background:#f9f3ee;width:100vw;height:60vh;display:flex;flex-direction:column;padding-top:100px;align-items:center}.login-page .links{margin-top:10px;font-size:93%}.login-page .links a{color:#1b1e21}.login-panel{width:500px;background:#fcfaf6;padding:50px;border-radius:20px;box-shadow:2px 2px 25px #e3dfd4}.login-panel .input-group{margin-bottom:10px}.login-panel label{font-size:.8em;width:100%;display:block}.login-panel .input{width:100%}.login-panel .btn{margin-top:5px}.loader,.loader:after{border-radius:50%;width:7em;height:7em}.loader{margin:20px auto;font-size:10px;position:relative;border-top:.4em solid rgba(255,174,0,.2);border-right:.4em solid rgba(255,174,0,.2);border-bottom:.4em solid rgba(255,174,0,.2);border-left:.4em solid #ffae00;transform:translateZ(0);animation:load-animate .5s infinite linear}@keyframes load-animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}