@font-face{font-family:Caveat;src:url('fonts/caveat-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
#tagNotebook{width:min(calc(100vw - 20px),780px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);max-width:780px;padding:0;border:1px solid #dedbd2;border-radius:12px;background:#fffdf6;box-shadow:0 12px 55px #2a233e35;overflow:hidden}
#tagNotebook[open]{display:flex;flex-direction:column}
.notebook-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 8px 50px;flex-shrink:0}
#tagNotebook h2{font-family:Caveat,'Kaiti SC',KaiTi,cursive;font-size:32px;font-weight:500;margin:0;color:#34304a;line-height:1.2;overflow-wrap:anywhere}
#notebookCount{font-size:10px;color:#9a8e83;display:block;margin-top:4px}
#closeTagNotebook{align-self:flex-start;width:36px;height:36px;min-height:36px;padding:6px;border-radius:50%;background:#f0ecdf;color:#655d61;flex-shrink:0}
.notebook-hint{font-size:10px;color:#a29688;margin:0;padding:0 16px 12px 50px;flex-shrink:0}
#notebookPaper{--paper-line:44px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 18px 60px 12px;background-image:linear-gradient(to right,transparent 0,transparent 40px,#e6a1a1 40px,#e6a1a1 41px,transparent 41px),repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#b8cff0 43px,#b8cff0 44px);background-attachment:local}
#notebookPaper::-webkit-scrollbar{display:none}
.notebook-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;min-height:44px}
#tagNotebook .notebook-check{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;border:1.8px solid #5c586b;border-radius:2px 4px 3px 5px;background-color:transparent;transform:rotate(-4deg);cursor:pointer;box-shadow:1px 0 0 -.1px #5c586b55}
#tagNotebook .notebook-check:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l6 6L22 3M4 13l5 4L21 4' fill='none' stroke='%23494466' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px;background-position:center}
#tagNotebook .notebook-check:focus-visible{outline:3px solid #a08be5;outline-offset:4px}
#tagNotebook .notebook-task-title{display:block;width:100%;min-width:0;min-height:44px;padding:0 3px;margin:0;border:0;border-radius:3px;background:transparent;text-align:left;font-family:Caveat,'Kaiti SC',KaiTi,cursive;font-size:26px;font-weight:500;line-height:44px;color:#37334a;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#tagNotebook .notebook-task-title:hover{background:transparent}#tagNotebook .notebook-task-title.notebook-holding{background:#ece3cd66}
#tagNotebook .is-checked .notebook-task-title{text-decoration:line-through;text-decoration-thickness:1px;color:#a19a9d}
.notebook-empty{font-family:Caveat,cursive;font-size:26px;color:#a09688;line-height:44px;margin:0 0 0 43px}
.tag-section-toggle.opens-notebook::after{display:none}.tag-section-toggle.opens-notebook{flex:1;min-width:0}
#tasks .task-section>h2:has(.opens-notebook){gap:0}
.tag-section-expand{width:38px;min-width:38px;min-height:38px;padding:6px;font-size:18px;color:#94879f;align-self:stretch;background:transparent;border-radius:0}
@media(max-width:360px){.notebook-header{padding-left:48px}#tagNotebook h2{font-size:29px}#tagNotebook .notebook-task-title{font-size:24px}}

.notebook-check-target{display:grid;place-items:center;width:40px;min-height:44px;cursor:pointer}

.tag-section-expand[aria-expanded=true]{transform:rotate(180deg)}
.notebook-title-wrap{position:relative;min-width:0;overflow:hidden}
#tagNotebook .notebook-title-wrap .notebook-task-title{position:relative;z-index:1;background-color:#fffdf6;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#b8cff0 43px,#b8cff0 44px);transition:transform .22s ease;will-change:transform}
#tagNotebook .notebook-delete{position:absolute;right:0;top:0;bottom:0;width:76px;min-height:44px;padding:5px;background:#fae0db;color:#9b5146;border-radius:4px;font-family:Caveat,cursive;font-size:23px;visibility:hidden}
.notebook-title-wrap.delete-open .notebook-delete,.notebook-title-wrap.is-swiping .notebook-delete{visibility:visible!important}
#tagNotebook .is-swiping .notebook-task-title{transition:none}
@media(prefers-reduced-motion:reduce){#tagNotebook .notebook-title-wrap .notebook-task-title{transition:none}}

#tagNotebook .notebook-task-date{display:block;font:500 18px/22px Caveat,'Kaiti SC',KaiTi,cursive;color:#92868b;margin-top:-5px;padding-bottom:5px;text-decoration:none}
#tagNotebook .notebook-task-title:has(.notebook-task-date){min-height:88px;padding-top:0;padding-bottom:22px}
/* Let the shared paper surface show through each handwritten task. */
#tagNotebook .notebook-title-wrap .notebook-task-title,#tagNotebook .notebook-task-title:hover,#tagNotebook .notebook-task-title.notebook-holding{background:transparent;background-image:none;border:0;box-shadow:none;text-decoration:none}
#tagNotebook .is-checked .notebook-task-title{text-decoration:none;color:#a19a9d}

.tag-notebook-indicator{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:2px;flex-shrink:0;color:#9587ac}.tag-notebook-indicator svg{display:block;width:17px;height:17px}
#tagNotebook .is-checked .notebook-task-title{text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#a19a9d;color:#a19a9d}