*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#fafafa;background-image:linear-gradient(rgba(0,61,165,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,61,165,.07) 1px,transparent 1px);background-size:24px 24px;color:#0f172a;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;padding:1.25rem}.app-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid #e1e1e1;border-radius:1.25rem;box-shadow:0 1px 3px #00000005,0 10px 40px #0000000d;overflow:hidden;position:relative}@media(max-width:640px){body{padding:.75rem}.app-container{border-radius:1rem}}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;position:relative}.toolbar-wrapper{border-bottom:1px solid #e2e8f0;background-color:#fff;position:sticky;top:0;z-index:20;width:100%}.toolbar{height:3.25rem;padding:0 .75rem;display:flex;align-items:center;overflow-x:auto;gap:.375rem;background-color:#fff}.toolbar-group{display:flex;align-items:center;gap:.125rem;background-color:#fff;border:1px solid #e2e8f0;padding:.1875rem;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;flex-shrink:0;height:2rem;box-sizing:border-box}.toolbar-btn{width:1.625rem;height:1.625rem;border-radius:.25rem;color:#475569;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.toolbar-btn:hover{background-color:#f1f5f9}.font-select-trigger{display:flex;align-items:center;gap:.375rem;height:2rem;padding:0 .625rem;font-size:.75rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s;box-shadow:0 1px 2px #0000000d;flex-shrink:0;-webkit-user-select:none;user-select:none}.font-select-trigger:hover{background-color:#f8fafc;border-color:#cbd5e1}.font-select-trigger svg{width:.75rem;height:.75rem;color:#94a3b8;transition:transform .2s;flex-shrink:0}.font-select-trigger.open svg{transform:rotate(180deg)}.font-select-dropdown{position:fixed;z-index:60;min-width:12rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:.25rem;opacity:0;transform:scale(.95) translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.font-select-dropdown.show{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.font-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .625rem;font-size:.8125rem;color:#0f172a;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .1s}.font-option:hover{background-color:#f1f5f9}.font-option.selected{background-color:#f1f5f9;font-weight:600}.font-option .check-icon{width:1rem;height:1rem;color:#0f172a;flex-shrink:0;opacity:0}.font-option.selected .check-icon{opacity:1}.font-option .font-preview{font-size:.75rem;color:#94a3b8;margin-left:.5rem}.color-picker-label{display:flex;align-items:center;gap:.25rem;cursor:pointer;width:1.625rem;height:1.625rem;justify-content:center}.color-picker-input{width:1rem;height:1rem;border:none;padding:0;cursor:pointer;background:transparent;border-radius:.125rem}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:1px solid #cbd5e1;border-radius:.125rem}.export-icon-btn{width:2rem;height:2rem;border-radius:.375rem;color:#475569;background:transparent;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.export-icon-btn:hover{background-color:#f1f5f9}.dropdown-menu{display:none;position:fixed;width:12rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:50;overflow:hidden}.dropdown-menu.show{display:block;animation:fadeIn .1s ease-out}.dropdown-item{width:100%;text-align:left;padding:.75rem 1rem;font-size:.875rem;background:transparent;border:none;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#0f172a}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item i{color:#94a3b8}.dropdown-item i.text-red{color:#f87171}.dropdown-item i.text-blue{color:#3b82f6}.dropdown-item i.text-emerald{color:#10b981}.md-context-menu{display:none;position:fixed;z-index:80;min-width:15rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:.25rem}.md-context-menu.show{display:block;animation:fadeIn .1s ease-out}.md-context-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-family:inherit;text-align:left;color:#0f172a;background:transparent;border:none;border-radius:.375rem;cursor:pointer}.md-context-item:hover{background-color:#f1f5f9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.editor-area{flex:1;overflow-y:auto;overflow-x:auto;background-color:#fff}.editor-wrapper{padding:2rem .75rem}@media(min-width:768px){.editor-wrapper{padding:2rem .75rem}}@media(min-width:1024px){.editor-wrapper{padding:5rem .75rem 5rem 4.875rem}}#editor{min-height:calc(100vh - 300px);outline:none;word-break:break-word;max-width:48rem}#editor:empty:before{content:attr(data-placeholder);color:#94a3b8;cursor:text}#sidebar{width:0;background-color:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;right:0;top:3.25rem;bottom:0}@media(min-width:768px){#sidebar{width:16rem}}.sidebar-header{height:3.25rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;background-color:#fff;flex-shrink:0}.sidebar-header h2{font-weight:700;color:#1e293b;font-size:.875rem;text-transform:uppercase;margin:0;letter-spacing:-.025em}.sidebar-new-btn{background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;padding:.25rem;cursor:pointer;color:#475569;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 2px #0000000d}.sidebar-new-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}#note-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.note-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s;color:#64748b;border:1px solid transparent}.note-item:hover{background-color:#e2e8f080}.note-item.active{background-color:#fff;box-shadow:0 0 0 1px #e2e8f0}.note-item.active .note-item-content .note-item-title{color:#0f172a;font-weight:600}.note-item-content{display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden;flex:1}.note-item-title{font-size:.8125rem;font-weight:500;color:#18181b;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.note-item-subtext{font-size:.6875rem;color:#71717a;line-height:1.5}.note-item-actions{display:flex;align-items:center;gap:.125rem;opacity:0;transition:opacity .2s}.note-item:hover .note-item-actions,.note-item.active .note-item-actions{opacity:1}@media(max-width:768px){.note-item-actions{opacity:1}}.action-btn{padding:.375rem;background:transparent;border:none;cursor:pointer;color:#94a3b8;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{color:#475569;background-color:#0000000d}.action-btn.delete:hover{color:#ef4444}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;background-color:#fff}.sidebar-footer button{width:100%;padding:.5rem;background-color:#f1f5f9;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer}@media(min-width:769px){.sidebar-footer{display:none}}@media(max-width:768px){#sidebar,.sidebar-footer,.dd-icon-menu{display:none}}@media(min-width:769px){.dd-icon-history{display:none}}.mobile-notes-dropdown{position:fixed;z-index:100;min-width:240px;max-width:calc(100vw - 1.5rem);max-height:55vh;overflow-y:auto;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;padding:.25rem;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.mobile-notes-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-notes-dropdown::-webkit-scrollbar{width:4px}.mobile-notes-dropdown::-webkit-scrollbar-thumb{background-color:#e4e4e7;border-radius:4px}.mobile-notes-dropdown::-webkit-scrollbar-track{background:transparent}.mobile-notes-dropdown{scrollbar-width:thin;scrollbar-color:#e4e4e7 transparent}.mobile-notes-dropdown .dd-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;cursor:default;-webkit-user-select:none;user-select:none;outline:none;border:none;width:100%;background:transparent;font-family:inherit;transition:background-color .1s ease}.mobile-notes-dropdown .dd-item:hover,.mobile-notes-dropdown .dd-item:focus,.mobile-notes-dropdown .dd-item--active{background-color:#f4f4f5}.mobile-notes-dropdown .dd-item:active{background-color:#e4e4e7}.mobile-notes-dropdown .dd-item__layout{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;text-align:left}.mobile-notes-dropdown .dd-item__heading{font-size:.75rem;font-weight:500;color:#09090b;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-notes-dropdown .dd-item__subtext{font-size:.6875rem;color:#71717a;line-height:1.5}.mobile-notes-dropdown .dd-item__leading{flex-shrink:0;width:16px;height:16px;color:#a1a1aa}.dd-dialog{padding:0;border:1px solid #e4e4e7;border-radius:.75rem;background:#fff;box-shadow:0 25px 50px -12px #00000040;max-width:22rem;width:calc(100vw - 2rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:visible}.dd-dialog::backdrop{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dd-dialog__inner{padding:1.25rem}.dd-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.dd-dialog__header h2{margin:0;font-size:.9375rem;font-weight:600;color:#09090b;line-height:1.4;letter-spacing:-.01em}.dd-dialog__close{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:.25rem;color:#a1a1aa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.dd-dialog__close:hover{color:#18181b}.dd-dialog__close svg{width:1rem;height:1rem}.dd-dialog__body{margin-bottom:1.25rem}.dd-dialog__body p{margin:0;font-size:.8125rem;color:#71717a;line-height:1.5}.dd-dialog__body label{display:block;font-size:.8125rem;font-weight:500;color:#18181b;margin-bottom:.375rem}.dd-dialog__input{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:inherit;color:#09090b;background:#fff;border:1px solid #e4e4e7;border-radius:.375rem;outline:none;transition:border-color .15s}.dd-dialog__input:focus{border-color:#18181b;box-shadow:0 0 0 1px #18181b}.dd-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.dd-btn{padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;border-radius:.375rem;cursor:pointer;border:1px solid transparent;transition:all .15s;line-height:1.4}.dd-btn--secondary{background:#fff;border-color:#e4e4e7;color:#18181b}.dd-btn--secondary:hover{background:#f4f4f5}.dd-btn--primary{background:#18181b;color:#fff}.dd-btn--primary:hover{background:#27272a}.dd-btn--danger{background:#ef4444;color:#fff}.dd-btn--danger:hover{background:#dc2626}.dd-dialog[open]{animation:dd-dialog-in .15s ease-out}@keyframes dd-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.icon-sm{width:.75rem;height:.75rem}.icon-md{width:.875rem;height:.875rem}.icon-base{width:1rem;height:1rem}.icon-lg{width:1.25rem;height:1.25rem}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}#editor h1{font-size:1.875rem;font-weight:800;margin-bottom:1rem;color:#0f172a;display:block}@media(min-width:768px){#editor h1{font-size:2.25rem}}#editor h2{font-size:1.25rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;color:#1e293b;display:block}@media(min-width:768px){#editor h2{font-size:1.5rem}}#editor p{margin-bottom:1rem;line-height:1.7;font-size:1rem;color:#334155}@media(min-width:768px){#editor p{font-size:1.1rem}}#editor blockquote{border-left:4px solid #3b82f6;padding-left:1rem;font-style:italic;color:#64748b;margin:1.5rem 0}#editor table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9375rem;line-height:1.5}#editor th,#editor td{border:1px solid #e2e8f0;padding:.5rem .75rem;text-align:left;vertical-align:top;word-break:break-word}#editor th{background-color:#f8fafc;font-weight:700;color:#0f172a}#editor td{color:#334155}#editor ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}#editor ol{list-style-type:decimal;padding-left:1.5rem;margin-bottom:1rem}#editor ul[data-type=task-list]{list-style:none;padding-left:0;margin:0 0 .375rem}#editor ul[data-type=task-list]>li[data-type=task-item]{display:flex;align-items:flex-start;gap:.625rem;padding:.125rem 0}#editor ul[data-type=task-list] li[data-type=task-item] .nb-task-check{flex-shrink:0;display:flex;align-items:center;height:1.7rem;cursor:pointer}#editor ul[data-type=task-list] li[data-type=task-item] .nb-task-checkbox{width:1.0625rem;height:1.0625rem;margin:0;accent-color:#0f172a;cursor:pointer;flex-shrink:0}#editor ul[data-type=task-list] li[data-type=task-item] .nb-task-text{flex:1;min-width:0;line-height:1.7;font-size:1rem;color:#334155}#editor ul[data-type=task-list] li[data-type=task-item][data-checked=true] .nb-task-text{text-decoration:line-through;color:#94a3b8}#editor hr{border:0;border-top:2px solid #e2e8f0;margin:2rem 0}#editor a{color:#3b82f6;text-decoration:underline}#editor img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}@media print{body{background:#fff;padding:0;height:auto;overflow:visible}.app-container{border:none;box-shadow:none;border-radius:0;height:auto;overflow:visible}.toolbar-wrapper,#sidebar,#exportMenu,#md-context-menu,#fontSelectDropdown,#mobile-notes-dropdown,.dd-dialog,.dd-dialog::backdrop{display:none!important}.main-content{display:block;overflow:visible}.editor-area{overflow:visible}.editor-wrapper{padding:0}#editor{max-width:none;min-height:0}#editor:empty:before{content:""}}