@font-face{font-family:'LAD Pen';src:url('./assets/nanum-pen-script-subset.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.notebook-page{width:360px;height:462px;box-sizing:border-box;padding:25px 25px 20px 28px;color:#1f2a44;background-color:#f3edd9;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#84877524 27px 28px),radial-gradient(ellipse at 75% 12%,#fffbedaa,transparent 72%);font:400 23px/1.22 'LAD Pen',cursive;backface-visibility:hidden;pointer-events:none!important;overflow:hidden;box-shadow:inset 9px 0 16px #32251012;user-select:none}
.notebook-page:first-of-type{box-shadow:inset -9px 0 16px #32251016}.notebook-page.active{pointer-events:auto!important;user-select:text}.notebook-page:focus{outline:none}
.notebook-page header{position:relative;z-index:1;display:flex;justify-content:space-between;border-bottom:1px solid #6e735b66;padding-bottom:10px;margin-bottom:15px;font:10px/1.2 Arial,'Malgun Gothic',sans-serif;letter-spacing:1.6px;color:#5d645d}
.notebook-page h2{position:relative;z-index:1;font:400 44px/1.05 'LAD Pen',cursive;margin:0 0 27px;letter-spacing:0;color:#1f2a44;transform:rotate(-2deg);transform-origin:left center}
.notebook-page ul{position:relative;z-index:1;list-style:none;margin:0;padding:0}.notebook-page li{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 11px;min-height:24px;white-space:nowrap;line-height:1.15}.notebook-page li:nth-child(2){transform:rotate(.4deg)}.notebook-page li:nth-child(3){transform:rotate(-.6deg)}.notebook-page li:nth-child(5){transform:rotate(.5deg)}
.notebook-page .pen-box{width:13px;height:13px;flex:none;border:1.7px solid #1f2a44;border-radius:2px 1px 3px 1px;transform:rotate(-4deg);position:relative}.notebook-page li:nth-child(even) .pen-box{transform:rotate(4deg)}.notebook-page .checked .pen-box:after{content:'';position:absolute;left:2px;top:-5px;width:7px;height:14px;border-right:2.2px solid #1f2a44;border-bottom:2.2px solid #1f2a44;transform:rotate(35deg)}
.notebook-page .note-text{position:relative;display:inline-block}.notebook-page .margin-note{position:absolute;font:400 18px/1.05 'LAD Pen',cursive;color:#1f2a44;z-index:2;margin:0;white-space:nowrap}.notebook-page .this-week{top:112px;right:23px;transform:rotate(5deg)}.this-week .circle-star{display:inline-block;border:1.5px solid #1f2a44;border-radius:50%;padding:1px 3px;margin-right:3px;transform:rotate(-12deg)}.notebook-page .night-note{left:28px;bottom:83px;transform:rotate(-4deg)}.notebook-page .here-note{right:24px;bottom:67px;transform:rotate(4deg)}.notebook-page .all-done{left:106px;bottom:22px;font-size:24px;transform:rotate(-4deg)}
.notebook-page .pen-doodle{position:absolute;fill:none;stroke:#1f2a44;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.notebook-page .coffee-ring{right:18px;top:48px;width:63px;height:57px;stroke:#916849;stroke-width:3;opacity:.16;transform:rotate(12deg)}.notebook-page .corgi-doodle{right:19px;bottom:15px;width:100px;height:113px;transform:rotate(4deg)}.notebook-page .coffee-doodle{left:37px;bottom:24px;width:106px;height:59px;transform:rotate(-3deg)}.notebook-page .tiny-sparks{right:22px;top:184px;width:22px;height:105px;stroke-width:1.25;opacity:.7}.notebook-page .factory-doodle{right:25px;top:57px;width:91px;height:68px;transform:rotate(3deg)}.notebook-page .burst-doodle{right:52px;bottom:17px;width:53px;height:45px}.notebook-page .check-arrows{left:9px;top:165px;width:20px;height:167px;stroke-width:1.1;opacity:.65}
.notebook-page.notebook-done h2{margin-bottom:24px}.notebook-page.notebook-done li{margin-bottom:12px}.notebook-page .strike{position:absolute;left:-5px;top:50%;width:calc(100% + 12px);height:5px;overflow:visible;transform:rotate(var(--tilt,-1deg));transform-origin:center;fill:none;stroke:#1f2a44;stroke-width:2.2;stroke-linecap:round;opacity:.85;pointer-events:none}.notebook-page .strike path{vector-effect:non-scaling-stroke}.notebook-page .strike.double{top:calc(50% + 2px);transform:rotate(var(--tilt,1.6deg));stroke-width:2}
#notebook-pages{position:absolute;z-index:8;bottom:83px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:5px;border-radius:24px;background:#183644e8;width:max-content}#notebook-pages[hidden]{display:none}#notebook-pages button{border:0;border-radius:20px;padding:10px 17px;color:#e8eadf;background:transparent;font-size:12px;white-space:nowrap}#notebook-pages button[aria-pressed=true]{background:#eee9d4;color:#34444a}
@media(min-aspect-ratio:85/100){#notebook-pages{display:none}}
@media(max-width:430px){.notebook-page{padding-left:24px;padding-right:22px}.notebook-page li{gap:7px}.notebook-page .this-week{right:21px}.notebook-page .night-note{left:24px}#notebook-pages{gap:3px}#notebook-pages button{padding:10px 14px}}

.notebook-page .this-week{color:#91513d}.notebook-page .night-note{color:#43675c}