:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--accent:#e0a800;--accent-strong:#c99400;--accent-soft:#fde9a3;--bg:#fff;--bg-side:#f5f5f4;--bg-list:#fff;--bg-hover:#0000000b;--bg-active:#e4e4e7;--bg-input:#7676801f;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#a1a1a6;--border:#0000001a;--shadow:0 10px 30px #00000029, 0 0 0 .5px #0000001f;--check:#c7c7cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#f5c518;--accent-strong:#f5c518;--accent-soft:#5c4b12;--bg:#1e1e1e;--bg-side:#262626;--bg-list:#1e1e1e;--bg-hover:#ffffff0f;--bg-active:#3a3a3c;--bg-input:#7676803d;--text:#f2f2f7;--text-2:#98989f;--text-3:#636366;--border:#ffffff1a;--shadow:0 10px 30px #00000080, 0 0 0 .5px #ffffff1f;--check:#545458;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#f5c518;--accent-strong:#f5c518;--accent-soft:#5c4b12;--bg:#1e1e1e;--bg-side:#262626;--bg-list:#1e1e1e;--bg-hover:#ffffff0f;--bg-active:#3a3a3c;--bg-input:#7676803d;--text:#f2f2f7;--text-2:#98989f;--text-3:#636366;--border:#ffffff1a;--shadow:0 10px 30px #00000080, 0 0 0 .5px #ffffff1f;--check:#545458;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:15px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.app{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--bg);grid-template-columns:240px 320px minmax(0,1fr);display:grid;overflow:hidden}.app.sidebar-hidden{grid-template-columns:0 320px minmax(0,1fr)}.app.sidebar-hidden .sidebar{visibility:hidden}.sidebar,.list,.editor{flex-direction:column;min-height:0;display:flex}.sidebar{background:var(--bg-side);border-right:.5px solid var(--border);overflow:hidden}.list{background:var(--bg-list);border-right:.5px solid var(--border);position:relative}.editor{background:var(--bg);min-width:0}.mobile-only{display:none!important}.spacer{flex:1}.pane-header{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;min-height:calc(52px + env(safe-area-inset-top));align-items:center;gap:4px;display:flex}.icon-btn,.text-btn{color:var(--text-2);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:32px;height:32px;padding:0 6px;display:inline-flex;position:relative}.icon-btn:hover,.text-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.accent,.text-btn,.text-btn:hover{color:var(--accent-strong)}.icon-btn.sort select,.tb.move select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.sidebar-header h1{padding-left:6px;font-size:30px;font-weight:700}.folders{flex:1;padding:0 10px 10px;overflow-y:auto}.folder-row{cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 8px;display:flex}.folder-row:hover{background:var(--bg-hover)}.folder-row.active{background:var(--bg-active)}.folder-icon{color:var(--accent);display:inline-flex}.folder-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.count{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.row-more{min-width:24px;height:24px;padding:0;display:none}.folder-row:hover .row-more,.folder-row.active .row-more{display:inline-flex}:is(.folder-row:hover .count:has(+.row-more),.folder-row.active .count:has(+.row-more)){display:none}.rename{background:var(--bg);outline:2px solid var(--accent);border:0;border-radius:5px;flex:1;min-width:0;padding:3px 6px;font-size:15px}.sidebar-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);justify-content:space-between;align-items:center;display:flex}.list-title{align-items:baseline;gap:8px;padding:0 18px 6px;display:flex}.list-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.list-title .sub{color:var(--text-2);white-space:nowrap;font-size:13px}.search{background:var(--bg-input);color:var(--text-2);border-radius:9px;align-items:center;gap:6px;height:34px;margin:4px 14px 8px;padding:0 8px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search input::-webkit-search-cancel-button{display:none}.search .clear{background:var(--text-3);color:var(--bg);border:0;border-radius:50%;place-items:center;width:17px;height:17px;padding:0;display:grid}.trash-info{color:var(--text-2);justify-content:space-between;gap:8px;margin:0 18px 8px;font-size:12.5px;display:flex}.link{color:var(--accent-strong);background:0 0;border:0;padding:0;font-size:12.5px}.note-list{padding:0 10px calc(16px + env(safe-area-inset-bottom));outline:none;flex:1;overflow-y:auto}.group-label{color:var(--text);align-items:center;gap:4px;padding:14px 10px 6px;font-size:13px;font-weight:700;display:flex}.note-row{text-align:left;background:0 0;border:0;border-radius:9px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex;position:relative}.group li+li .note-row:before{content:"";border-top:.5px solid var(--border);position:absolute;top:0;left:12px;right:12px}.note-row:hover{background:var(--bg-hover)}.note-row.active{background:var(--accent-soft)}.note-row.active:before{display:none}.group li:has(.note-row.active)+li .note-row:before{display:none}.note-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-meta{gap:8px;min-width:0;font-size:13px;display:flex}.note-date{color:var(--text);opacity:.85;flex:none}.note-snippet{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-folder{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:flex}.empty{text-align:center;color:var(--text-2);padding:48px 12px}.editor-pane{flex-direction:column;height:100%;min-height:0;display:flex}.editor-toolbar{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;min-height:calc(52px + env(safe-area-inset-top));border-bottom:.5px solid #0000;align-items:center;gap:2px;display:flex}.tb-group{align-items:center;gap:2px;display:flex}.tb-group.scroll{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.tb-group.scroll::-webkit-scrollbar{display:none}.tb-group.right{flex:none}.tb{min-width:32px;height:32px;color:var(--text-2);background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:inline-flex;position:relative}.tb:hover{background:var(--bg-hover);color:var(--text)}.tb.on{color:var(--accent-strong);background:var(--bg-hover)}.tb-text{font-size:14px}.tb-sep{background:var(--border);flex:none;width:1px;height:18px;margin:0 4px}.tb-select{background:var(--bg-hover);height:30px;color:var(--text);border:0;border-radius:7px;flex:none;margin-right:4px;padding:0 6px;font-size:13.5px}.table-bar{flex:none;gap:6px;padding:0 14px 8px;display:flex;overflow-x:auto}.table-bar button{border:.5px solid var(--border);background:var(--bg-side);color:var(--text);border-radius:7px;flex:none;align-items:center;gap:4px;padding:4px 9px;font-size:12.5px;display:inline-flex}.editor-scroll{padding:0 max(24px, calc((100% - 760px) / 2)) calc(80px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.editor-date{text-align:center;color:var(--text-3);padding:6px 0 10px;font-size:12.5px}.readonly-banner{background:var(--bg-side);color:var(--text-2);text-align:center;border-radius:9px;margin-bottom:12px;padding:8px 12px;font-size:13px}.editor-empty{height:100%;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.primary{background:var(--accent);color:#1d1d1f;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.note-body{min-height:60vh;caret-color:var(--accent-strong);outline:none;font-size:16px;line-height:1.5}.note-body>:first-child{margin-top:0}.note-body>p:first-child,.note-body>h2:first-child,.note-body>h3:first-child{font-size:28px;font-weight:700;line-height:1.25}.note-body h1{margin:.6em 0 .25em;font-size:28px;font-weight:700;line-height:1.25}.note-body h2{margin:.8em 0 .2em;font-size:21px;font-weight:700}.note-body h3{margin:.8em 0 .2em;font-size:17px;font-weight:600}.note-body p{margin:.15em 0}.note-body ul,.note-body ol{margin:.25em 0;padding-left:1.5em}.note-body ul{list-style:outside}.note-body ol{list-style:decimal}.note-body li>p{margin:.1em 0}.note-body a{color:var(--accent-strong)}.note-body code{background:var(--bg-input);border-radius:4px;padding:1px 4px;font-size:.9em}.note-body pre{background:var(--bg-side);border-radius:8px;padding:10px 12px;overflow-x:auto}.note-body blockquote{border-left:3px solid var(--accent);color:var(--text-2);margin:.5em 0;padding-left:12px}.note-body hr{border:0;border-top:1px solid var(--border);margin:1em 0}.note-body p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-3);float:left;pointer-events:none;height:0}.note-body ul[data-type=taskList]{padding-left:2px;list-style:none}.note-body ul[data-type=taskList] li{align-items:flex-start;gap:10px;display:flex}.note-body ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:2px}.note-body ul[data-type=taskList] li>div{flex:1;min-width:0}.note-body ul[data-type=taskList] input[type=checkbox]{appearance:none;border:1.5px solid var(--check);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:20px;height:20px;margin:0;display:grid}.note-body ul[data-type=taskList] input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.note-body ul[data-type=taskList] input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;transform:translateY(-1px)rotate(45deg)}.note-body ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-2);text-decoration:line-through;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.note-body .tableWrapper{margin:.6em 0;overflow-x:auto}.note-body table{border-collapse:collapse;table-layout:fixed;width:100%}.note-body td,.note-body th{border:1px solid var(--border);vertical-align:top;min-width:60px;padding:6px 8px;position:relative}.note-body th{background:var(--bg-side);text-align:left;font-weight:600}.note-body td>p,.note-body th>p{margin:0}.note-body .selectedCell:after{content:"";background:var(--accent-soft);opacity:.5;pointer-events:none;position:absolute;inset:0}.note-image{margin:.6em 0}.note-image img{border-radius:8px;max-width:100%;height:auto;display:block}.note-image.selected img{outline:3px solid var(--accent)}.note-image.missing:before{content:"Image unavailable";color:var(--text-3);font-size:13px}.menu{z-index:50;background:var(--bg);min-width:220px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:5px;display:flex;position:fixed}.menu button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.menu button:hover{background:var(--accent);color:#1d1d1f}.menu .danger{color:#ff3b30}.dialog-backdrop{z-index:60;background:#0000004d;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--bg);box-shadow:var(--shadow);border-radius:14px;width:min(440px,100%);max-height:85dvh;padding:20px 22px;overflow-y:auto}.dialog h2{font-size:18px}.dialog .sub{color:var(--text-2);margin:4px 0 12px;font-size:13px}.dialog dl{margin:0 0 16px}.dialog dl div{border-bottom:.5px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.dialog dd{color:var(--text-2);text-align:right;margin:0}kbd{font-family:var(--font);background:var(--bg-input);border-radius:5px;padding:1px 6px;font-size:13px}.fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--accent);color:#1d1d1f;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;box-shadow:0 6px 18px #00000038}@media (max-width:1100px){.app{grid-template-columns:210px 280px minmax(0,1fr)}.app.sidebar-hidden{grid-template-columns:0 280px minmax(0,1fr)}}@media (max-width:760px){.app,.app.sidebar-hidden{grid-template-columns:1fr}.app.sidebar-hidden .sidebar{visibility:visible}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.sidebar,.list,.editor{border:0;display:none}.view-folders .sidebar,.view-list .list,.view-editor .editor{display:flex}.sidebar{background:var(--bg-side)}.folders ul{background:var(--bg);border-radius:12px;overflow:hidden}.folder-row{border-radius:0;height:46px;padding:0 14px;font-size:16px}.folder-row.active{background:0 0}.folder-row+.folder-row,.folders li+li .folder-row{border-top:.5px solid var(--border)}.row-more{display:inline-flex}.folder-row .count:has(+.row-more){display:none}.list-title h2{font-size:30px}.list-title{flex-direction:column;gap:0;padding-bottom:8px}.text-btn.back,.tb.back{color:var(--accent-strong);gap:0;padding-left:0;font-size:16px}.note-row{padding:12px}.editor-toolbar{flex-wrap:wrap;row-gap:4px}.editor-toolbar .tb-group.scroll{flex-basis:100%;order:3}.editor-toolbar .tb.back{margin-right:auto}.editor-scroll{padding-left:18px;padding-right:18px}.search input,.rename,.tb-select{font-size:16px}}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}.note-body,input{-webkit-user-select:text;user-select:text}}@media (hover:none){.icon-btn:hover,.text-btn:hover,.tb:hover,.folder-row:hover,.note-row:hover{background:0 0}.tb.on:hover{background:var(--bg-hover)}.note-row.active:hover{background:var(--accent-soft)}}.list-title{flex-wrap:wrap}.sync-badge{color:var(--text-3);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:2px 6px;font-size:12px;display:inline-flex}.sync-badge:hover{background:var(--bg-hover);color:var(--text-2)}.sync-error,.sync-auth{color:#d70015}.sync-auth{font-weight:600}.sync-offline{color:var(--text-2)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.sync-badge{align-self:flex-start;margin-left:-6px}}.note-editor-by{color:var(--accent-strong);font-size:12px}.editor-by{color:var(--text-2)}.menu-label{color:var(--text-2);word-break:break-all;padding:6px 10px 8px;font-size:12.5px;line-height:1.4}.menu-label b{color:var(--text);font-weight:600}.menu-sep{background:var(--border);height:.5px;margin:4px 6px}.signin-backdrop{z-index:70;background:color-mix(in srgb, var(--bg-side) 82%, transparent);-webkit-backdrop-filter:blur(10px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.signin-card{background:var(--bg);width:min(360px,100%);box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 20px;display:flex}.signin-icon{background:url(/icons/icon-192.png) 50%/cover;border-radius:15px;width:64px;height:64px}.signin-card h2{font-size:22px}.signin-card p{color:var(--text-2);margin:0;font-size:14.5px}.signin-btn{border:1px solid var(--border);background:var(--bg);width:100%;height:44px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:600;display:inline-flex}.signin-btn:hover{background:var(--bg-hover)}.signin-warn{color:#b25000!important;font-size:13px!important}.signin-skip{margin-top:6px;font-size:14px}.moved-card{max-width:400px}.moved-card .signin-btn{justify-content:center;width:100%;margin-top:8px;text-decoration:none}.moved-card .moved-move{background:var(--accent,#e0a800);color:#1c1c1e;border-color:#0000}.moved-hint{opacity:.7;margin-top:10px;font-size:12px}.moved-ok{color:#2e9d4f;font-weight:600}.menu-sub{opacity:.65;font-size:11px}