body{background:#f5f5f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}.new{z-index:9999;color:#fff;cursor:pointer;background:#4a90e2;border:0;border-radius:8px;padding:10px 20px;font-size:14px;position:fixed;top:20px;left:20px;box-shadow:0 3px 10px #00000026}.new:hover{opacity:.9}.export{z-index:9999;color:#fff;cursor:pointer;background:#5b9bd5;border:0;border-radius:8px;padding:10px 20px;font-size:14px;position:fixed;top:20px;left:155px;box-shadow:0 3px 10px #00000026}.import{z-index:9999;color:#fff;cursor:pointer;background:#70ad47;border:0;border-radius:8px;padding:10px 20px;font-size:14px;position:fixed;top:20px;left:245px;box-shadow:0 3px 10px #00000026}.note{box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:100%;padding:15px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.note-actions{z-index:20;gap:6px;display:flex;position:absolute;top:10px;right:10px}.color-button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:16px}.color-picker{z-index:100;background:#fff;border-radius:10px;grid-template-columns:repeat(5,40px);gap:10px;padding:12px;display:grid;position:absolute;top:40px;right:5px;box-shadow:0 5px 20px #0003}.color-item{cursor:pointer;touch-action:manipulation;border:1px solid #00000026;border-radius:8px;width:40px;height:40px}.delete{color:#555;text-align:center;cursor:pointer;z-index:100;pointer-events:auto;width:28px;height:28px;box-shadow:none;background:#00000014;border:none;border-radius:50%;outline:none;font-size:20px;line-height:28px;position:static;top:12px;right:12px}.delete:hover{background:#00000026}.note-display{cursor:default;width:100%;height:100%;min-height:0;overflow:hidden}.note-display.active{cursor:auto;box-sizing:border-box;padding-right:35px;overflow-y:auto}.note-display.active::-webkit-scrollbar-thumb{background:#00000040;border-radius:10px}.note-display h3{margin:25px 45px 12px 0;font-size:20px;font-weight:600}.note-content{word-break:break-word;-webkit-user-select:text;user-select:text;font-size:16px;line-height:1.6}.note-content p{margin:0 0 8px}.note-content ul,.note-content ol{padding-left:25px}.note-editor{flex-direction:column;width:100%;height:100%;display:flex}.note-title-input{box-sizing:border-box;background:0 0;border:0;border-bottom:1px solid #0000001f;outline:none;width:100%;padding:5px 35px 8px 5px;font-size:20px;font-weight:600}.editor-toolbar{flex-shrink:0;gap:5px;padding:8px 0;display:flex}.editor-toolbar button{cursor:pointer;background:#ffffff73;border:1px solid #00000026;border-radius:5px;padding:4px 8px;font-size:13px}.editor-toolbar button:hover{background:#ffffffbf}.editor-content-wrapper{flex:1;min-height:0;padding-right:3px;overflow-y:auto}.tiptap-editor{outline:none;min-height:100%;font-size:16px;line-height:1.6}.tiptap-editor p{margin:0 0 8px}.tiptap-editor ul,.tiptap-editor ol{padding-left:25px}.editor-actions{flex-shrink:0;justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.editor-actions button{cursor:pointer;border:0;border-radius:6px;padding:6px 15px}.cancel-button{color:#444;background:#00000014}.save-button{color:#fff;background:#4a90e2}.editor-footer{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.save-status{color:#777;font-size:13px}.save-status.saving{color:#d99000}.save-status.saved{color:#4caf50}.note-editor.fullscreen{z-index:9999;background:#fff;border-radius:12px;padding:30px;position:fixed;inset:20px;box-shadow:0 10px 40px #00000040}.note-editor.fullscreen .tiptap-editor{min-height:70vh}.fullscreen-mask{z-index:999999;background:#fff;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.note-display.active::-webkit-scrollbar{width:8px}.note-display.active::-webkit-scrollbar-track{margin-top:45px;margin-bottom:10px}.fullscreen-editor{background:#fff;flex-direction:column;width:100vw;height:100vh;display:flex}.fullscreen-header{border-bottom:1px solid #ddd;align-items:center;height:70px;padding:0 30px;display:flex}.save-status{opacity:.7;margin-left:10px;font-size:12px}.fullscreen-title{border:none;outline:none;flex:1;font-size:28px}.fullscreen-toolbar{border-bottom:1px solid #eee;padding:10px 30px}.fullscreen-content{flex:1;padding:30px 80px;overflow:auto}.fullscreen-content .tiptap{min-height:calc(100vh - 180px);font-size:18px;line-height:1.8}.fullscreen-content .ProseMirror{-webkit-user-select:text;user-select:text}.fullscreen-content .ProseMirror ::selection{color:#fff;background:#3390ff}