.page_container__x2_M5{display:flex;flex-direction:column;gap:var(--space-lg)}.page_header__tK215{justify-content:space-between}.page_headerLeft__IbPdJ,.page_header__tK215{display:flex;align-items:center;gap:var(--space-md)}.page_title__B1ivc{font-size:1.5rem;font-weight:600}.page_encryptedBadge__TM6Hy{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:var(--radius-full);background:var(--status-success-bg);color:var(--accent-success);letter-spacing:.05em;text-transform:uppercase}.page_searchBar__AhN_4{display:flex;align-items:center;gap:var(--space-sm)}.page_searchInput__QvM_y{width:240px;padding:var(--space-sm) var(--space-md);font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.page_searchInput__QvM_y:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(30,95,207,.15)}.page_newBtn__JomzW{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;background:var(--gradient-accent);color:white;transition:all var(--transition-fast)}.page_newBtn__JomzW:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.page_notesGrid__OPUQs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.page_noteCard__gpM9z{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-sm);position:relative;min-height:140px}.page_noteCard__gpM9z:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page_noteCardPinned__3MpnA{border-color:rgba(30,95,207,.3)}.page_noteColorStrip__v1u8g{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.page_noteCardHeader__xtUCE{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.page_noteTitle__huI5w{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page_pinIcon__M5XQ1{flex-shrink:0;font-size:.85rem;opacity:.7}.page_notePreview__Wi0Y1{font-size:.8rem;color:var(--text-muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1 1}.page_noteFooter__GfOjs{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.page_attachmentCount__u8_aI,.page_noteDate__3j2GM{font-size:.7rem;color:var(--text-muted)}.page_attachmentCount__u8_aI{display:inline-flex;align-items:center;gap:3px}.page_editorOverlay__gjVLJ{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;align-items:center;justify-content:center;padding:var(--space-xl)}.page_editorOverlay__gjVLJ,.page_editor__POjY2{display:flex;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.page_editor__POjY2{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);flex-direction:column;overflow:hidden;box-shadow:var(--shadow-panel);position:relative}.page_editorHeader__MU8t2{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);gap:var(--space-md)}.page_editorActions__JzQgx{display:flex;align-items:center;gap:var(--space-sm)}.page_editorTitleInput__maynG{flex:1 1;font-size:1.125rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;outline:none;padding:var(--space-xs) 0}.page_editorTitleInput__maynG::placeholder{color:var(--text-muted)}.page_editorBody__X7IKt{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.page_editorTextarea__ydlBm{flex:1 1;min-height:200px;padding:var(--space-lg);font-size:.875rem;font-family:JetBrains Mono,SF Mono,Monaco,monospace;line-height:1.7;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2}.page_editorTextarea__ydlBm::placeholder{color:var(--text-muted)}.page_toolbar___18nR{display:flex;align-items:center;gap:2px;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.page_toolbarBtn__RIS_w{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.8rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page_toolbarBtn__RIS_w:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page_toolbarDivider__Z0Mtr{width:1px;height:20px;background:var(--border-subtle);margin:0 var(--space-xs)}.page_colorPicker__R_RmZ{display:flex;align-items:center;gap:4px;padding:var(--space-xs)}.page_colorDot__1rZVs{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.page_colorDot__1rZVs:hover{transform:scale(1.2)}.page_colorDotActive__3kUxw{border-color:white;box-shadow:0 0 0 2px var(--accent-primary)}.page_attachmentsSection__Hyb7L{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.page_attachmentsHeader__E_TyA{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.page_attachmentsTitle__Daws0{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.page_uploadBtn__W4UGN{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page_uploadBtn__W4UGN:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page_uploadBtn__W4UGN:disabled{opacity:.6;cursor:not-allowed}.page_uploadSpinner__trdlL{animation:page_pulse__RKMqI 1.2s ease-in-out infinite}@keyframes page_pulse__RKMqI{0%,to{opacity:1}50%{opacity:.4}}.page_attachmentList__g8XRD{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page_attachmentChip__9D6Oh{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;font-size:.75rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.page_attachmentChipName__aErRz{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page_attachmentChipSize__EtbGj{color:var(--text-muted);font-size:.65rem}.page_attachmentChipAction__XX0wj{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;transition:all var(--transition-fast)}.page_attachmentChipAction__XX0wj:hover{background:var(--status-danger-bg);color:var(--accent-danger)}.page_editorFooter__8AGFg{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle)}.page_editorFooterLeft__XRWpc{display:flex;align-items:center;gap:var(--space-md)}.page_pinToggle__hiBYK{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page_pinToggle__hiBYK:hover{background:var(--bg-tertiary)}.page_pinToggleActive__cD9mM{background:rgba(30,95,207,.12);border-color:rgba(30,95,207,.3);color:var(--accent-primary)}.page_saveBtn__uyoyM{padding:var(--space-sm) var(--space-lg);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;background:var(--gradient-accent);color:white;transition:all var(--transition-fast)}.page_saveBtn__uyoyM:hover{box-shadow:var(--shadow-glow)}.page_saveBtn__uyoyM:disabled{opacity:.5;cursor:not-allowed}.page_deleteBtn__8DNjF{padding:var(--space-sm) var(--space-md);font-size:.8rem;font-weight:500;border-radius:var(--radius-md);border:1px solid rgba(180,35,24,.3);background:transparent;color:var(--accent-danger);cursor:pointer;transition:all var(--transition-fast)}.page_deleteBtn__8DNjF:hover{background:var(--status-danger-bg)}.page_cancelBtn__rYEl2{padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page_cancelBtn__rYEl2:hover{background:var(--bg-tertiary)}.page_emptyState__0nCVc{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center}.page_emptyIcon__4ivRm{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.page_emptyTitle__9fa8_{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.page_emptyDesc__kZ2K1{color:var(--text-muted);font-size:.875rem;max-width:360px;margin-bottom:var(--space-lg)}.page_skeletonCard__ug2yT{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);min-height:140px}.page_skeletonLine__C9Y0g{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:page_shimmer__nJg4H 1.5s ease-in-out infinite}@keyframes page_shimmer__nJg4H{0%{background-position:200% 0}to{background-position:-200% 0}}.page_loading__RKqTF{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted)}.page_viewColorStrip__7bH5O{height:4px;flex-shrink:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.page_viewHeader__soHBx{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-lg) var(--space-xl) var(--space-sm);gap:var(--space-md)}.page_viewTitle__rjmso{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0;flex:1 1}.page_viewMeta__0WBig{display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-xl) var(--space-md);border-bottom:1px solid var(--border-subtle)}.page_viewPinBadge__WUTEK{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:var(--radius-full);background:rgba(30,95,207,.12);color:var(--accent-primary);letter-spacing:.03em}.page_viewDate__eRG6P{font-size:.75rem;color:var(--text-muted)}.page_viewBody__ziKkV{flex:1 1;overflow-y:auto;padding:var(--space-lg) var(--space-xl);min-height:0}.page_editBtn__GebIF{padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast)}.page_editBtn__GebIF:hover{background:var(--accent-subtle)}.page_markdownContent__G_kii{font-size:.9rem;line-height:1.7;color:var(--text-primary)}.page_markdownContent__G_kii h1{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.page_markdownContent__G_kii h2{font-size:1.25rem;font-weight:600;margin:var(--space-lg) 0 var(--space-sm)}.page_markdownContent__G_kii h3{font-size:1.1rem;font-weight:600;margin:var(--space-md) 0 var(--space-sm)}.page_markdownContent__G_kii h4,.page_markdownContent__G_kii h5,.page_markdownContent__G_kii h6{font-size:1rem;font-weight:600;margin:var(--space-md) 0 var(--space-xs)}.page_markdownContent__G_kii p{margin:0 0 var(--space-md)}.page_markdownContent__G_kii strong{font-weight:600;color:var(--text-primary)}.page_markdownContent__G_kii em{font-style:italic}.page_markdownContent__G_kii a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.page_markdownContent__G_kii a:hover{opacity:.8}.page_markdownContent__G_kii ol,.page_markdownContent__G_kii ul{margin:0 0 var(--space-md);padding-left:var(--space-xl)}.page_markdownContent__G_kii li{margin-bottom:var(--space-xs)}.page_markdownContent__G_kii li>ol,.page_markdownContent__G_kii li>ul{margin-bottom:0}.page_markdownContent__G_kii blockquote{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-primary);background:var(--accent-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)}.page_markdownContent__G_kii blockquote p:last-child{margin-bottom:0}.page_markdownContent__G_kii code{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:.85em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.page_markdownContent__G_kii pre{margin:0 0 var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);overflow-x:auto}.page_markdownContent__G_kii pre code{padding:0;background:transparent;font-size:.82rem;line-height:1.6;color:var(--text-primary)}.page_markdownContent__G_kii hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-lg) 0}.page_markdownContent__G_kii table{width:100%;border-collapse:collapse;margin:0 0 var(--space-md);font-size:.85rem}.page_markdownContent__G_kii td,.page_markdownContent__G_kii th{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);text-align:left}.page_markdownContent__G_kii th{background:var(--bg-secondary);font-weight:600}.page_markdownContent__G_kii img{max-width:100%;border-radius:var(--radius-md)}.page_markdownPreview__VH1zU{font-size:.8rem;line-height:1.5;color:var(--text-muted);pointer-events:none}.page_markdownPreview__VH1zU h1,.page_markdownPreview__VH1zU h2,.page_markdownPreview__VH1zU h3,.page_markdownPreview__VH1zU h4,.page_markdownPreview__VH1zU h5,.page_markdownPreview__VH1zU h6{font-size:.8rem;font-weight:600;margin:0 0 2px;color:var(--text-secondary)}.page_markdownPreview__VH1zU p{margin:0 0 4px}.page_markdownPreview__VH1zU code,.page_markdownPreview__VH1zU pre{font-size:.75rem;font-family:JetBrains Mono,SF Mono,Monaco,monospace;background:var(--bg-tertiary);border-radius:2px;padding:1px 3px}.page_markdownPreview__VH1zU pre{padding:4px 6px;margin:2px 0;overflow:hidden}.page_markdownPreview__VH1zU pre code{padding:0;background:transparent}.page_markdownPreview__VH1zU ol,.page_markdownPreview__VH1zU ul{margin:0 0 4px;padding-left:var(--space-md)}.page_markdownPreview__VH1zU blockquote{margin:0 0 4px;padding-left:var(--space-sm);border-left:2px solid var(--border-subtle);color:var(--text-muted)}.page_markdownPreview__VH1zU img{display:none}.page_resizeHandle__wfTcZ{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:10}.page_resizeHandle__wfTcZ:before{content:"";position:absolute;bottom:4px;right:4px;width:10px;height:10px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:.4;transition:opacity var(--transition-fast)}.page_resizeHandle__wfTcZ:hover:before{opacity:.8}.page_toastContainer__Sx6Ed{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:300;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.page_toast__ZRzuc{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;animation:page_toastIn__SugfF .3s ease-out;pointer-events:auto;box-shadow:var(--shadow-lg)}.page_toastSuccess__weFPo{background:var(--status-success-bg);border:1px solid rgba(47,125,78,.3);color:var(--accent-success)}.page_toastError__RaU8z{background:var(--status-danger-bg);border:1px solid rgba(180,35,24,.3);color:var(--accent-danger)}@keyframes page_toastIn__SugfF{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page_confirmOverlay__smCtc{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center}.page_confirmDialog__LPfQu{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;width:100%}.page_confirmTitle__enhOa{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.page_confirmText__kW1B3{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.page_confirmActions__b6TPO{display:flex;justify-content:flex-end;gap:var(--space-sm)}@media (max-width:768px){.page_header__tK215{align-items:stretch}.page_header__tK215,.page_searchBar__AhN_4{flex-direction:column}.page_searchInput__QvM_y{width:100%}.page_notesGrid__OPUQs{grid-template-columns:1fr}.page_editorOverlay__gjVLJ{padding:0}.page_editor__POjY2{width:100%!important;height:100vh!important;max-width:100%!important;max-height:100%!important;border-radius:0}.page_resizeHandle__wfTcZ{display:none}}