@font-face{font-family:NotebookHand;src:url('handwriting.ttf') format('truetype');font-weight:100 900;font-display:swap}
#reader{background:#f2e5f4}#noteBody{font-family:NotebookHand,cursive;background-color:#fffaf0;background-image:radial-gradient(circle at 13px 15px,#e4d5e7 5px,transparent 6px);background-size:30px 30px;background-repeat:repeat-x;padding-top:52px;padding-bottom:55px;margin-top:25px;border:1px solid #e9d9d5;border-radius:7px 9px 3px 3px;box-shadow:3px 5px 0 #dcc3dc,7px 9px 0 #e7d2e7;min-height:850px}#noteBody:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-2px;height:18px;background:linear-gradient(135deg,transparent 50%,#f2e5f4 51%) 0 0/22px 22px repeat-x;pointer-events:none;z-index:2}#noteBody:before{border-color:#f0c6cb;top:34px;bottom:20px}#noteBody h1,.paper-writing,.paper-section h3,.paper-date,.paper-rating,.paper-footer{font-family:NotebookHand,cursive}.paper-writing{font-size:21px;line-height:1.9}.paper-section h3{font-size:18px;border-radius:7px 3px 8px 3px;letter-spacing:1px;padding:5px 15px}.paper-section:nth-of-type(2n) h3{transform:rotate(1deg)}#noteBody h1{font-size:36px;font-weight:600}.paper-date{font-size:16px;flex-wrap:wrap}.paper-rating{font-size:18px}.paper-kicker{font-family:NotebookHand,cursive;font-size:12px;letter-spacing:1px}.paper-footer{font-size:14px}.paper-section{margin:28px 0}.sketch-frame{border:2px dashed #dec6d4;border-radius:14px;box-shadow:none}.reader-toolbar{gap:6px;z-index:6}.reader-toolbar>span{font-family:NotebookHand,cursive;font-size:15px;letter-spacing:0}#artToggle{font-size:12px;background:#e8ddf6;border-radius:18px;white-space:nowrap;padding:9px 12px}.reader-toolbar>button:first-child{white-space:nowrap}.art-tools{position:sticky;top:62px;z-index:5;padding:12px 18px;background:#fff8fcf5;box-shadow:0 4px 9px #947b9c15;backdrop-filter:blur(8px)}.art-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.art-buttons button,.art-buttons .sticker-add{font-family:NotebookHand,cursive;border:1px solid #ddcfe6;background:#f5eefb;border-radius:12px;padding:7px 12px;font-size:15px;cursor:pointer}.art-buttons button[aria-pressed=true]{background:#a78abe;color:white}#artSave{background:#c8e7d8;border-color:#b1d5c1}.art-buttons input[type=color]{width:32px;height:32px;padding:0;border:0;background:none}.art-buttons select{padding:5px;border:1px solid #ddcfe6;border-radius:8px;background:white}.sticker-add input{display:none!important}#artStatus{margin:7px 0 0;font-size:11px;line-height:1.5;color:#9b7b9c}#stickerTools{padding-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}#stickerTools[hidden],.art-tools[hidden]{display:none}#stickerTools label{font-size:11px;display:flex;align-items:center;gap:6px}#stickerTools input{width:90px;accent-color:#a78abe}#stickerDelete{padding:5px 9px;font-size:11px;border-color:#edcad3;background:#fff4f6}#noteArt{position:absolute;inset:0;width:100%;height:100%;background:none;border-radius:0;pointer-events:none;z-index:1}.art-editing #noteArt{pointer-events:auto;touch-action:none}.art-editing{user-select:none}.paper-writing{letter-spacing:.2px}@media(max-width:700px){.reader-toolbar{padding:10px 8px}.reader-toolbar>span{display:none}.reader-toolbar>button:first-child{padding:9px 8px}.art-tools{top:55px;padding:9px 10px}.art-buttons{gap:5px}.art-buttons button,.art-buttons .sticker-add{font-size:13px;padding:7px 9px}#noteBody{margin-left:17px;margin-right:17px;padding-top:48px}.paper-writing{font-size:20px}.paper-section h3{font-size:17px}#noteBody h1{font-size:31px}.paper-date{font-size:15px}.paper-kicker{font-size:10px}.paper-rating{font-size:17px}.paper-footer{font-size:12px}}

.art-editing.art-scrolling #noteArt{pointer-events:none}.sketch-frame{transform:none}