body{color:#2c2c2a;letter-spacing:.01em;background-color:#f5efe0;min-height:100vh;margin:0;padding:2.5rem 1.5rem;font-family:Courier New,D2Coding,monospace;font-size:1rem;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}@media (width<=480px){html{font-size:15px}}.site-wrapper{flex-direction:column;height:calc(100vh - 5rem);min-height:500px;display:flex}.app{flex-direction:row;flex:1;width:100%;max-width:960px;min-height:0;margin:0 auto;display:flex}@media (width<=768px){.app{height:auto;min-height:unset;flex-direction:column}}.todo-panel{border:.18rem solid #2c2c2a;flex-direction:column;flex:2;min-width:0;display:flex;overflow:hidden}@media (width<=768px){.todo-panel{max-height:65vh}}.todo-header{color:#ef9f27;letter-spacing:.04em;background-color:#2c2c2a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:2.6rem;padding:.55rem .9rem;font-size:1rem;font-weight:700;display:flex}.todo-header__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.todo-header__right{align-items:center;gap:1rem;display:flex}.todo-header__dots{letter-spacing:.25rem;opacity:.9;font-size:.72rem}.todo-header__actions{gap:.5rem;display:flex}.todo-header__btn{cursor:pointer;color:#ef9f27;opacity:.75;text-underline-offset:2px;letter-spacing:.01em;background:0 0;border:none;align-items:center;padding:0;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.todo-header__btn:hover{opacity:1}@media (width<=480px){.todo-header{padding:.45rem .6rem;font-size:.88rem}.todo-header__right{gap:.5rem}.todo-header__btn{font-size:.72rem}}.todo-tabs{background:#f5efe0;border-bottom:.18rem solid #2c2c2a;flex-shrink:0;align-items:flex-end;gap:.2rem;padding:.55rem .8rem 0;display:flex}.todo-tabs__tab{cursor:pointer;color:#888;letter-spacing:.02em;background:#d8d4c6;border:.12rem solid #c8c4b8;border-bottom:none;border-radius:0;padding:.28rem 1.05rem;font-family:inherit;font-size:.9rem;line-height:1.4}.todo-tabs__tab--active{color:#2c2c2a;background:#f5efe0;border-color:#2c2c2a #2c2c2a #f5efe0;border-bottom-style:solid;border-bottom-width:.18rem;padding-bottom:.35rem;font-weight:700;position:relative;top:.18rem}.todo-tabs__badge{color:#fff;vertical-align:middle;background:#c8a0a0;justify-content:center;align-items:center;min-width:1rem;height:1rem;margin-left:.3rem;padding:0 .2rem;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.todo-input{border-bottom:.18rem solid #2c2c2a;flex-shrink:0}.todo-input__row{display:flex}.todo-input__field{color:#2c2c2a;background:#faf8f2;border:none;border-right:.1rem solid #2c2c2a;outline:none;flex:1;padding:.6rem .9rem;font-family:inherit;font-size:1rem}.todo-input__field::placeholder{color:#bbb;letter-spacing:.02em}.todo-input__btn{cursor:pointer;color:#2c2c2a;background:#ede9da;border:none;flex-shrink:0;padding:0 1rem;font-family:inherit;font-size:1.3rem;font-weight:400;transition:background .1s}.todo-input__btn:hover{color:#fff;background:#ef9f27}.todo-input__meta-row{background:#faf8f2;border-top:.08rem dashed #d0ccc0;align-items:center;gap:.5rem;padding:.25rem .9rem;display:flex}.todo-input__date-field{color:#888;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:.8rem}.todo-input__date-field::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer;filter:invert(60%);width:.8rem;height:.8rem}.todo-input__meta-divider{background:#d0ccc0;flex-shrink:0;width:.08rem;height:.75rem}.todo-input__tag-prefix{color:#ccc;flex-shrink:0;font-size:.8rem}.todo-input__tag-field{color:#999;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.8rem}.todo-input__tag-field::placeholder{color:#ccc}.todo-list{scrollbar-width:thin;scrollbar-color:#d0ccc0 transparent;flex:1;min-height:3.5rem;overflow-y:auto}.todo-item{border-bottom:.08rem dashed #c8c4b8;border-left:.28rem solid #ef9f27;padding:.55rem .9rem .45rem .7rem;list-style:none}.todo-item--done{background:#faf8f2;border-left-color:#ccc}.todo-item:last-child{border-bottom:none}.todo-item__top{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.todo-item__left{flex:1;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.todo-item__checkbox{appearance:none;cursor:pointer;background:0 0;border:.1rem solid #999;flex-shrink:0;width:1.05rem;height:1.05rem;margin-top:.22rem;position:relative}.todo-item__checkbox:checked{border-color:#ccc}.todo-item__checkbox:checked:after{content:"✓";color:#ef9f27;font-size:.86rem;line-height:1;position:absolute;top:-.15rem;left:.02rem}.todo-item__text{word-break:break-all;font-size:.95rem;line-height:1.5}.todo-item__text--done{color:#aaa;text-decoration:line-through}.todo-item__meta{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.2rem;margin-left:1.45rem;display:flex}.todo-item__date{color:#bbb;letter-spacing:.01em;font-size:.8rem}.todo-item__tag{color:#777;letter-spacing:.01em;border:.08rem solid #bbb;padding:0 .35rem;font-size:.75rem;line-height:1.5}.todo-item--done .todo-item__tag{color:#ccc;border-color:#ddd}.todo-item--deleted{opacity:.8;background:#f7f5ee;border-left-color:#ddd}.todo-item__trash-icon{color:#ddd;flex-shrink:0;margin-top:.3rem;font-size:.65rem;line-height:1}.todo-item__actions{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.todo-item__restore{cursor:pointer;color:#ef9f27;opacity:.8;background:0 0;border:.08rem solid #ef9f27;padding:.1rem .4rem;font-family:inherit;font-size:.72rem;line-height:1.3}.todo-item__restore:hover{color:#fff;opacity:1;background:#ef9f27}.todo-item__date--deleted{color:#d0a0a0}.todo-item__delete{cursor:pointer;color:#ccc;opacity:0;background:0 0;border:none;flex-shrink:0;margin-top:.1rem;padding:.1rem .2rem;font-size:.72rem;line-height:1}.todo-item:hover .todo-item__delete{opacity:1}.todo-item__delete:hover{color:#888}.todo-footer{color:#666;letter-spacing:.02em;background:#ede9da;border-top:.18rem solid #2c2c2a;flex-shrink:0;justify-content:space-between;align-items:center;padding:.35rem .9rem;font-size:.85rem;display:flex}.todo-footer__stats{gap:1.2rem;display:flex}.todo-footer__stat{color:#555}.todo-footer__actions{align-items:center;gap:.45rem;display:flex}.todo-footer__confirm-msg{color:#888;font-size:.78rem}.todo-footer__btn{cursor:pointer;letter-spacing:.02em;border:none;align-items:center;padding:.22rem .55rem;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.todo-footer__btn--delete{color:#aaa;background:0 0;border:.08rem solid #c8c4b8}.todo-footer__btn--delete:hover:not(:disabled){color:#888;border-color:#aaa}.todo-footer__btn--delete:disabled{opacity:.35;cursor:default}.todo-footer__btn--confirm{color:#fff;background:#ef9f27;border:.08rem solid #ef9f27}.todo-footer__btn--confirm:hover{background:#d8881e;border-color:#d8881e}.todo-footer__btn--cancel{color:#888;background:0 0;border:.08rem solid #c8c4b8}.todo-footer__btn--cancel:hover{color:#555;border-color:#aaa}@media (width<=480px){.todo-footer__stats{gap:.8rem;font-size:.7rem}}.calendar-panel{border:.18rem solid #2c2c2a;border-left:none;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=768px){.calendar-panel{border-top:none;border-left:.18rem solid #2c2c2a;height:auto;overflow:visible}}.calendar-header{color:#ef9f27;letter-spacing:.06em;background-color:#2c2c2a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:2.7rem;padding:.55rem .9rem;font-size:1rem;font-weight:700;display:flex}.calendar-header__title{cursor:pointer;color:#ef9f27;letter-spacing:.06em;opacity:.9;background:0 0;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:700}.calendar-header__title:hover{opacity:1;text-underline-offset:.2rem;text-decoration:underline}.calendar-header__picker{align-items:center;gap:.35rem;display:flex}.calendar-header__select{color:#ef9f27;cursor:pointer;letter-spacing:.04em;appearance:none;background:#2c2c2a;border:.08rem solid #ef9f27;padding:.05rem .2rem;font-family:inherit;font-size:.88rem;font-weight:700}.calendar-header__nav{gap:.15rem;display:flex}.calendar-header__btn{cursor:pointer;color:#ef9f27;opacity:.8;background:0 0;border:none;padding:.1rem .35rem;font-family:inherit;font-size:.92rem}.calendar-header__btn:hover{opacity:1}.calendar-header__btn--today{opacity:.75;letter-spacing:.04em;border:.08rem solid #ef9f27;padding:.05rem .35rem;font-size:.72rem}.calendar-header__btn--today:hover{opacity:1;color:#2c2c2a;background:#ef9f27}.calendar-grid{flex:1;padding:.6rem .5rem .4rem;overflow:hidden}@media (width<=768px){.calendar-grid{overflow:visible}}.calendar-grid__weekdays{border-bottom:.08rem solid #d0ccc0;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;padding-bottom:.25rem;display:grid}.calendar-grid__weekday{text-align:center;color:#bbb;letter-spacing:.05em;font-size:.75rem;font-weight:600}.calendar-grid__days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid__day{cursor:pointer;flex-direction:column;align-items:center;padding:.2rem 0;font-size:.87rem;display:flex}.calendar-grid__day:hover:not(.calendar-grid__day--today) .calendar-grid__day-num{background:#e8e4d9}.calendar-grid__day--other-month{color:#ccc}.calendar-grid__day--today .calendar-grid__day-num{color:#2c2c2a;background:#ef9f27;font-weight:700}.calendar-grid__day-num{justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.87rem;display:flex}.calendar-grid__day--selected:not(.calendar-grid__day--today) .calendar-grid__day-num{outline-offset:-1px;outline:.1rem solid #2c2c2a;font-weight:700}.calendar-grid__dot{background:#ef9f27;border-radius:50%;flex-shrink:0;width:.28rem;height:.28rem;margin-top:.1rem}.calendar-grid__day--other-month .calendar-grid__dot{background:#ddd}.calendar-today{background:#faf8f2;border-top:.18rem solid #2c2c2a;flex-direction:column;flex-shrink:0;max-height:11rem;padding:.55rem .8rem .6rem;display:flex}.calendar-today__title{color:#bbb;letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;margin-bottom:.4rem;font-size:.72rem;font-weight:700}.calendar-today__list{scrollbar-width:thin;scrollbar-color:#d0ccc0 transparent;list-style:none;overflow-y:auto}.calendar-today__item{color:#2c2c2a;border-left:.22rem solid #ef9f27;margin-bottom:.25rem;padding-left:.45rem;font-size:.85rem;line-height:1.45}.calendar-today__item--done{color:#bbb;border-left-color:#ddd;text-decoration:line-through}.calendar-today__item:last-child{margin-bottom:0}.calendar-today__empty{color:#ccc;letter-spacing:.02em;font-size:.82rem;list-style:none}.site-footer{color:#9e9a90;letter-spacing:.01em;background:#f5efe0;border-top:.06rem solid #ddd8cc;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.7rem 1.5rem;font-size:.72rem;display:flex}.site-footer__notice{color:#b0a898}.site-footer__divider{vertical-align:middle;background:#ccc8be;width:.06rem;height:.75rem;display:inline-block}.site-footer__link{color:#9e9a90;border-bottom:.06rem solid #c8c4b8;text-decoration:none;transition:color .15s,border-color .15s}.site-footer__link:hover{color:#ef9f27;border-color:#ef9f27}.site-footer__license{color:#b0a898}.site-footer__format-btn{cursor:pointer;color:#b0a898;letter-spacing:.1em;background:0 0;border:.06rem solid #c8c4b8;padding:.05rem .45rem;font-family:inherit;font-size:.68rem;transition:color .15s,border-color .15s}.site-footer__format-btn:hover{color:#c0392b;border-color:#c0392b}.site-footer__confirm{align-items:center;gap:.4rem;display:inline-flex}.site-footer__confirm-msg{color:#c0392b;letter-spacing:.01em}.site-footer__confirm-btn{cursor:pointer;letter-spacing:.04em;background:0 0;border:.06rem solid;padding:.05rem .4rem;font-family:inherit;font-size:.68rem}.site-footer__confirm-btn--ok{color:#c0392b}.site-footer__confirm-btn--ok:hover{color:#fff;background:#c0392b}.site-footer__confirm-btn--cancel{color:#9e9a90}.site-footer__confirm-btn--cancel:hover{color:#2c2c2a;border-color:#2c2c2a}@media (width<=768px){.site-footer{text-align:center;padding:.6rem 1rem;font-size:.68rem}.site-footer__divider{display:none}}