html,body{margin:0;padding:0;height:100%;overflow:hidden}body.journal-fullscreen:before{display:none!important}body.journal-fullscreen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.journal-fullscreen{margin:0;padding:0;height:100vh;overflow:hidden;background:#fff;transition:background-color .2s ease;--journal-sidebar-width: 320px;--journal-border-color: #e5e7eb;--journal-border: 1px solid var(--journal-border-color);--journal-border-shadow: rgba(0, 0, 0, .04);--journal-accent: hsl(150 65% 36%);--journal-accent-dark: hsl(150 70% 28%);--journal-accent-soft: hsl(150 50% 94%);--journal-accent-tint: hsl(150 50% 88%);--journal-accent-shadow: hsl(150 65% 36% / .25)}.journal-topbar{position:fixed;top:0;left:0;right:0;height:44px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;z-index:1000;border-bottom:var(--journal-border)}.journal-title{font-size:15px;font-weight:600;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;flex:1}.topbar-actions{display:flex;gap:6px;align-items:center}.icon-btn{border:1px solid #e5e5ea;background:#fff;border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#1d1d1f;box-shadow:0 1px 2px #0000000d}.icon-btn:hover{background:#f5f5f7}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.topbar-brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#1d1d1f;font-size:15px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.topbar-brand:hover{text-decoration:underline}.topbar-divider{width:1px;height:20px;background:#e5e7eb}.topbar-sidebar-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e5e5ea;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;color:#1d1d1f;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.topbar-sidebar-btn:hover{background:#f5f5f7;border-color:#d1d5db}.topbar-sidebar-btn.active{background:#e5edff;border-color:#c7d8ff;color:#1d4ed8}.topbar-new-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#1d1d1f;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.topbar-new-btn:hover{background:#f5f5f7;border-color:#d1d5db}.journal-app{height:100vh;padding-top:44px;display:flex;flex-direction:column;overflow:hidden}.journal-app__content{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column;background:#f5f5f7;transition:background-color .2s ease}.notes-shell{display:flex;flex:1;min-height:0;position:relative}.notes-sidebar{width:var(--journal-sidebar-width);background:linear-gradient(180deg,#f5f5f7,#f2f2f5);border-right:var(--journal-border);display:flex;flex-direction:column;min-width:260px;box-shadow:inset -1px 0 0 var(--journal-border-shadow);transition:transform .2s ease,opacity .2s ease,background .2s ease}.notes-shell.sidebar-closed .notes-sidebar{transform:translate(-100%);opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;z-index:20}.note-detail{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;align-items:center;padding:12px;overflow-x:hidden}.note-detail__editor{flex:1;min-height:0;padding:18px;background:#fff;display:flex;flex-direction:column;gap:12px;border-radius:18px;width:100%;max-width:760px;box-sizing:border-box}.note-editor__action{border:1px solid #f3c5c5;background:#fff5f5;color:#b42318;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.note-editor__action:disabled{opacity:.6;cursor:not-allowed}.note-editor__toolbar{display:flex;gap:8px}.note-editor__body{flex:1;min-height:300px;border-radius:12px;line-height:1.6;font-size:15px;outline:none;box-sizing:border-box}.note-editor__body{border:none;resize:none;background:transparent;font-family:inherit;overflow:auto}.note-editor__body--milkdown .milkdown{height:100%;width:100%}.note-editor__body--milkdown .milkdown .editor{min-height:260px;padding:8px 6px;border:none;border-radius:12px;background:transparent;outline:none;box-shadow:none;transition:background-color .14s ease;max-width:100%;box-sizing:border-box}.note-editor__body--milkdown .milkdown .editor .ProseMirror{max-width:100%;box-sizing:border-box}.timeline-editor .milkdown .editor{min-height:unset!important;height:auto!important;border:none;padding:0}.timeline-editor .milkdown,.timeline-editor .milkdown .editor .ProseMirror,.timeline-editor.note-editor__body{min-height:0;height:auto}.note-editor__body--milkdown .milkdown .editor:focus-visible{outline:none;background:transparent}.note-editor__body--milkdown .milkdown .editor h1{font-size:22px;font-weight:700;margin:0 0 8px}.note-editor__body--milkdown .milkdown .editor p{margin:0 0 8px}.milkdown .editor [data-placeholder]:before{color:#b0b0b5}.note-detail__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6e6e73;gap:8px;text-align:center;padding:24px}.placeholder__title{font-size:16px;font-weight:600;color:#1d1d1f}.placeholder__hint{font-size:13px;color:#6e6e73}.note-detail__back{border:1px solid #d1d5db;background:#fff;color:#1d1d1f;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;margin-top:6px}.note-detail__back:hover{background:#f5f5f7}.list-view-header{padding:12px 12px 10px;border-bottom:1px solid #e5e7eb;background:#f5f5f7;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.list-view-nav{display:flex;flex-direction:column;gap:6px}.list-view-nav__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9a9aa2;font-weight:600}.view-btn{border:1px solid transparent;background:#fff;color:#1d1d1f;font-size:13px;font-weight:600;border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left;transition:all .15s ease}.view-btn:hover{background:#eef1f7}.view-btn.active{background:#e5edff;border-color:#c7d8ff;color:#1d4ed8}.list-view-header__title{display:flex;align-items:baseline;justify-content:space-between;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1d1d1f}.list-view-header__label{font-weight:600;font-size:15px}.list-view-header__count{font-size:12px;color:#6e6e73}.notes-list{flex:1;overflow-y:auto;padding:6px 6px 12px;scrollbar-width:thin;scrollbar-color:#c7c7cc transparent}.notes-list::-webkit-scrollbar{width:8px}.notes-list::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:999px}.timeline-view{flex:1;width:100%;max-width:760px;padding:12px 0 24px;overflow-y:auto}.timeline-group{margin-bottom:24px}.timeline-group__title{font-size:14px;font-weight:600;color:#111827;margin:8px 0 12px}.timeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 18px 16px;box-shadow:0 1px 3px #0000000f;margin-bottom:16px;cursor:default;transition:box-shadow .15s ease}.timeline-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.timeline-card__meta{font-size:12px;color:#6b7280;white-space:nowrap}.timeline-card__actions{display:flex;align-items:center;gap:8px}.timeline-card__open{border:1px solid #d1d5db;background:#f9fafb;color:#1f2937;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}.timeline-card__open:hover{background:#e5e7eb}.timeline-card__body{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#1f2937;line-height:1.6}.timeline-card__body p{margin:0}.note-menu{position:relative}.note-menu__button{border:1px solid transparent;background:#f5f5f7;border-radius:999px;padding:4px 8px;font-size:14px;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.timeline-card:hover .note-menu__button,.timeline-card:focus-within .note-menu__button{opacity:1}.note-menu__button:hover{background:#e5e7eb}.note-menu__dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 18px #0f172a1f;padding:6px;min-width:140px;z-index:5}.note-menu.is-open .note-menu__dropdown{display:block}.note-menu__item{width:100%;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px;color:#b42318;cursor:pointer}.note-menu__item:hover{background:#fff1f1}.note-row{width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;border-radius:12px;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;gap:10px;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;appearance:none}.note-row:hover{background:#0000000a;transform:translate(1px)}.note-row.active{background:#e5edff;box-shadow:inset 0 0 0 1px #c7d8ff,0 1px 2px #0000000f}.note-row__line{display:grid!important;grid-template-columns:minmax(80px,140px) 1fr auto;gap:10px;align-items:center;width:100%}.note-row__line--no-snippet{grid-template-columns:minmax(80px,140px) auto}.note-row__title{font-weight:600;font-size:13px;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row__snippet{font-size:12px;color:#4a4a4c;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row__meta{font-size:11px;color:#9a9aa2;white-space:nowrap}.sidebar-footer{padding:12px;border-top:1px solid #e5e7eb;background:#f5f5f7}.settings-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#1d1d1f;transition:all .15s ease}.settings-btn:hover{background:#f5f5f7;border-color:#d1d5db}.edit-toggle{position:absolute;right:16px;bottom:16px;z-index:10}.editor-toolbar{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f1f5f9}.editor-toolbar__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mood-picker{display:flex;gap:2px}.mood-btn{border:none;background:transparent;font-size:18px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s}.mood-btn.active{background:#e0f2fe}.mood-btn.faded{opacity:.5}.mood-btn:hover{background:#f1f5f9}.mood-btn.active:hover{background:#e0f2fe}.editor-toolbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.toolbar-divider{width:1px;height:16px;background:#e2e8f0}.inspire-btn{display:flex;align-items:center;gap:4px;border:1px solid #e2e8f0;background:#fff;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.inspire-btn:hover{background:#f8fafc;border-color:#cbd5e1}.word-count{font-size:12px;color:#94a3b8;white-space:nowrap}.delete-btn{border:none;background:transparent;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:2px;cursor:pointer;font-size:12px;color:#9ca3af;transition:all .15s}.delete-btn:hover{background:#fef2f2;color:#dc2626}.toolbar-menu-container{position:relative}.toolbar-menu-btn{border:none;background:transparent;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#9ca3af;transition:all .15s;letter-spacing:-1px}.toolbar-menu-btn:hover{background:#f3f4f6;color:#6b7280}.toolbar-menu-backdrop{position:fixed;inset:0;z-index:100}.toolbar-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:160px;z-index:101;overflow:hidden;padding:4px}.toolbar-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;text-align:left;transition:all .15s}.toolbar-menu-item:hover{background:#f3f4f6}.toolbar-menu-item--danger{color:#dc2626}.toolbar-menu-item--danger:hover{background:#fef2f2}.topbar-center{flex:1;display:flex;justify-content:center}.topbar-title{font-size:15px;font-weight:600;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (max-width: 540px){.topbar-brand-text,.topbar-new-text{display:none}.editor-toolbar__row{gap:6px}.mood-picker{gap:0}.mood-btn{font-size:16px;padding:4px}.editor-toolbar__actions{gap:6px}.inspire-btn{padding:4px 8px;font-size:12px}.inspire-btn__text{display:none}.toolbar-divider{height:14px}.word-count{font-size:11px}}@media (max-width: 768px){.journal-topbar{height:44px;padding:0 8px}.journal-logo{width:24px;height:24px}.journal-app{padding-top:44px}.notes-shell{flex-direction:column;overflow:hidden}.notes-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:45vh;overflow-y:auto}.notes-shell.sidebar-closed .notes-sidebar{transform:translateY(-110%);left:0;right:0}.note-detail{flex:1;min-height:0}.note-detail__editor{padding:10px}.note-editor__body,.note-editor__body--milkdown .milkdown .editor,.note-editor__body--milkdown .milkdown .editor .ProseMirror{font-size:16px}.note-row__title{max-width:100%}.note-row__line{grid-template-columns:1fr auto;gap:6px}}:global(html.dark) body{background:#111827;color:#f9fafb}:global(html.dark) .journal-fullscreen{background:#111827}:global(html.dark) .journal-app{background:#111827}:global(html.dark) .journal-app__content{background:#111827}:global(html.dark) .journal-topbar{background:#1f2937;border-bottom-color:#374151}:global(html.dark) .topbar-brand{color:#f9fafb}:global(html.dark) .topbar-divider{background:#374151}:global(html.dark) .topbar-sidebar-btn{background:#374151;border-color:#4b5563;color:#d1d5db}:global(html.dark) .topbar-sidebar-btn:hover{background:#4b5563;border-color:#6b7280}:global(html.dark) .topbar-sidebar-btn.active{background:#1e40af;border-color:#3b82f6;color:#93c5fd}:global(html.dark) .topbar-new-btn{background:#374151;border-color:#4b5563;color:#d1d5db}:global(html.dark) .topbar-new-btn:hover{background:#4b5563;border-color:#6b7280}:global(html.dark) .topbar-title{color:#f9fafb}:global(html.dark) .notes-sidebar{background:linear-gradient(180deg,#1f2937,#111827);border-right-color:#374151}:global(html.dark) .list-view-header{background:#1f2937}:global(html.dark) .list-view-header__label,:global(html.dark) .list-view-nav__label{color:#9ca3af}:global(html.dark) .list-view-header__count{color:#6b7280}:global(html.dark) .view-btn{background:#374151;border-color:#4b5563;color:#d1d5db}:global(html.dark) .view-btn:hover,:global(html.dark) .view-btn.active{background:#4b5563;color:#f9fafb}:global(html.dark) .new-note-btn{background:linear-gradient(180deg,#374151,#1f2937)!important;border-color:#4b5563!important;color:#f9fafb!important}:global(html.dark) .note-row{color:#f9fafb!important}:global(html.dark) .note-row:hover{background:#374151!important}:global(html.dark) .note-row.active{background:#374151!important}:global(html.dark) .note-row__title{color:#f9fafb}:global(html.dark) .note-row__snippet{color:#9ca3af}:global(html.dark) .note-row__meta{color:#6b7280}:global(html.dark) .note-detail{background:#111827}:global(html.dark) .note-detail__placeholder{color:#9ca3af}:global(html.dark) .placeholder__title{color:#f9fafb}:global(html.dark) .placeholder__hint{color:#9ca3af}:global(html.dark) .editor-toolbar{border-bottom-color:#374151}:global(html.dark) .mood-btn:hover{background:#374151}:global(html.dark) .inspire-btn{background:#374151;border-color:#4b5563;color:#d1d5db}:global(html.dark) .inspire-btn:hover{background:#4b5563;border-color:#6b7280}:global(html.dark) .word-count{color:#6b7280}:global(html.dark) .toolbar-divider{background:#374151}:global(html.dark) .toolbar-menu-btn{color:#6b7280}:global(html.dark) .toolbar-menu-btn:hover{background:#374151;color:#9ca3af}:global(html.dark) .toolbar-menu-dropdown{background:#1f2937;border-color:#374151}:global(html.dark) .toolbar-menu-item{color:#d1d5db}:global(html.dark) .toolbar-menu-item:hover{background:#374151}:global(html.dark) .toolbar-menu-item--danger{color:#f87171}:global(html.dark) .toolbar-menu-item--danger:hover{background:#7f1d1d}:global(html.dark) .note-editor__body--milkdown .milkdown{background:#111827}:global(html.dark) .note-editor__body--milkdown .milkdown .editor,:global(html.dark) .note-editor__body--milkdown .milkdown .editor .ProseMirror{color:#e5e7eb;caret-color:#10b981}:global(html.dark) .note-editor__body--milkdown .milkdown .editor .ProseMirror::placeholder{color:#6b7280}:global(html.dark) .timeline-view{background:#111827}:global(html.dark) .timeline-group__title{color:#9ca3af;background:#111827}:global(html.dark) .timeline-card{background:#1f2937;border-color:#374151}:global(html.dark) .timeline-card__meta{color:#6b7280}:global(html.dark) .timeline-card__body{color:#e5e7eb}:global(html.dark) .note-menu-btn{color:#6b7280}:global(html.dark) .note-menu-btn:hover{background:#374151}:global(html.dark) .note-menu__dropdown{background:#1f2937;border-color:#374151}:global(html.dark) .note-menu__item{color:#d1d5db}:global(html.dark) .note-menu__item:hover{background:#374151}:global(html.dark) .note-link-modal__panel{background:#1f2937;border-color:#374151}:global(html.dark) .note-link-modal__title{color:#f9fafb}:global(html.dark) .note-link-modal__search{background:#374151;border-color:#4b5563;color:#f9fafb}:global(html.dark) .note-link-modal__item{color:#d1d5db}:global(html.dark) .note-link-modal__item:hover{background:#374151}:global(html.dark) .note-link-modal__item-meta{color:#6b7280}:global(html.dark) input[type=search]{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}:global(html.dark) input[type=search]::placeholder{color:#6b7280}:global(html.dark) .notes-shell{background:#111827}:global(html.dark) .sidebar-footer{background:#1f2937;border-top-color:#374151}:global(html.dark) .settings-btn{background:#374151;border-color:#4b5563;color:#d1d5db}:global(html.dark) .settings-btn:hover{background:#4b5563;border-color:#6b7280}:global(html.dark) .empty-state{color:#9ca3af}