body.notes-theme {background:#eeeae1}
body.notes-theme::before {background:radial-gradient(ellipse at 65% 20%,#f6f2e9aa,transparent 70%),repeating-linear-gradient(12deg,#b0aa9710 0 1px,transparent 1px 5px),#ebe8df}
.notes-theme .page-content {width:min(1300px,100%);padding-bottom:60px}
.notes-stage {color:#565c57;animation:notes-emerge .9s ease both}
.notes-heading {margin-bottom:30px}
.notes-heading .page-title {color:#555f5c}
.notes-desk {position:relative;min-height:850px;padding:24px 0 0}
.notes-folder {position:absolute;left:-12px;top:-8px;width:185px;padding:0;border:0;background:none;transform:rotate(-7deg);color:#656456;transition:transform .3s;z-index:1;filter:drop-shadow(2px 5px 3px #7b766318)}
.notes-folder:hover {transform:rotate(-3deg) translateY(-4px)}
.notes-folder svg {display:block;width:100%}
.folder-caption {display:block;font:11px 'Courier New',monospace;letter-spacing:.1em;margin-top:3px;text-align:center}
.folder-caption small {display:block;font-size:10px;letter-spacing:0;margin-top:7px;color:#888373}
.notes-writing {width:min(640px,calc(100% - 190px));margin:0 auto 0 max(190px,calc((100% - 550px)/2))}
.notes-tools,.note-format-tools,.note-file-tools {display:flex;align-items:center;gap:5px}
.notes-tools {justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;gap:12px;border-bottom:1px solid #8d8d774d;padding-bottom:12px}
.notes-tools button,.notes-reading-tools button {color:#59625c;background:transparent;border:1px solid transparent;border-radius:2px;padding:7px 9px;font:12px 'Courier New',monospace;transition:background .2s}
.notes-tools button:hover,.notes-tools button[aria-pressed=true],.notes-reading-tools button:hover {background:#a99a7322;border-color:#9e987b55}
.notes-tools .note-save {border:1px solid #888f7880;box-shadow:1px 1px 0 #aaa18a55;background:#d5d1bc33}
.notes-tools button:disabled {opacity:.45;cursor:wait}
.format-bold {font-weight:bold}.format-italic {font-style:italic}.format-underline {text-decoration:underline}.format-strikeThrough {text-decoration:line-through}
.note-tool-divider {height:16px;width:1px;background:#96998455;margin:0 4px}
.note-title-row {display:flex;align-items:baseline;gap:14px;padding:0 4px 13px;font:11px 'Courier New',monospace;letter-spacing:.1em}
.note-title-row input {font:17px 'Courier New','Noto Serif SC','Songti SC',SimSun,serif;min-width:0;flex:1;background:none;border:0;outline:none;color:#4e574f;padding:7px 0;border-bottom:1px dashed #8c907450;border-radius:0}
.note-title-row input:focus {border-bottom-color:#617367}
.notes-pages {display:grid;gap:32px;perspective:1200px}
.note-paper {position:relative;isolation:isolate;box-sizing:border-box;width:100%;aspect-ratio:210/297;display:flex;flex-direction:column;padding:7% 8%;color:#4f5148;background:repeating-linear-gradient(17deg,#8a785109 0 1px,transparent 1px 4px),radial-gradient(ellipse at 30% 20%,#e5d3a9 0,#ddc69a 70%,#d6bd90 100%);border:1px solid #a79c7c77;box-shadow:2px 3px 0 #e2d7bc,3px 4px 0 #a3957055,5px 9px 20px #635e4919;outline:1px solid #e6d3aa77;outline-offset:-5px;transform-origin:center center}
.note-paper::before {content:'';position:absolute;inset:10px 7px;border:1px solid #8b866e16;pointer-events:none;z-index:-1}
.note-paper-head,.note-paper-foot {display:flex;justify-content:space-between;flex-shrink:0;font:9px 'Courier New',monospace;letter-spacing:.14em;color:#847d65}
.note-paper-head {padding-bottom:18px;border-bottom:1px solid #96886b3b;margin-bottom:20px}
.note-paper-foot {padding-top:15px;margin-top:14px;border-top:1px solid #96886b33}
.note-editor,.notes-filed-page {font:16px/1.95 'Courier New','Noto Serif SC','Songti SC',SimSun,serif;letter-spacing:.025em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:4;color:#4c5149}
.note-editor {flex:1;min-height:0;overflow:hidden;outline:none;caret-color:#465d4c}
.note-editor:empty::before {content:attr(data-placeholder);color:#8c8168;pointer-events:none}
.note-editor p,.note-editor div,.notes-filed-page p,.notes-filed-page div {margin:0;min-height:1.95em}
.note-editor [data-note-caret] {display:inline;font-size:0}
.note-editor:focus {text-shadow:0 0 .35px #555a4844}
.note-editor b,.note-editor strong,.notes-filed-page b,.notes-filed-page strong {font-weight:700}
.note-measure {position:fixed!important;left:-20000px;top:0;visibility:hidden;pointer-events:none;margin:0!important;transform:none!important}
.note-keystroke {position:fixed;background:#6f69562e;border-bottom:1px solid #55584666;z-index:1000;pointer-events:none;transform-origin:bottom}
.notes-status {display:flex;justify-content:space-between;gap:12px;margin-top:18px;font:10px/1.6 'Courier New',monospace;color:#757a6b}
.notes-status span:first-child {max-width:70%}.notes-status span:last-child {text-align:right}
.notes-storage {font:10px/1.8 'Courier New',monospace;color:#8c8e7d;margin:12px 0}
.notes-archive-modal {background:#4f55472e}
.notes-archive-open .notes-folder {visibility:hidden}
.note-opening-folder {position:fixed;pointer-events:none;z-index:2;transform-origin:center center;filter:drop-shadow(6px 8px 12px #5f604b33)}
.note-opening-folder svg {display:block;width:100%}
.notes-archive-modal .modal {width:min(860px,calc(100vw - 32px));padding:32px;background:repeating-linear-gradient(23deg,#9c8c6610 0 1px,transparent 1px 6px),#ded0af;border:1px solid #8f8c76;border-radius:3px 15px 4px 7px;box-shadow:9px 10px 0 #c6b89355,0 25px 80px #343c3a33;transform-origin:top left}
.notes-archive-modal .modal-head {border-bottom:1px solid #8a8a7255;padding-bottom:20px}
.notes-archive-modal h2 {font:22px 'Courier New','Songti SC',serif!important;color:#596151}
.notes-archive-content {min-height:340px;padding-top:15px}
.notes-index-kicker {font:10px 'Courier New',monospace;letter-spacing:.15em;margin:8px 0 28px;color:#82836e}
.notes-index-row {display:grid;grid-template-columns:28px minmax(0,1fr) auto 16px;align-items:baseline;gap:16px;width:100%;padding:20px 5px;background:none;border:0;border-bottom:1px dashed #87877155;text-align:left;color:#555e50;font-family:'Courier New','Songti SC',serif}
.notes-index-row:hover {background:#f5ebd329}.notes-index-row>span,.notes-index-row time {font-size:11px;color:#8b8770}.notes-index-row strong {font-size:16px;font-weight:400;overflow-wrap:anywhere}
.notes-archive-empty {white-space:pre-line;text-align:center;font:16px/2 'Courier New','Songti SC',serif;color:#878772;padding:65px 10px}
.notes-reading {background:#e8daba;padding:24px 28px;border:1px solid #9c95763b;box-shadow:2px 2px 0 #f1e6cc88}
.notes-reading h3 {font:600 20px/1.5 'Courier New','Songti SC',serif;overflow-wrap:anywhere;margin:20px 0}
.notes-filed-page {min-height:260px;padding:10px 0 24px}
.notes-reading-tools {display:flex;justify-content:space-between;align-items:center;gap:12px;font:11px 'Courier New',monospace;color:#80806b}.notes-reading-tools button:disabled {opacity:.35}
@keyframes notes-emerge {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.notes-folder{width:135px}.notes-writing{width:calc(100% - 145px);margin-left:145px}}
@media(max-width:720px){.notes-desk{padding-top:145px;min-height:700px}.notes-folder{width:125px;top:-13px;left:8px}.notes-writing{width:100%;margin:0}.notes-tools{gap:8px}.notes-tools button{padding:7px}.note-paper-head{font-size:8px;margin-bottom:12px;padding-bottom:12px}.note-paper-foot{font-size:8px;padding-top:10px;margin-top:10px}.notes-archive-modal .modal{padding:20px}.notes-reading{padding:15px}.notes-index-row{gap:9px}.notes-status{flex-wrap:wrap}.notes-status span:first-child{max-width:100%}}
@media(prefers-reduced-motion:reduce){.notes-stage{animation:none}.notes-folder{transition:none}}