.font-menu{position:relative}.font-menu summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d0e3ef;border-radius:8px;background:#faf7ff;color:#3376a0;font-family:Georgia,serif;font-size:23px;font-weight:700;cursor:pointer;list-style:none;touch-action:manipulation}.font-menu summary::-webkit-details-marker{display:none}.font-menu[open] summary,.font-menu summary:hover{background:#e2f4ff;border-color:#9ac1da}.font-menu summary:focus-visible{outline:3px solid #1679b5;outline-offset:3px}
.font-options{position:absolute;top:calc(100% + 9px);left:0;z-index:11;display:grid;grid-template-columns:1fr 1fr;width:270px;gap:8px;background:#fff;border:1px solid #d0e3ef;border-radius:11px;padding:12px;box-shadow:0 8px 24px #39647f20}.font-option{padding:11px 9px;border:1px solid #dce7ee;border-radius:8px;display:flex;align-items:center;gap:9px;background:#fcfaff;color:#41545f;min-height:53px;text-align:left}.font-option>span{font-size:23px;line-height:1.2}.font-option>small{font-family:'DM Sans',sans-serif;font-size:11px}.font-option:hover{background:#eaf7ff}.font-option.active{background:#e2f4ff;border-color:#70b0d8;color:#155c8d}
.sample-simple,#paper-sheet[data-font=simple] #note-body,#paper-sheet[data-font=simple] #note-title{font-family:'DM Sans',Arial,sans-serif}
.sample-classic,#paper-sheet[data-font=classic] #note-body,#paper-sheet[data-font=classic] #note-title{font-family:Georgia,'Times New Roman',serif}
.sample-handwriting,#paper-sheet[data-font=handwriting] #note-body,#paper-sheet[data-font=handwriting] #note-title{font-family:'Chalkboard SE','Comic Sans MS',cursive}
.sample-typewriter,#paper-sheet[data-font=typewriter] #note-body,#paper-sheet[data-font=typewriter] #note-title{font-family:'Courier New',Courier,monospace}
#paper-sheet[data-font=handwriting] #note-body{font-size:17px}#paper-sheet[data-font=typewriter] #note-body{font-size:14px}
@media(max-width:720px){.font-options{position:fixed;left:18px;right:18px;top:auto;width:auto;margin-top:10px}}