@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:light;--paper: #f9f2e6;--paper-warm: #f4ecdc;--paper-deep: #ebe0cb;--ink: #3f3626;--muted: #877759;--soft: #b4a586;--line: rgba(84, 64, 30, .12);--line-strong: rgba(84, 64, 30, .19);--accent: #9d6d38;--accent-soft: #f0e6d1;--danger: #ad5238;--shadow: 0 16px 42px rgba(84, 60, 22, .11);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);background:var(--paper);color:var(--ink)}:root[data-font=manrope]{--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-font=dm-sans]{--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=mist]{color-scheme:light;--paper: #f7f8fa;--paper-warm: #f0f2f5;--paper-deep: #e5e9ef;--ink: #252a32;--muted: #6f7885;--soft: #a0a8b4;--line: rgba(41, 47, 56, .12);--line-strong: rgba(41, 47, 56, .19);--accent: #536b83;--accent-soft: #e4ebf2;--danger: #a54d50;--shadow: 0 14px 40px rgba(31, 38, 48, .1)}:root[data-theme=graphite]{color-scheme:dark;--paper: #191a1d;--paper-warm: #22242a;--paper-deep: #2c2f37;--ink: #e5e8ed;--muted: #aab2be;--soft: #747d8a;--line: rgba(229, 232, 237, .11);--line-strong: rgba(229, 232, 237, .18);--accent: #b5c3d5;--accent-soft: #303b49;--danger: #f09c9d;--shadow: 0 14px 40px rgba(0, 0, 0, .32)}:root[data-theme=nord]{color-scheme:light;--paper: #eceff4;--paper-warm: #e5e9f0;--paper-deep: #d8dee9;--ink: #2e3440;--muted: #697585;--soft: #8d99a8;--line: rgba(46, 52, 64, .13);--line-strong: rgba(46, 52, 64, .2);--accent: #5e81ac;--accent-soft: #dce6f1;--danger: #bf616a;--shadow: 0 14px 40px rgba(46, 52, 64, .12)}:root[data-theme=solarized]{color-scheme:light;--paper: #fdf6e3;--paper-warm: #eee8d5;--paper-deep: #e1dac3;--ink: #586e75;--muted: #7c8a87;--soft: #9ba6a0;--line: rgba(88, 110, 117, .16);--line-strong: rgba(88, 110, 117, .24);--accent: #268bd2;--accent-soft: #dcecf0;--danger: #dc322f;--shadow: 0 14px 40px rgba(88, 110, 117, .12)}:root[data-theme=dracula]{color-scheme:dark;--paper: #282a36;--paper-warm: #343746;--paper-deep: #414457;--ink: #f8f8f2;--muted: #c1c4d4;--soft: #85899b;--line: rgba(248, 248, 242, .12);--line-strong: rgba(248, 248, 242, .2);--accent: #bd93f9;--accent-soft: #4a3f63;--danger: #ff8b9a;--shadow: 0 14px 40px rgba(0, 0, 0, .34)}:root[data-theme=gruvbox]{color-scheme:dark;--paper: #282828;--paper-warm: #32302f;--paper-deep: #3c3836;--ink: #ebdbb2;--muted: #c4b99a;--soft: #928778;--line: rgba(235, 219, 178, .12);--line-strong: rgba(235, 219, 178, .2);--accent: #fabd2f;--accent-soft: #5a4728;--danger: #fb8f82;--shadow: 0 14px 40px rgba(0, 0, 0, .36)}:root[data-theme=papyrus] .rail,:root[data-theme=papyrus] .note-pane,:root[data-theme=papyrus] .settings-overlay{background-image:radial-gradient(135% 120% at 15% -10%,rgba(255,251,240,.6) 0%,transparent 52%),url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27320%27%20height%3D%27320%27%3E%3Cfilter%20id%3D%27v%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.009%200.14%27%20numOctaves%3D%272%27%20seed%3D%2711%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27h%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.14%200.009%27%20numOctaves%3D%272%27%20seed%3D%274%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%27m%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.021%27%20numOctaves%3D%273%27%20seed%3D%276%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27320%27%20height%3D%27320%27%20filter%3D%27url%28%23m%29%27%20opacity%3D%270.045%27%2F%3E%3Crect%20width%3D%27320%27%20height%3D%27320%27%20filter%3D%27url%28%23v%29%27%20opacity%3D%270.05%27%2F%3E%3Crect%20width%3D%27320%27%20height%3D%27320%27%20filter%3D%27url%28%23h%29%27%20opacity%3D%270.04%27%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-size:cover,320px 320px;background-attachment:fixed,local}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:var(--paper)}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:322px minmax(0,1fr);height:100vh;min-height:500px;overflow:hidden;background:var(--paper)}.app.rail-collapsed{grid-template-columns:minmax(0,1fr)}.rail-collapsed .rail{display:none}.rail{display:flex;flex-direction:column;min-width:0;background:var(--paper-warm);border-right:1px solid var(--line)}.rail-head{display:flex;align-items:center;gap:10px;padding:18px 15px 12px}.brand{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:34px;font-size:18px;font-weight:700;letter-spacing:-.04em}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-note-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;color:var(--paper);background:var(--accent);padding:8px 12px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #0000001a;transition:transform .12s ease,opacity .12s ease}.new-note-button{flex:0 0 auto}.new-note-button:hover,.primary-button:hover{transform:translateY(-1px);opacity:.91}.text-button{padding:6px 9px;border-radius:6px;color:var(--danger);background:transparent;font-size:11px;font-weight:700}.text-button:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.segmented{display:flex;gap:3px;margin:2px 15px 11px;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--paper-deep) 55%,transparent)}.segmented button{flex:1;height:31px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:600;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segmented button svg{opacity:.82}.segmented button:hover{color:var(--ink)}.segmented button.active{color:var(--accent);background:var(--paper);box-shadow:0 1px 2px #00000017}.segmented button.active svg{opacity:1}.trash-bar{display:flex;align-items:center;gap:8px;margin:2px 15px 11px;height:37px}.trash-bar>strong{flex:1;text-align:center;font-size:12px;letter-spacing:-.01em}.trash-back{display:inline-flex;align-items:center;gap:3px;padding:6px 9px 6px 6px;border-radius:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:600}.trash-back:hover{color:var(--ink);background:color-mix(in srgb,var(--paper-deep) 70%,transparent)}.trash-spacer{width:54px}.search{position:relative;display:flex;align-items:center;gap:7px;margin:0 15px 8px;height:36px;border:1px solid transparent;padding:0 9px;border-radius:9px;background:color-mix(in srgb,var(--paper-deep) 45%,var(--paper));color:var(--muted)}.search:focus-within{border-color:var(--line-strong);background:var(--paper)}.search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.search input::placeholder{color:var(--soft)}kbd{border:1px solid var(--line);border-radius:4px;color:var(--soft);padding:1px 4px;font-family:DM Mono,monospace;font-size:9px;white-space:nowrap}.rail-list{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 14px;scrollbar-width:thin}.note-row{position:relative;display:block;width:100%;min-width:0;padding:10px 11px 9px;border-radius:8px;background:transparent;text-align:left;color:var(--ink);overflow:hidden}.note-row:hover{background:color-mix(in srgb,var(--paper-deep) 52%,transparent)}.note-row.selected{background:var(--accent-soft)}.note-row-title{display:block;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row-preview{display:-webkit-box;overflow:hidden;color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.35;-webkit-line-clamp:1;-webkit-box-orient:vertical}.note-row-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--soft);font-size:10px;line-height:1}.note-row-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-row-meta time{flex:0 0 auto}.note-row[draggable=true]{cursor:grab}.note-row.dragging{opacity:.4}.note-row.compact{display:flex;align-items:baseline;gap:8px;padding:7px 10px}.note-row.compact .note-row-title{flex:1;font-weight:500;font-size:12.5px}.note-row.compact .note-row-meta{margin:0;flex:0 0 auto}.list-message{color:var(--soft);font-size:12px;text-align:center;padding:48px 18px;line-height:1.5}.folder-group{margin-bottom:1px}.folder-head{position:relative;display:flex;align-items:center;border-radius:8px}.folder-head:hover{background:color-mix(in srgb,var(--paper-deep) 45%,transparent)}.folder-head.active{background:var(--accent-soft)}.folder-head.active .folder-toggle,.folder-head.active .folder-icon,.folder-head.active .chevron{color:var(--accent)}.folder-head.drop-target{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.folder-head.drop-target .folder-toggle,.folder-head.drop-target .folder-icon,.folder-head.drop-target .chevron{color:var(--accent)}.folder-toggle{flex:1;min-width:0;height:38px;display:flex;align-items:center;gap:9px;padding:0 66px 0 9px;background:transparent;color:var(--ink);font-size:13px;font-weight:600}.folder-toggle .chevron{color:var(--soft);flex:0 0 auto;transition:transform .18s ease}.folder-toggle .chevron.collapsed{transform:rotate(-90deg)}.folder-toggle .folder-icon{color:var(--muted);flex:0 0 auto}.folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--soft);font-size:11px;font-weight:600;transition:opacity .12s ease;pointer-events:none}.folder-head:hover .folder-count{opacity:0}.folder-add,.folder-more{position:absolute;top:5px;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--soft);background:transparent;opacity:0}.folder-more{right:5px}.folder-add{right:35px}.folder-head:hover .folder-add,.folder-head:hover .folder-more,.folder-add:focus-visible,.folder-more:focus-visible{opacity:1}.folder-more:hover,.folder-add:hover{color:var(--accent);background:color-mix(in srgb,var(--paper-deep) 82%,transparent)}.folder-menu{z-index:25;top:40px;right:4px}.folder-menu button:disabled{opacity:.34;cursor:default}.folder-menu button:nth-child(3) svg{transform:rotate(180deg)}.folder-notes{margin:0 0 5px 21px;padding-left:8px;border-left:1px solid var(--line);display:grid;gap:1px}.loose-notes{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);display:grid;gap:1px}.unfiled-dropzone{margin:8px 2px 2px;padding:11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px dashed var(--line-strong);border-radius:9px;color:var(--muted);font-size:12px;font-weight:500;transition:border-color .14s ease,color .14s ease,background .14s ease}.unfiled-dropzone svg{color:var(--soft)}.unfiled-dropzone.drop-target{border-color:var(--accent);border-style:solid;color:var(--accent);background:var(--accent-soft)}.unfiled-dropzone.drop-target svg{color:var(--accent)}.folder-empty{padding:7px 10px;color:var(--soft);font-size:11px;font-style:italic}.folder-rename{display:flex;align-items:center;gap:9px;flex:1;height:38px;padding:0 9px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.folder-rename svg{flex:0 0 auto}.folder-rename input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.add-folder{width:100%;height:36px;margin-top:4px;padding:0 9px;display:flex;align-items:center;gap:9px;border-radius:8px;color:var(--muted);background:transparent;font-size:12px;font-weight:500}.add-folder:hover{color:var(--accent);background:color-mix(in srgb,var(--paper-deep) 45%,transparent)}.add-folder svg{color:var(--soft)}.add-folder:hover svg{color:var(--accent)}.nav-item{width:100%;min-width:0;height:36px;padding:0 10px;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink);font-size:13px;font-weight:500;transition:background .14s ease,color .14s ease}.nav-item svg{color:var(--muted);flex:0 0 auto}.nav-item:hover{background:color-mix(in srgb,var(--paper-deep) 60%,transparent)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active svg{color:var(--accent)}.rail-footer{margin-top:auto;border-top:1px solid var(--line);padding:8px 11px max(9px,env(safe-area-inset-bottom));display:grid;gap:2px}.note-pane{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.note-header{height:57px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);gap:12px;flex:0 0 auto}.note-breadcrumb{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:500}.note-breadcrumb svg{color:var(--soft)}.note-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;padding:0;border-radius:7px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--paper-warm);color:var(--ink)}.mobile-back{display:none;margin-left:-7px}.menu-wrap,.submenu-wrap{position:relative}.pop-menu{position:absolute;z-index:8;right:0;top:calc(100% + 6px);min-width:184px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:var(--shadow)}.pop-menu button{width:100%;height:33px;padding:0 8px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--ink);background:transparent;border-radius:5px;font-size:12px}.pop-menu button:hover{background:var(--paper-warm)}.pop-menu button svg:last-child{margin-left:auto}.pop-menu button.danger{color:var(--danger)}.sub-menu{position:absolute;z-index:9;top:-5px;right:calc(100% + 6px);min-width:160px;max-height:245px;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:var(--shadow)}.context-menu{position:fixed;z-index:65;top:0;left:0;right:auto;min-width:188px;animation:menu-in .12s ease both}.editor-controls{max-width:828px;width:calc(100% - 88px);min-height:38px;margin:0 auto 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.format-tools{display:flex;align-items:center;gap:1px}.format-tools button{width:27px;height:27px;display:grid;place-items:center;padding:0;border-radius:5px;color:var(--muted);background:transparent;font-family:DM Sans,sans-serif;font-size:12px}.format-tools button:hover{color:var(--ink);background:var(--paper-warm)}.mode-switch{display:flex;padding:2px;border-radius:6px;background:var(--paper-warm)}.mode-switch button{height:24px;padding:0 8px;border-radius:4px;color:var(--muted);background:transparent;font-size:10px;font-weight:600}.mode-switch button.selected{color:var(--ink);background:var(--paper);box-shadow:0 1px 2px #00000014}.mode-switch svg{vertical-align:-2px;margin-right:3px}.document{max-width:828px;width:calc(100% - 88px);min-height:0;flex:1;margin:31px auto 22px;overflow:hidden}.document.write .writing-surface,.document.preview .markdown-preview{height:100%}.document.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:8px}.document.split .writing-surface{border-right:1px solid var(--line)}.writing-surface{min-height:0;overflow:auto}.markdown-editor{min-height:100%}.cm-editor{height:100%;color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.72;outline:none}.cm-editor.cm-focused{outline:none}.cm-scroller{overflow:visible;font-family:inherit;padding-bottom:72px}.cm-content{caret-color:var(--accent);padding:5px 0 70px!important}.cm-line{padding:0 2px!important}.cm-gutters{border:0!important;background:transparent!important;color:var(--soft)!important;font-size:10px}.cm-activeLine,.cm-activeLineGutter{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)!important}.cm-selectionBackground,.cm-content ::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)!important}.cm-placeholder{color:var(--soft);font-style:italic}.markdown-preview{height:100%;overflow-y:auto;padding:4px 2px 70px;color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.7}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-family:var(--font-sans);letter-spacing:-.045em;line-height:1.2;margin:1.35em 0 .55em}.markdown-preview h1{font-size:1.6em}.markdown-preview h2{font-size:1.3em}.markdown-preview h3{font-size:1.08em}.markdown-preview p{margin:.65em 0}.markdown-preview a{color:var(--accent);text-underline-offset:3px}.markdown-preview ul,.markdown-preview ol{padding-left:1.4em}.markdown-preview li{padding-left:.1em;margin:.12em 0}.markdown-preview li.task-list-item{list-style:none;margin-left:-1.4em}.markdown-preview input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.95em;height:.95em;margin:0 .5em 0 0;vertical-align:-.06em;border:1.5px solid var(--soft);border-radius:3px;background:var(--paper);cursor:pointer}.markdown-preview input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}.markdown-preview input[type=checkbox]:checked:after{content:"✓";color:var(--paper);display:block;font-family:sans-serif;font-size:.72em;font-weight:700;line-height:.9em;text-align:center}.markdown-preview li.task-list-item:has(input[type=checkbox]:checked){color:var(--muted)}.markdown-preview code{padding:.1em .28em;border-radius:4px;background:var(--paper-warm);font-family:DM Mono,monospace;font-size:.73em}.markdown-preview pre{padding:14px;overflow-x:auto;border-radius:7px;background:var(--paper-warm)}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview blockquote{margin:1em 0;padding-left:1em;border-left:2px solid var(--accent);color:var(--muted)}.markdown-preview table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.73em}.markdown-preview th,.markdown-preview td{padding:7px 9px;border:1px solid var(--line);text-align:left}.markdown-preview img{max-width:100%;height:auto;border-radius:7px}.markdown-preview hr{margin:1.7em 0;border:0;border-top:1px solid var(--line-strong)}.document.paper{overflow:auto}.paper-editor{min-height:100%;height:auto;overflow:visible;padding:4px 2px 90px;outline:none;caret-color:var(--accent)}.paper-editor:empty:before{content:attr(data-placeholder);color:var(--soft);font-style:italic;pointer-events:none}.paper-editor:focus{outline:none}.paper-editor h1,.paper-editor h2,.paper-editor h3,.paper-editor p,.paper-editor li,.paper-editor blockquote{cursor:text}.paper-editor img{cursor:default}.paper-editor.drag-active{border-radius:10px;box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.source-surface{height:100%;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper-warm)}.editor-loading{padding:16px 2px;color:var(--muted);font-size:12px}.paper-menu{position:fixed;z-index:30;width:176px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:var(--shadow);animation:menu-in .12s ease both}.paper-menu-section+.paper-menu-section{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.paper-menu button{display:block;width:100%;height:29px;padding:0 8px;border-radius:5px;color:var(--ink);background:transparent;text-align:left;font-size:11px}.paper-menu button:hover{background:var(--paper-warm)}.paper-menu button:focus-visible{outline-offset:-2px}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.trashed-note{max-width:820px;width:calc(100% - 88px);margin:47px auto;padding:17px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper-warm)}.trashed-note>div{display:grid;grid-template-columns:25px 1fr;column-gap:9px}.trashed-note svg{grid-row:span 2;color:var(--muted)}.trashed-note strong{font-size:13px}.trashed-note span{color:var(--muted);margin-top:2px;font-size:11px}.conflict-banner{max-width:828px;width:calc(100% - 88px);margin:16px auto -12px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;border:1px solid color-mix(in srgb,#d29648 35%,var(--line));border-radius:9px;background:color-mix(in srgb,#d29648 8%,var(--paper))}.conflict-banner>span{min-width:0;display:flex;align-items:center;gap:9px}.conflict-banner>span>i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#9a6827;background:color-mix(in srgb,#d29648 20%,transparent);font-style:normal;font-size:11px;font-weight:800}.conflict-banner>span>span{min-width:0;display:grid;gap:1px}.conflict-banner strong{font-size:11.5px}.conflict-banner small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conflict-banner>button{min-height:32px;padding:0 9px;flex:0 0 auto;border-radius:7px;color:var(--accent);background:var(--accent-soft);font-size:10.5px;font-weight:700}.empty-note{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.empty-note>svg{color:var(--soft);margin-bottom:13px}.paper-glyph{color:var(--accent);margin-bottom:12px;font-size:30px}.empty-note h2{margin:0;font-size:27px;font-weight:700;letter-spacing:-.045em}.empty-note p{max-width:300px;margin:8px 0 19px;color:var(--muted);font-size:15px;line-height:1.5}.toast{position:fixed;z-index:70;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);font-size:12px;animation:toast-in .2s ease both}.toast svg{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--paper);animation:settings-in .2s ease both}@keyframes settings-in{0%{opacity:0;transform:translateY(8px)}}.settings-topbar{display:flex;align-items:center;gap:10px;height:60px;flex:0 0 auto;padding:max(10px,env(safe-area-inset-top)) 18px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-topbar strong{font-size:15px;letter-spacing:-.02em}.settings-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.settings{max-width:690px;width:calc(100% - 88px);margin:46px auto;padding-bottom:50px}.settings header{padding-bottom:30px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700}.settings h1{margin:6px 0 7px;font-size:40px;font-weight:700;letter-spacing:-.055em}.settings header p{max-width:500px;margin:0;color:var(--muted);font-size:15px;line-height:1.5}.settings section{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.settings section>div{display:grid;gap:3px}.settings section strong{font-size:13px}.settings section span{color:var(--muted);font-size:12px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:8px 10px;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);background:var(--paper);font-size:11px;font-weight:600}.secondary-button:hover{background:var(--paper-warm)}.secondary-button:disabled,.primary-button:disabled{cursor:default;opacity:.48;transform:none}.status-pill{display:flex;align-items:center;gap:5px;flex:0 0 auto}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.settings .theme-section{display:block;padding:23px 0 25px}.settings .theme-section>div:first-child{margin-bottom:15px}.settings .theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-card{min-width:0;min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:7px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);text-align:left;transition:border-color .14s ease,background .14s ease,transform .14s ease}.theme-card:hover{border-color:var(--line-strong);background:var(--paper-warm);transform:translateY(-1px)}.theme-card.selected{border-color:var(--accent);background:var(--accent-soft)}.theme-card>svg{color:var(--accent)}.theme-card>span:last-of-type{display:grid;min-width:0;gap:1px}.theme-card strong{font-size:11px!important;line-height:1.15}.theme-card small{overflow:hidden;color:var(--muted);font-size:9.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.theme-preview{position:relative;height:42px;overflow:hidden;border:1px solid rgba(0,0,0,.14);border-radius:5px}.theme-preview i{position:absolute;top:8px;left:6px;width:28px;height:4px;border-radius:4px}.theme-preview b{position:absolute;bottom:8px;left:6px;width:17px;height:4px;border-radius:4px}.settings .font-section{display:block;padding:23px 0 25px}.settings .font-section>div:first-child{margin-bottom:15px}.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.font-option{min-width:0;min-height:73px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 7px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);text-align:left}.font-option:hover{border-color:var(--line-strong);background:var(--paper-warm)}.font-option.selected{border-color:var(--accent);background:var(--accent-soft)}.font-option span{color:var(--ink)!important;font-size:12px!important;font-weight:700}.font-option small{grid-column:1;color:var(--muted);font-size:9.5px;line-height:1.3}.font-option svg{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--accent)}.sidebar-sync{width:100%;min-height:31px;margin:0 0 6px;padding:0 10px;display:flex;align-items:center;gap:8px;border-radius:8px;color:var(--muted);background:transparent;font-size:10.5px;text-align:left}.sidebar-sync:hover{background:color-mix(in srgb,var(--paper-deep) 60%,transparent)}.sidebar-sync i,.sync-state i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--soft)}.sidebar-sync i.synced,.sync-state.synced i{background:#49a479;box-shadow:0 0 0 3px color-mix(in srgb,#49a479 13%,transparent)}.sidebar-sync i.changes-pending,.sync-state.changes-pending i{background:#d29648}.sidebar-sync i.attention-required,.sync-state.attention-required i{background:var(--danger)}.sidebar-sync i.syncing,.sync-state.syncing i{background:var(--accent);animation:sync-pulse 1.1s ease-in-out infinite}.sidebar-sync span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-sync b{min-width:17px;height:17px;margin-left:auto;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:9px}@keyframes sync-pulse{50%{opacity:.36;transform:scale(.78)}}.settings .sync-section{min-height:0;display:block;margin:26px 0 7px;padding:18px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--paper-warm) 62%,var(--paper));box-shadow:0 1px color-mix(in srgb,var(--ink) 4%,transparent)}.settings-section-heading{display:flex!important;grid-template-columns:none!important;align-items:center;gap:11px!important}.settings-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--accent)!important;background:var(--accent-soft)}.settings-section-heading>div{display:grid;gap:2px}.settings-section-heading strong{font-size:15px!important}.sync-overview{margin-top:17px;padding:13px 0;display:flex!important;align-items:center;justify-content:space-between;gap:14px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sync-state{display:flex!important;align-items:center;gap:8px!important;color:var(--ink);font-weight:650}.sync-state span{color:var(--ink)!important;font-size:13px!important}.sync-facts{padding:9px 0 13px;display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:4px 14px!important}.sync-facts span{font-size:10.5px!important}.sync-attention{margin:1px 0 12px;padding:10px 11px;display:block!important;border:1px solid color-mix(in srgb,var(--danger) 22%,var(--line));border-radius:8px;color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent);font-size:11px;line-height:1.45}.device-name-row{display:flex!important;align-items:flex-end;gap:8px!important;padding:12px 0}.device-name-row label{display:grid;flex:1;gap:5px;color:var(--muted);font-size:10px;font-weight:600}.device-name-row input{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font-size:12px}.text-action{height:36px;padding:0 9px;border-radius:7px;color:var(--accent);background:transparent;font-size:11px;font-weight:700}.text-action:hover{background:var(--accent-soft)}.text-action:disabled{opacity:.35;cursor:default}.device-list{display:grid!important;gap:5px!important}.device-row{min-height:51px;padding:7px 8px;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px!important;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.device-glyph{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--muted)!important;background:var(--paper-warm)}.device-row>div{display:grid;gap:1px;min-width:0}.device-row strong{overflow:hidden;font-size:11.5px!important;text-overflow:ellipsis;white-space:nowrap}.device-row span{font-size:9.5px!important}.remove-device{padding:6px 7px;border-radius:6px;color:var(--danger);background:transparent;font-size:9.5px;font-weight:650}.remove-device:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.empty-devices{padding:16px;display:block!important;border:1px dashed var(--line-strong);border-radius:9px;text-align:center}.pair-actions{margin-top:13px;display:flex!important;gap:8px!important}.empty-devices+.pair-actions{margin-top:10px}.modal-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:color-mix(in srgb,#10131a 50%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:modal-fade .16s ease both}.pair-dialog{position:relative;width:min(430px,100%);max-height:min(720px,calc(100dvh - 40px));overflow-y:auto;padding:29px;border:1px solid color-mix(in srgb,var(--line-strong) 80%,transparent);border-radius:17px;color:var(--ink);background:var(--paper);box-shadow:0 28px 80px #0a0f1847;text-align:center;animation:dialog-in .2s ease both}.pair-dialog.compact{max-width:390px;text-align:left}.dialog-close{position:absolute;top:11px;right:11px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:var(--muted);background:transparent;font-size:22px}.dialog-close:hover{background:var(--paper-warm)}.dialog-kicker{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:9.5px;font-weight:750}.dialog-kicker.danger{color:var(--danger)}.pair-dialog h2{margin:6px 0 7px;font-size:28px;letter-spacing:-.045em}.pair-dialog p{margin:0 auto 19px;max-width:330px;color:var(--muted);font-size:12.5px;line-height:1.55}.qr-frame{width:258px;height:258px;margin:16px auto 12px;display:grid;place-items:center;border:7px solid #fff;border-radius:15px;background:#fff;box-shadow:0 0 0 1px var(--line),0 10px 28px #1218201a}.qr-frame img{width:244px;height:244px;display:block}.pair-expiry{margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:10.5px}.pair-expiry i{width:6px;height:6px;border-radius:50%;background:#d29648}.wide{width:100%;min-height:39px}.scan-button{width:100%;min-height:112px;margin-top:8px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper-warm)}.scan-button:hover{border-color:var(--accent);background:var(--accent-soft)}.scan-button strong{font-size:12px}.scan-button small{color:var(--muted);font-size:9.5px}.scan-corners{position:relative;width:37px;height:37px;margin-bottom:4px}.scan-corners i{position:absolute;width:13px;height:13px;border-color:var(--accent);border-style:solid}.scan-corners i:nth-child(1){inset:0 auto auto 0;border-width:2px 0 0 2px;border-radius:4px 0 0}.scan-corners i:nth-child(2){inset:0 0 auto auto;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.scan-corners i:nth-child(3){inset:auto auto 0 0;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.scan-corners i:nth-child(4){inset:auto 0 0 auto;border-width:0 2px 2px 0;border-radius:0 0 4px}.pair-divider{position:relative;margin:18px 0 13px;display:block!important;border-top:1px solid var(--line)}.pair-divider span{position:relative;top:-8px;padding:0 9px;color:var(--soft);background:var(--paper);font-size:9.5px}.pair-code-input{width:100%;resize:none;margin-bottom:10px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--paper-warm);font-family:DM Mono,monospace;font-size:10px;line-height:1.45;outline:none}.pair-code-input:focus{border-color:var(--accent)}.pair-waiting{min-height:270px;display:flex!important;flex-direction:column;align-items:center;justify-content:center}.pair-waiting small{color:var(--soft);font-size:10px}.waiting-pulse{height:27px;margin-bottom:20px;display:flex;align-items:center;gap:5px}.waiting-pulse i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:waiting 1s ease-in-out infinite}.waiting-pulse i:nth-child(2){animation-delay:.13s}.waiting-pulse i:nth-child(3){animation-delay:.26s}.dialog-actions{margin-top:22px;display:flex!important;justify-content:flex-end;gap:8px!important}.danger-button{min-height:36px;padding:0 12px;border-radius:7px;color:#fff;background:var(--danger);font-size:11px;font-weight:700}.danger-button:disabled{opacity:.5}.pair-dialog.compact p{margin-left:0}.pair-dialog.compact h2{font-size:24px}.conflict-dialog{position:relative;width:min(920px,100%);max-height:calc(100dvh - 40px);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:17px;color:var(--ink);background:var(--paper);box-shadow:0 28px 80px #0a0f184d;animation:dialog-in .2s ease both}.conflict-dialog>header{position:relative;padding:24px 28px 18px;border-bottom:1px solid var(--line)}.conflict-dialog h2{margin:5px 0 4px;font-size:27px;letter-spacing:-.045em}.conflict-dialog header p{margin:0;color:var(--muted);font-size:12px}.conflict-versions{min-height:0;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto}.conflict-versions article{min-width:0;padding:14px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;background:var(--paper-warm)}.version-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.version-label>span{padding:3px 6px;border-radius:5px;color:var(--accent);background:var(--accent-soft);text-transform:uppercase;letter-spacing:.08em;font-size:8.5px;font-weight:750}.version-label small{overflow:hidden;color:var(--muted);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.conflict-versions h3{margin:13px 2px 7px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.conflict-versions pre{min-height:220px;max-height:42dvh;margin:0 0 12px;padding:12px;flex:1;overflow:auto;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font:11px/1.55 DM Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.conflict-dialog>footer{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper-warm) 68%,var(--paper))}.conflict-dialog>footer>div{display:grid;gap:2px}.conflict-dialog>footer strong{font-size:11.5px}.conflict-dialog>footer span{color:var(--muted);font-size:10px}@keyframes modal-fade{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px) scale(.985)}}@keyframes waiting{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media(max-width:900px){.app{grid-template-columns:290px minmax(0,1fr)}.split-button{display:none}.editor-controls,.document,.trashed-note,.settings{width:calc(100% - 50px)}}@media(max-width:680px){body{overflow:hidden}.app,.app.rail-collapsed{display:block;position:relative;min-height:100dvh;height:100dvh}.rail-collapsed .rail{display:flex}.rail,.note-pane{position:absolute;top:0;right:0;bottom:0;left:0;border:0;transition:transform .24s ease,opacity .2s ease}.rail{transform:translate(-12%);opacity:0;pointer-events:none}.note-pane{transform:translate(12%);opacity:0;pointer-events:none}.show-list .rail,.show-note .note-pane{transform:none;opacity:1;pointer-events:auto;z-index:2}.rail-head{padding:max(16px,env(safe-area-inset-top)) 16px 10px}.segmented,.trash-bar{margin:2px 16px 11px}.segmented button{height:38px;font-size:13px}.search{margin:0 16px 9px;height:42px}.rail-list{padding:2px 9px max(16px,env(safe-area-inset-bottom))}.note-row{padding:12px}.note-row.compact{padding:10px 12px}.note-row-preview{font-size:12px}.note-row-meta{margin-top:8px}.folder-toggle{height:46px;font-size:14px;padding-right:78px}.folder-add,.folder-more{top:8px;width:34px;height:34px;opacity:1}.folder-more{right:6px}.folder-add{right:42px}.folder-count{opacity:0}.folder-menu{top:48px}.folder-menu button{min-height:42px}.folder-rename{height:46px;font-size:14px}.add-folder,.nav-item{height:44px;font-size:14px}.rail-footer{padding:8px 12px max(10px,env(safe-area-inset-bottom))}.note-header{height:max(54px,calc(env(safe-area-inset-top) + 46px));padding:max(8px,env(safe-area-inset-top)) 12px 5px}.note-breadcrumb{flex:1}.note-actions{margin-left:0}.editor-expand-toggle{display:none}.mobile-back{display:inline-grid}.editor-controls{width:calc(100% - 26px);margin-bottom:6px}.format-tools button{width:29px;height:29px}.document{width:calc(100% - 32px);margin:22px auto max(14px,env(safe-area-inset-bottom))}.document.split{display:block;border:0}.document.split .writing-surface{border:0}.document.split .markdown-preview{display:none}.markdown-preview{font-size:18px}.cm-content{padding-bottom:110px!important}.trashed-note{width:calc(100% - 32px);margin:26px auto;flex-direction:column;align-items:flex-start}.conflict-banner{width:calc(100% - 24px);margin:10px auto -8px;padding:9px}.conflict-banner small{display:none}.conflict-banner>button{min-height:38px}.settings-topbar{height:max(56px,calc(env(safe-area-inset-top) + 48px));padding:max(8px,env(safe-area-inset-top)) 14px 6px}.settings{width:calc(100% - 30px);margin:28px auto 0;padding-bottom:35px}.settings h1{font-size:34px}.settings header{padding-bottom:24px}.settings section{align-items:flex-start;padding:18px 0}.settings section span{line-height:1.4}.settings .sync-section{margin:19px 0 6px;padding:14px}.sync-overview{align-items:center!important}.sync-overview .secondary-button{min-height:38px}.sync-facts{display:grid!important}.device-name-row{align-items:flex-end!important}.device-name-row input{height:42px;font-size:14px}.text-action{height:42px}.device-row{min-height:58px}.remove-device{min-height:36px}.pair-actions{display:grid!important;grid-template-columns:1fr}.pair-actions button{min-height:42px;width:100%}.font-options{grid-template-columns:1fr}.font-option{min-height:58px}.modal-backdrop{align-items:end;padding:0}.pair-dialog,.pair-dialog.compact{width:100%;max-width:none;max-height:min(88dvh,760px);padding:26px 20px max(24px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border-bottom:0;animation-name:sheet-in}.conflict-dialog{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;animation-name:sheet-in}.conflict-dialog>header{padding:21px 20px 15px}.conflict-dialog h2{font-size:23px}.conflict-versions{padding:11px;display:grid;grid-template-columns:1fr}.conflict-versions pre{min-height:150px;max-height:28dvh}.conflict-dialog>footer{padding:12px max(14px,env(safe-area-inset-bottom));align-items:stretch;flex-direction:column}.conflict-dialog>footer .primary-button{min-height:43px;width:100%}.qr-frame{width:238px;height:238px}.qr-frame img{width:224px;height:224px}.scan-button{min-height:120px}.pair-code-input{font-size:11px}.dialog-actions button{min-height:42px}.pop-menu{right:-2px}.sub-menu{right:0;top:calc(100% + 4px)}.toast{max-width:calc(100% - 24px);bottom:max(16px,env(safe-area-inset-bottom));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}