.icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:inline-flex}.icon-btn:hover{background:#eae8e4}.icon-btn:active{transform:scale(.95)}.icon-btn--small{padding:4px}.icon-btn__icon{width:16px;height:16px}.icon-btn__icon--sm{width:14px;height:14px}.modal__backdrop{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__overlay{background:#0009;position:absolute;inset:0}.modal__content{background:#fff;border:1px solid #e0ddd8;border-radius:8px;width:100%;max-width:512px;max-height:80vh;margin:0 16px;padding:24px;animation:.3s ease-out fade-in-up;position:relative;overflow-y:auto;box-shadow:0 10px 25px #00000026}@media (width<=640px){.modal__content{max-height:90vh;margin:0 12px;padding:16px}}.modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal__title{color:#1a1a1a;font-size:18px;font-weight:600}@media (width<=640px){.modal__title{font-size:16px}}.modal__close-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:4px}.modal__close-btn:hover{background:#f0eee9}.app-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}@media (width<=640px){.app-toast-container{max-width:none;bottom:16px;left:16px;right:16px}}.app-toast{color:#1a1a1a;pointer-events:auto;background:#fff;border:1px solid #e0ddd8;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;display:flex;box-shadow:0 4px 16px #0000001a}.app-toast--success{border-left:3px solid #2a9d8f}.app-toast--error{border-left:3px solid #e63946}.app-toast--info{border-left:3px solid #888}.app-toast__icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.app-toast--success .app-toast__icon{color:#2a9d8f}.app-toast--error .app-toast__icon{color:#e63946}.app-toast--info .app-toast__icon{color:#888}.app-toast__message{flex:1;line-height:1.4}.app-toast__close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px;display:flex}.app-toast__close:hover{color:#1a1a1a;background:#eae8e4}.app-toast__close svg{width:14px;height:14px}.toast-enter-active{transition:all .3s}.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(40px)}.toast-move{transition:transform .2s}.notes-app__sidebar-header{border-bottom:1px solid #e0ddd8;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notes-app__sidebar-header-left{align-items:center;gap:6px;min-width:0;display:flex}.notes-app__sidebar-title{letter-spacing:-.01em;color:#1a1a1a;white-space:nowrap;font-size:14px;font-weight:700}.notes-app__sidebar-actions{align-items:center;gap:4px;display:flex}.lang-switcher{position:relative}.lang-switcher__btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;transition:background .15s;display:flex}.lang-switcher__btn:hover{color:#1a1a1a;background:#eae8e4}.lang-switcher__icon{width:14px;height:14px}.lang-switcher__dropdown{z-index:30;background:#fff;border:1px solid #e0ddd8;border-radius:6px;flex-direction:column;gap:2px;min-width:120px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.lang-switcher__item{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;width:100%;padding:6px 10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .15s;display:flex}.lang-switcher__item:hover{background:#eae8e4}.lang-switcher__item--active{color:#2a9d8f;font-weight:600}.notes-app__sidebar-search{padding:12px 12px 0}.search-bar{margin-bottom:8px;position:relative}.search-bar__icon{color:#888;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-bar__input{color:#1a1a1a;background:#ebe9e5;border:none;border-radius:6px;outline:none;width:100%;padding:6px 32px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:box-shadow .15s}.search-bar__input::placeholder{color:#8889}.search-bar__input:focus{box-shadow:0 0 0 1px #2a9d8f}.search-bar__clear{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-bar__clear:hover{background:#f0eee9}.search-bar__clear svg{width:12px;height:12px}.note-node{cursor:grab;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:background .15s;display:flex}.note-node:hover{background:#eae8e4}.note-node--selected{background:#ddf0eb}.note-node--drag-over{outline-offset:-1px;background:#eae8e4;outline:1px dashed #2a9d8f}.note-node--mobile{gap:8px;padding:8px}.note-node__expand-btn{cursor:pointer;color:#888;background:0 0;border:none;padding:0;display:flex}.note-node__expand-icon{width:14px;height:14px;transition:transform .15s}.note-node__expand-icon--open{transform:rotate(90deg)}.note-node__icon{color:#888;flex-shrink:0;width:14px;height:14px}.note-node__icon--folder{color:#2a9d8f}.note-node__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.note-node__title--selected{color:#1a1a1a}.note-node__actions{opacity:0;flex-shrink:0;align-items:center;gap:1px;transition:opacity .15s;display:flex}.note-node:hover .note-node__actions,.note-node--selected .note-node__actions{opacity:1}.note-node--mobile .note-node__actions{opacity:1;gap:2px}.note-node__action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px;display:flex}.note-node__action-btn:hover{background:#f0eee9}.note-node--mobile .note-node__action-btn{padding:6px}.note-node__action-icon{color:#888;width:13px;height:13px}.note-node__action-icon--open:hover,.note-node__action-icon--create:hover,.note-node__action-icon--rename:hover,.note-node__action-icon--move:hover{color:#2a9d8f}.note-node__action-icon--delete:hover{color:#e63946}.note-node--mobile .note-node__action-icon{width:16px;height:16px}.note-node__menu-wrap{position:relative}.note-node__dropdown{z-index:30;background:#fff;border:1px solid #e0ddd8;border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.note-node__dropdown-item{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .15s;display:flex}.note-node__dropdown-item:hover{background:#eae8e4}.note-node__dropdown-item--danger{color:#e63946}.note-node__dropdown-item--danger:hover{background:#e6394614}.note-node__dropdown-icon{flex-shrink:0;width:14px;height:14px}.notes-app__sidebar-tree{border:1px solid #0000;flex:1;padding:0 4px;transition:border-color .15s;overflow-y:auto}.notes-app__sidebar-tree--drag-over{border:1px dashed #2a9d8f}.folder-tree{min-height:120px;padding:4px 0;transition:background .15s}.notes-app__sidebar-footer{border-top:1px solid #e0ddd8;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notes-app__sidebar-stats{color:#888;font-size:12px}.notes-app__sidebar-footer-actions{align-items:center;gap:2px;display:flex}.move-modal__list{flex-direction:column;gap:4px;display:flex}.move-modal__item{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:background .15s;display:flex}.move-modal__item:hover{background:#eae8e4}.move-modal__item svg{color:#888;flex-shrink:0;width:16px;height:16px}.move-modal__indent-icon{color:#888;flex-shrink:0;width:12px;height:12px}.rename-modal{flex-direction:column;gap:16px;display:flex}.rename-modal__input{color:#1a1a1a;box-sizing:border-box;background:#fff;border:1px solid #e0ddd8;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:border-color .15s}.rename-modal__input:focus{border-color:#2a9d8f}.rename-modal__actions{justify-content:flex-end;gap:8px;display:flex}.rename-modal__btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .15s}.rename-modal__btn--cancel{color:#888;background:0 0}.rename-modal__btn--cancel:hover{background:#eae8e4}.rename-modal__btn--confirm{color:#fff;background:#2a9d8f}.rename-modal__btn--confirm:hover{opacity:.9}.rename-modal__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.notes-app__sidebar{background:#f5f3ef;border-right:1px solid #e0ddd8;flex-direction:column;width:280px;min-width:280px;transition:all .3s;display:flex;overflow:hidden}.notes-app__sidebar--collapsed{border-right:none;width:0;min-width:0}.notes-app__sidebar--open{width:280px;min-width:280px}@media (width<=1024px){.notes-app__sidebar{z-index:20;width:280px;min-width:280px;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 16px #0000001a}.notes-app__sidebar--collapsed{width:280px;min-width:280px;transform:translate(-100%)}.notes-app__sidebar--open{width:280px;min-width:280px;transform:translate(0)}}@media (width<=640px){.notes-app__sidebar{width:100%;min-width:100%;max-width:100%}.notes-app__sidebar--collapsed,.notes-app__sidebar--open{width:100%;min-width:100%}}.empty-state{background:#fff;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty-state__inner{text-align:center}.empty-state__icon-wrap{background:#f0eee9;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}@media (width<=640px){.empty-state__icon-wrap{border-radius:12px;width:48px;height:48px}}.empty-state__icon{color:#888;width:32px;height:32px}@media (width<=640px){.empty-state__icon{width:24px;height:24px}}.empty-state__title{color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:600}@media (width<=640px){.empty-state__title{font-size:16px}}.empty-state__text{color:#888;font-size:14px}@media (width<=640px){.empty-state__text{font-size:13px}}.editor{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor__toolbar{border-bottom:1px solid #e0ddd8;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}@media (width<=640px){.editor__toolbar{padding:8px 12px}}.editor__sidebar-toggle{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;padding:4px;transition:background .15s;display:flex}.editor__sidebar-toggle:hover{background:#f0eee9}.editor__sidebar-toggle:active{transform:scale(.95)}.editor__sidebar-toggle svg{width:16px;height:16px}@media (width<=640px){.editor__sidebar-toggle{margin-right:4px}}.editor__timestamp{color:#888;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;font-size:13px;display:flex;overflow:hidden}.editor__timestamp svg{flex-shrink:0;width:14px;height:14px}@media (width<=640px){.editor__timestamp{font-size:12px}}.editor__view-modes{flex-shrink:0;align-items:center;gap:4px;display:flex}.editor__mode-btn{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.editor__mode-btn:hover{background:#f0eee9}.editor__mode-btn--active{color:#1a1a1a;background:#f0eee9}.editor__mode-btn svg{width:14px;height:14px}@media (width<=640px){.editor__mode-btn{gap:0;padding:6px;font-size:0}.editor__mode-btn svg{width:16px;height:16px}}.editor__title-input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;padding:24px 24px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;display:block}@media (width<=640px){.editor__title-input{padding:16px 16px 0;font-size:20px}}.editor__body{flex:1;overflow-y:auto}.editor__body--split{display:flex}@media (width<=640px){.editor__body--split{flex-direction:column}}.editor__split-pane{flex:1;overflow-y:auto}.editor__split-pane:first-child{border-right:1px solid #e0ddd8}@media (width<=640px){.editor__split-pane:first-child{border-bottom:1px solid #e0ddd8;border-right:none;max-height:50%}}.editor__textarea{resize:none;color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;height:100%;padding:24px;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:14px;line-height:1.7}.editor__textarea::placeholder{color:#8889}@media (width<=640px){.editor__textarea{padding:16px}}.editor__preview{color:#1a1a1a;padding:24px;line-height:1.7}@media (width<=640px){.editor__preview{padding:16px}}.editor__preview h1,.editor__preview h2,.editor__preview h3,.editor__preview h4{color:#1a1a1a;margin-top:0;margin-bottom:.5em;font-weight:700}.editor__preview h1{margin-bottom:.75em;font-size:1.75em}@media (width<=640px){.editor__preview h1{font-size:1.5em}}.editor__preview h2{font-size:1.4em}.editor__preview h3{font-size:1.15em}.editor__preview p{margin-bottom:.75em}.editor__preview ul,.editor__preview ol{margin-bottom:.75em;padding-left:1.5em}.editor__preview li{margin-bottom:.25em}.editor__preview code{background:#f0eee9;border-radius:4px;padding:.15em .4em;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:.875em}.editor__preview pre{background:#f0eee9;border-radius:6px;margin-bottom:.75em;padding:1em;overflow-x:auto}.editor__preview pre code{background:0 0;padding:0}.editor__preview blockquote{color:#888;border-left:3px solid #2a9d8f;margin-bottom:.75em;padding-left:1em}.editor__preview a{color:#2a9d8f;text-decoration:underline}.editor__preview hr{border:none;border-top:1px solid #e0ddd8;margin:1.5em 0}.editor__preview img{border-radius:6px;max-width:100%}.editor__preview table{border-collapse:collapse;width:100%;margin-bottom:.75em;font-size:14px;display:block;overflow-x:auto}@media (width<=640px){.editor__preview table{font-size:13px}}.editor__preview th,.editor__preview td{text-align:left;white-space:nowrap;border:1px solid #e0ddd8;padding:8px 12px}@media (width<=640px){.editor__preview th,.editor__preview td{padding:6px 8px}}.editor__preview th{background:#f0eee9;font-weight:600}.editor__preview h2,.editor__preview h3,.editor__preview h4{margin-top:1.5em}.notes-app{width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.notes-app__file-input,.notes-app__sidebar-backdrop{display:none}@media (width<=1024px){.notes-app__sidebar-backdrop{z-index:19;background:#0000004d;display:block;position:fixed;inset:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:#1a1a1a;overscroll-behavior:none;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#f0eee9 transparent}.hidden{display:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.3s ease-out fade-in-up}
