*{box-sizing:border-box}body{margin:0;background:#eeefed;color:#242521;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{max-width:1100px;margin:30px auto 20px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}small{letter-spacing:2px;font-size:10px;font-weight:700;color:#787a73}h1{font-size:40px;letter-spacing:-2px;margin:4px 0}h1 span{color:#d43238}h2{font-size:23px;letter-spacing:-.6px}#state{font-size:12px;color:#686b61;max-width:45%}main{max-width:1052px;margin:auto;padding:0 24px}nav,.tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:15px 0}button,.button,input,select{font:inherit;border:1px solid #d8dad3;background:white;border-radius:9px;padding:11px 13px;color:inherit}button,.button{cursor:pointer}button:hover,.button:hover{border-color:#95998c}.active,button#save,#login button,#eventForm button{background:#252820;color:white;border-color:#252820}label{display:inline-flex;gap:8px;align-items:center}.tools{position:sticky;top:0;z-index:2;background:#eeefedf5;padding:10px 0}#color{width:44px;height:42px;padding:5px}.paper{background:#fffef2;box-shadow:0 8px 36px #24252112;border:1px solid #dedfd5;border-radius:3px;padding:20px 28px 28px}.paperhead{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #303029;margin-bottom:15px}.paperhead img{height:60px;width:auto}canvas{display:block;width:100%;height:auto;touch-action:none;background-image:linear-gradient(#66666618 1px,transparent 1px),linear-gradient(90deg,#66666618 1px,transparent 1px);background-size:5% 3.846%;border:1px solid #ddddcd}section.calendar{margin:30px 0;background:#fafbf7;border-radius:16px;padding:26px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge,.hint{font-size:12px;color:#73776a}.badge{background:#eeefe8;padding:8px;border-radius:6px}#eventForm{display:flex;gap:10px;flex-wrap:wrap}#eventTitle{flex:1;min-width:160px}.event{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e1e3da;padding:15px 0}.event span{flex:1}.event.done span{text-decoration:line-through;color:#898b80}footer{text-align:center;color:#7b7e73;font-size:10px;letter-spacing:2px;padding:15px 0 35px}#login{max-width:500px;background:white;margin:70px auto;padding:40px;border-radius:20px}#loginForm{display:grid;gap:12px}#loginError{color:#b32c30}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 10px}header{padding:0 14px}.paper{padding:10px}.sectionhead{display:block}section.calendar{padding:18px}.tools{gap:5px}.tools button,.tools .button{padding:9px;font-size:12px}}