:root{color-scheme:dark;--bg: #0b0b0d;--panel: #131316;--panel-soft: #161619;--panel-elevated: #1b1b1f;--panel-3: #222227;--line: #27272d;--line-strong: #36363e;--ink: #f3f3f5;--text: #f3f3f5;--ink-soft: #c6c6cd;--text-soft: #c6c6cd;--muted: #8b8b94;--muted-strong: #a6a6af;--placeholder: #80808a;--accent: #3ecf8e;--accent-ink: #04130c;--accent-text: #84e7bb;--accent-soft: rgba(62, 207, 142, .13);--danger: #f06c6c;--danger-soft: #2a1719;--danger-line: #5a2a2d;--danger-ink: #ffb1b1;--t-slate: #64748b;--t-blue: #3b82f6;--t-green: #22c55e;--t-amber: #f59e0b;--t-orange: #f97316;--t-red: #ef4444;--t-pink: #ec4899;--t-teal: #14b8a6;--input-bg: #101013;--input-border: #34343c;--code-bg: #0e0e11;--code-bar: #1a1a1f;--table-head: #1d1d22;--table-border: #34343c;--table-selected: rgba(62, 207, 142, .16);--hover: #202026;--sel: rgba(62, 207, 142, .14);--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 28px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 52px rgba(0, 0, 0, .62);--menu-shadow: 0 12px 32px rgba(0, 0, 0, .55);--r-xs: 7px;--r-sm: 10px;--r-md: 13px;--r-lg: 18px;--r-pill: 999px;--ease: cubic-bezier(.32, .72, 0, 1);--font-default: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-hand: "Comic Sans MS", "Segoe Print", cursive;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tabbar-h: 60px}[data-color=slate]{--c: var(--t-slate)}[data-color=blue]{--c: var(--t-blue)}[data-color=green]{--c: var(--t-green)}[data-color=amber]{--c: var(--t-amber)}[data-color=orange]{--c: var(--t-orange)}[data-color=red]{--c: var(--t-red)}[data-color=pink]{--c: var(--t-pink)}[data-color=teal]{--c: var(--t-teal)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font-default);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#3ecf8e4d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .16s var(--ease),transform .1s var(--ease),color .16s var(--ease)}.icon-btn:hover{background:var(--hover)}.icon-btn:active{transform:scale(.92)}.icon-btn.ghost{border-color:var(--line);background:var(--panel)}.icon-btn.ghost.sm{width:36px;height:36px}.icon-btn.accent{background:var(--accent);color:var(--accent-ink);border-color:transparent}.icon-btn.accent:hover{filter:brightness(1.04);background:var(--accent)}.icon-btn.starred{color:#fbbf24}.icon-btn.danger{color:var(--danger)}.btn-primary{border:0;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-weight:650;padding:12px 18px;cursor:pointer;transition:filter .16s var(--ease),transform .1s var(--ease)}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.55}.btn-ghost{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink-soft);font-weight:550;padding:12px 18px;cursor:pointer;transition:background .16s var(--ease),transform .1s var(--ease)}.btn-ghost:hover{background:var(--hover)}.btn-ghost:active{transform:scale(.98)}.btn-ghost.danger{color:var(--danger-ink);border-color:var(--danger-line)}.btn-danger{border:0;border-radius:var(--r-sm);background:var(--danger);color:#fff;font-weight:650;padding:12px 18px;cursor:pointer}.btn-danger:active{transform:scale(.98)}.block{width:100%}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-weight:800;border-radius:var(--r-md)}.brand-mark.lg{width:56px;height:56px;font-size:30px;border-radius:var(--r-lg)}.splash,.login{min-height:100%;display:grid;place-items:center;align-content:center;gap:18px;padding:28px}.splash-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.spinner{width:15px;height:15px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card,.error-card{width:min(100%,400px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;box-shadow:var(--shadow-lg)}.login-card h1{margin:16px 0 4px;font-size:27px;letter-spacing:-.02em}.login-card p{margin:0 0 22px;color:var(--muted);font-size:14px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.input{width:100%;border-radius:var(--r-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--ink);padding:12px 13px;transition:border-color .16s var(--ease)}.input::placeholder{color:var(--placeholder)}.input:focus{outline:none;border-color:var(--accent)}.form-error{margin-top:14px;color:var(--danger-ink);font-size:13px}.error-card strong{display:block;margin-bottom:10px;font-size:16px}.error-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;color:var(--ink-soft);font-size:12px;margin:0 0 16px}.shell{min-height:100%;height:100%;display:grid;grid-template-rows:auto 1fr}.shell-editing{grid-template-rows:1fr}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-top));padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--line)}.topbar-title{flex:1;min-width:0}.topbar-kicker{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:1px}.topbar-title strong{display:block;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.drawer-views{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px;border-top:1px solid var(--line)}.dview{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border:0;background:transparent;color:var(--muted);border-radius:var(--r-sm);font-size:11px;font-weight:550;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.dview:hover{background:var(--hover)}.dview:active{transform:scale(.94)}.dview.on{color:var(--accent-text);background:var(--sel)}.dview-ic{position:relative;display:grid;place-items:center}.tab-badge{position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:var(--r-pill)}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.drawer-root.open{pointer-events:auto}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);opacity:0;transition:opacity .28s var(--ease)}.drawer-root.open .drawer-scrim{opacity:1}.drawer{position:absolute;top:0;left:0;bottom:0;width:min(86%,340px);display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .3s var(--ease);padding-top:env(safe-area-inset-top)}.drawer-root.open .drawer{transform:translate(0)}.drawer-head{display:flex;align-items:center;gap:8px;padding:14px 12px 10px}.nb-switch{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-elevated);cursor:pointer;transition:background .16s var(--ease)}.nb-switch:hover{background:var(--hover)}.nb-swatch{width:16px;height:16px;border-radius:5px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff14}.nb-swatch.ghost{display:grid;place-items:center;background:var(--panel-3);color:var(--muted)}.nb-name{flex:1;min-width:0;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.nb-caret{color:var(--muted);transition:transform .2s var(--ease);flex:0 0 auto}.nb-caret.open{transform:rotate(90deg)}.nb-list{margin:0 12px 6px;display:grid;gap:2px;padding:6px;background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--r-md)}.nb-item{display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;text-align:left;transition:background .16s var(--ease)}.nb-item:hover{background:var(--hover)}.nb-item.active{background:var(--sel)}.nb-item.active .nb-name{color:var(--accent-text)}.nb-check{color:var(--accent);margin-left:auto;flex:0 0 auto}.nb-item.create .nb-name{color:var(--muted-strong)}.drawer-search{position:relative;margin:4px 12px 10px;display:flex;align-items:center}.drawer-search .search-icon{position:absolute;left:11px;color:var(--muted);pointer-events:none}.drawer-search input{width:100%;border:1px solid var(--input-border);background:var(--input-bg);border-radius:var(--r-sm);padding:10px 32px 10px 34px;font-size:14px}.drawer-search input::placeholder{color:var(--placeholder)}.drawer-search input:focus{outline:none;border-color:var(--accent)}.search-clear{position:absolute;right:7px;width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.search-clear:hover{background:var(--hover);color:var(--ink)}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}.drawer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-elevated);color:var(--ink-soft);font-size:13px;font-weight:550;cursor:pointer;transition:background .16s var(--ease)}.drawer-actions button:hover{background:var(--hover)}.drawer-actions button:active{transform:scale(.98)}.tree{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 8px 10px}.tree-empty{padding:22px 14px;text-align:center;color:var(--muted);font-size:13px}.tree-root-row,.tree-folder,.tree-note{display:flex;align-items:center;width:100%;min-height:38px;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-soft);text-align:left}.tree-root-row{gap:9px;padding:0 10px;font-weight:600;color:var(--ink);margin-bottom:2px}.tree-root-row:hover,.tree-note:hover{background:var(--hover)}.tree-root-row.active,.tree-note.active{background:var(--sel);color:var(--accent-text)}.tree-folder{gap:2px;padding-right:4px}.tree-folder.active{background:var(--sel)}.tree-folder.active .tree-text{color:var(--accent-text)}.tree-twisty{width:24px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.tree-twisty:disabled{cursor:default}.twisty-caret{transition:transform .18s var(--ease)}.twisty-caret.open{transform:rotate(90deg)}.tree-main{flex:1;min-width:0;display:inline-flex;align-items:center;gap:9px;min-height:36px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;border-radius:var(--r-xs)}.tree-main:hover{background:var(--hover)}.tree-folder-icon{color:var(--muted-strong);flex:0 0 auto}.tree-folder.active .tree-folder-icon{color:var(--accent-text)}.tree-kebab{width:28px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:var(--r-xs);cursor:pointer;opacity:.6}.tree-kebab:hover{background:var(--hover);color:var(--ink);opacity:1}.tree-leaf-icon{color:var(--muted);flex:0 0 auto;margin-left:2px}.tree-leaf-icon.fav{color:#fbbf24}.tree-note{gap:9px;padding-right:10px}.tree-text{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-foot{display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.account{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.account-dot{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:13px}.account-mail{flex:1;min-width:0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view{display:grid;gap:14px;align-content:start}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:-4px}.crumb{border:0;background:transparent;color:var(--muted);font-size:12.5px;padding:3px 5px;border-radius:6px;cursor:pointer}.crumb:hover{background:var(--hover);color:var(--ink-soft)}.crumb.here{color:var(--ink);font-weight:600}.crumb-seg{display:inline-flex;align-items:center}.crumb-sep{color:var(--line-strong)}.view-head h1{margin:0;font-size:26px;letter-spacing:-.02em;line-height:1.12}.view-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.view-head.compact{margin-bottom:2px}.view-head.trash{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.view-kicker{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.folder-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);cursor:pointer;text-align:left;transition:background .16s var(--ease),transform .1s var(--ease)}.folder-card:hover{background:var(--panel-elevated)}.folder-card:active{transform:scale(.98)}.folder-card-icon{flex:0 0 auto;display:grid;place-items:center}.folder-card-name{flex:1;min-width:0;font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list{display:grid;gap:10px}.note-card{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);padding:15px 16px;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),transform .1s var(--ease)}.note-card:hover{background:var(--panel-elevated);border-color:var(--line-strong)}.note-card:active{transform:scale(.985)}.note-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.note-card-title{font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card-time{flex:0 0 auto;font-size:11.5px;color:var(--muted)}.note-card-preview{margin:7px 0 0;color:var(--muted-strong);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.note-card-meta{margin-top:11px;display:flex;flex-wrap:wrap;gap:7px}.meta-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);background:var(--panel-elevated);border:1px solid var(--line);font-size:11.5px;color:var(--ink-soft)}.meta-pill.star{color:#fbbf24}.chip-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font-size:13px;white-space:nowrap;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease)}.chip:hover{background:var(--hover)}.chip.on{background:var(--sel);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.chip.add{color:var(--muted-strong);border-style:dashed}.chip.sm{padding:5px 10px;font-size:12px}.chip-dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.list-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13.5px}.empty{display:grid;justify-items:center;gap:8px;padding:48px 24px;text-align:center}.empty-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--panel-elevated);border:1px solid var(--line);color:var(--muted-strong);margin-bottom:6px}.empty strong{font-size:16px}.empty p{margin:0;color:var(--muted);font-size:13.5px;max-width:30ch;line-height:1.5}.empty-actions{display:flex;gap:10px;margin-top:12px}.content.editing{padding:0;overflow:hidden;display:flex;flex-direction:column}.editor{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.editor-head{flex:0 0 auto;position:relative;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--line)}.editor-bar{display:flex;align-items:center;gap:6px;padding:6px 10px}.editor-bar .icon-btn{width:37px;height:37px}.editor-bar .sync-pill{margin-right:auto}.sync-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--panel);font-size:12px;font-weight:550;color:var(--muted-strong);white-space:nowrap}.sync-pill .sdot{width:7px;height:7px;border-radius:50%;background:var(--accent);transition:background .2s var(--ease)}.sync-pill.saving{color:var(--muted-strong)}.sync-pill.saving .sdot{background:var(--t-amber);animation:pulse 1s infinite}.sync-pill.error{color:var(--danger-ink);border-color:var(--danger-line)}.sync-pill.error .sdot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.editor-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding:16px 18px calc(40px + env(safe-area-inset-bottom))}.editor-path{color:var(--muted);font-size:12px;letter-spacing:.01em}.editor-title{width:100%;border:0;background:transparent;color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.025em;padding:0;line-height:1.12;text-wrap:balance}.editor-title::placeholder{color:var(--placeholder)}.editor-title:focus{outline:none}.editor-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.editor-body{flex:1;min-width:0;max-width:100%;margin-top:4px}.editor-body,.editor-body *{min-width:0}.mtoolbar{position:relative;background:transparent;border-top:1px solid var(--line)}.mtrow{display:flex;align-items:center;flex-wrap:wrap;gap:2px;row-gap:2px;padding:4px 6px}.mtrow+.mtrow{border-top:1px solid var(--line)}.mtb{height:34px;min-width:33px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--ink-soft);font-size:13.5px;font-weight:550;cursor:pointer;transition:background .14s var(--ease),transform .1s var(--ease)}.mtb:hover{background:var(--hover)}.mtb:active{transform:scale(.92)}.mtb:disabled{opacity:.32;cursor:default}.mtb.on{background:var(--sel);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}.mtb.wide{padding:0 9px}.mtb .mtsub,.mtb .mtsup{font-size:11px;line-height:1}.mtb .mtsup{vertical-align:super}.mtb .mtsub{vertical-align:sub}.mtb>svg{color:var(--muted-strong)}.mtb.on>svg{color:var(--accent-text)}.mtsep{width:1px;height:20px;background:var(--line);margin:0 2px;flex:0 0 auto}.mtcolor{width:15px;height:15px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff24}.mtwrap{flex:0 0 auto}.mtpop{position:absolute;top:100%;left:6px;right:6px;z-index:55;background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--menu-shadow);padding:6px;margin-top:5px;animation:fade .14s var(--ease)}.mtcolorwrap{display:grid;gap:6px}.mtcolorwrap .swatchgrid{grid-template-columns:repeat(8,1fr);gap:7px;padding:4px}.mtcolorwrap .swatchgrid .c{width:100%;height:auto;aspect-ratio:1}.swatchgrid .c.on{border-color:var(--ink)}.mi.center{justify-content:center;color:var(--muted-strong)}.mi-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:7px 10px 3px}.mi-label:first-child{padding-top:3px}.editor-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11.5px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.toolbar{display:inline-flex;min-width:max-content;align-items:center;gap:3px;padding:9px 11px;color:var(--ink-soft)}.tb{height:33px;min-width:33px;padding:0 9px;font-size:13px;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .14s var(--ease)}.tb:hover,.sb:hover{background:var(--hover)}.tb:disabled{opacity:.4;cursor:default}.tb.on{background:var(--sel);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}.sb{padding:7px 10px;font-size:12.5px;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;position:relative;cursor:pointer}.sep{width:1px;height:20px;background:var(--line);margin:0 4px;flex:0 0 auto}.right{margin-left:auto;display:flex;gap:3px;align-items:center}.sync{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.sync .sdot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.sync.dirty .sdot{background:var(--t-amber)}.sync.saving .sdot{background:var(--t-amber);animation:pulse 1s infinite}.sync.error .sdot{background:var(--danger)}.menu{position:absolute;top:40px;left:0;background:var(--panel-elevated);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--menu-shadow);padding:6px;z-index:50;min-width:190px}.menu.right{left:auto;right:0}.mi,.pi{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:13px;color:var(--ink);cursor:pointer;border-radius:var(--r-xs);white-space:nowrap;border:0;background:transparent;text-align:left}.mi:hover,.pi:hover{background:var(--hover)}.mi.sel,.pi.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.mi .ico,.pi .ico{width:18px;text-align:center;color:var(--muted)}.mi .hint{margin-left:auto;color:var(--muted);font-size:11px}.swatchgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.swatchgrid .c{width:30px;height:30px;border-radius:7px;cursor:pointer;border:2px solid transparent}.swatch{width:12px;height:12px;border-radius:4px;background:var(--t-slate);flex:none}.ProseMirror{outline:none;max-width:100%;font-size:16.5px;line-height:1.72;color:var(--ink-soft);min-height:50vh;caret-color:var(--accent);-webkit-text-size-adjust:100%;overflow-wrap:anywhere;word-break:break-word;text-wrap:pretty}.ProseMirror img{max-width:100%;height:auto}.cloud-img,.img-shell,.voice-note{max-width:100%}.ProseMirror>*+*{margin-top:.85em}.ProseMirror p{margin:0}.ProseMirror :is(h1,h2,h3,h4,h5,h6){color:var(--ink);line-height:1.22;text-wrap:balance}.ProseMirror :is(h1,h2,h3)+*{margin-top:.35em}.ProseMirror h1{font-size:1.7em;font-weight:750;margin-top:1.1em;letter-spacing:-.022em}.ProseMirror h2{font-size:1.4em;font-weight:700;margin-top:1.1em;letter-spacing:-.018em}.ProseMirror h3{font-size:1.18em;font-weight:700;margin-top:1em;letter-spacing:-.012em}.ProseMirror h4{font-size:1.05em;font-weight:700}.ProseMirror h5{font-size:.95em;font-weight:700;letter-spacing:.01em}.ProseMirror h6{font-size:.82em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-strong)}.ProseMirror ul,.ProseMirror ol{padding-left:1.4em;margin:.2em 0}.ProseMirror li{margin:.18em 0}.ProseMirror li>p{margin:0}.ProseMirror ul{list-style:disc}.ProseMirror ul li::marker{color:var(--muted)}.ProseMirror ol li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.ProseMirror ul[data-list-style=thick]{list-style:none}.ProseMirror ul[data-list-style=thick]>li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:-1.1em;margin-right:.5em;vertical-align:middle}.ProseMirror ul[data-list-style=arrow]{list-style:none}.ProseMirror ul[data-list-style=arrow]>li:before{content:"→";margin-left:-1.2em;margin-right:.4em;color:var(--accent)}.ProseMirror strong{font-weight:700;color:var(--ink)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--placeholder);pointer-events:none;height:0}.ProseMirror a{color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent);text-underline-offset:2px}.ProseMirror ::selection{background:color-mix(in srgb,var(--accent) 26%,transparent)}.ProseMirror hr{border:0;border-top:1px solid var(--line-strong);margin:1.4em 0}.ProseMirror table{border-collapse:collapse;margin:8px 0;overflow:hidden;background:var(--panel-elevated)}.ProseMirror td,.ProseMirror th{border:1px solid var(--table-border);min-width:100px;padding:7px 10px;vertical-align:top;position:relative}.ProseMirror th{background:var(--table-head);font-weight:600;text-align:left}.ProseMirror .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--table-selected);pointer-events:none}.un-table-wrap{position:relative;margin:12px 0;overflow-x:auto}.un-table-shell{position:relative;display:inline-block;max-width:100%}.un-table-node{background:var(--panel-elevated)}.table-plus{position:absolute;width:28px;height:28px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--panel-3);color:var(--ink-soft);display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow-md);z-index:5}.table-plus:hover{background:var(--sel);border-color:var(--accent);color:var(--accent-text)}.table-plus-col{right:-14px;top:50%;transform:translateY(-50%)}.table-plus-row{left:50%;bottom:-14px;transform:translate(-50%)}.ProseMirror .un-quote,.un-quote{font-weight:700;font-style:italic;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.un-quote:before{content:"“";color:var(--accent);font-style:normal;text-decoration:none}.un-quote:after{content:"”";color:var(--accent);font-style:normal;text-decoration:none}.un-code{border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;margin:14px 0;box-shadow:var(--shadow-sm)}.un-code .cbar{display:flex;align-items:center;gap:9px;background:var(--code-bar);padding:8px 12px;border-bottom:1px solid var(--line-strong)}.un-code[data-color] .cbar{background:color-mix(in srgb,var(--c) 16%,var(--code-bar))}.un-code .ctitle{font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid transparent;border-radius:5px;padding:2px 6px;background:transparent;outline:none;min-width:60px}.un-code .ctitle:focus{border-color:var(--line-strong);background:var(--panel-elevated)}.un-code .cacts{margin-left:auto;display:flex;gap:4px}.un-code .cb{width:28px;height:28px;border:0;background:transparent;border-radius:var(--r-xs);cursor:pointer;color:var(--muted);display:grid;place-items:center;font-size:13px}.un-code .cb:hover{background:var(--hover)}.un-code pre{margin:0;padding:13px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--ink-soft);background:var(--code-bg);overflow:auto}.un-code .colorpop{position:absolute;background:var(--panel-elevated);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-md);padding:8px;display:grid;grid-template-columns:repeat(4,24px);gap:7px;z-index:50;margin-top:4px}.un-code .colorpop .c{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid transparent}.un-code .colorpop .c.on{border-color:var(--ink)}.voice-note{display:inline-flex;max-width:100%;border:1px solid var(--line-strong);border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent-soft),var(--panel-elevated));box-shadow:var(--shadow-sm);margin:10px 0;overflow:hidden}.voice-note.recording{border-color:color-mix(in srgb,var(--t-red) 45%,var(--line-strong))}.voice-note.uploading{border-color:color-mix(in srgb,var(--t-amber) 45%,var(--line-strong))}.voice-note.error{border-color:var(--danger-line);background:color-mix(in srgb,var(--danger-soft) 65%,var(--panel-elevated))}.vn-main{display:flex;align-items:center;gap:9px;padding:8px 9px;max-width:100%}.vn-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:800}.voice-note.recording .vn-icon{background:var(--t-red);color:#fff;animation:pulse 1s infinite}.vn-body{flex:1;min-width:0}.vn-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--ink);margin-bottom:4px;flex-wrap:wrap;line-height:1.2}.vn-title span{font-size:10.5px;font-weight:700;color:var(--muted)}.vn-empty{font-size:12.5px;color:var(--muted)}.vn-error{margin-top:6px;color:var(--danger-ink);font-size:12px;line-height:1.4}.vn-meta{margin-top:4px;font-size:10.5px;color:var(--muted)}.vn-playrow{display:flex;align-items:center;gap:6px;min-width:0}.vn-body audio{display:block;width:260px;max-width:52vw;height:30px}.vn-speed{height:30px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink-soft);font-size:11px;font-weight:700}.vn-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.vn-actions .danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.cloud-img{margin:16px 0}.img-shell{display:inline-flex;max-width:100%;flex-direction:column;gap:7px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel-elevated);padding:10px;box-shadow:var(--shadow-sm)}.cloud-img.selected .img-shell{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cloud-img.uploading .img-shell{border-color:color-mix(in srgb,var(--t-amber) 45%,var(--line-strong))}.cloud-img.error .img-shell{border-color:var(--danger-line);background:color-mix(in srgb,var(--danger-soft) 55%,var(--panel-elevated))}.img-frame{position:relative;max-width:100%;min-width:120px;min-height:80px;overflow:hidden;border-radius:var(--r-sm);background:var(--panel-soft)}.img-frame img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.img-pick{width:min(520px,72vw);height:200px;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--accent-soft);color:var(--ink-soft);font:inherit;font-weight:700;cursor:pointer;display:grid;place-items:center;gap:8px}.img-pick span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:20px}.img-pick:hover{border-color:var(--accent);color:var(--accent-text)}.img-bar{display:flex;align-items:center;gap:8px;max-width:720px;color:var(--muted);font-size:11.5px}.img-bar input{flex:1;min-width:140px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--panel);color:var(--ink-soft);padding:6px 8px;font:inherit}.img-error{color:var(--danger-ink)}.img-resize{position:absolute;width:12px;height:12px;border:2px solid var(--panel-elevated);border-radius:50%;background:var(--accent);box-shadow:var(--shadow-sm);z-index:4}.img-resize.h-n{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.img-resize.h-ne{top:-6px;right:-6px;cursor:nesw-resize}.img-resize.h-e{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize}.img-resize.h-se{right:-6px;bottom:-6px;cursor:nwse-resize}.img-resize.h-s{left:50%;bottom:-6px;transform:translate(-50%);cursor:ns-resize}.img-resize.h-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.img-resize.h-w{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize}.img-resize.h-nw{top:-6px;left:-6px;cursor:nwse-resize}.ff-default{font-family:var(--font-default)}.ff-serif{font-family:var(--font-serif)}.ff-hand{font-family:var(--font-hand)}.ff-mono{font-family:var(--font-mono)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--overlay);display:flex;align-items:flex-end;animation:fade .2s var(--ease)}.sheet{width:100%;max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--panel);border-top:1px solid var(--line);border-top-left-radius:22px;border-top-right-radius:22px;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);display:grid;gap:14px;animation:sheet-up .3s var(--ease)}.sheet.compact{gap:12px}.sheet-grip{width:38px;height:4px;border-radius:999px;background:var(--line-strong);margin:2px auto 4px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head strong{font-size:16px}.sheet-title{font-size:16px;font-weight:650;letter-spacing:-.01em}.sheet-label{font-size:12px;color:var(--muted);margin:-6px 0 -4px}.sheet-body{margin:-4px 0 0;color:var(--muted-strong);font-size:13.5px;line-height:1.5}.sheet-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.sheet-foot .btn-primary,.sheet-foot .btn-ghost,.sheet-foot .btn-danger{padding:11px 18px}.action-list{display:grid;gap:2px}.action-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border:0;background:transparent;color:var(--ink);border-radius:var(--r-sm);font-size:14.5px;cursor:pointer;text-align:left;transition:background .14s var(--ease)}.action-row:hover{background:var(--hover)}.action-row:active{transform:scale(.99)}.action-icon{display:grid;place-items:center;color:var(--muted-strong)}.action-row.destructive{color:var(--danger-ink)}.action-row.destructive .action-icon{color:var(--danger)}.tag-pool{display:flex;flex-wrap:wrap;gap:8px}.tag-creator{display:grid;gap:10px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--r-sm)}.seg button{height:36px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--muted);font-size:13px;font-weight:550;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.seg button.on{background:var(--panel-3);color:var(--accent-text)}.swatch-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.swatch-pick{width:100%;aspect-ratio:1;border-radius:var(--r-xs);border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14}.swatch-pick.on{border-color:var(--ink)}.trash-list{display:grid;gap:10px}.trash-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.trash-info{flex:1;min-width:0;display:grid;gap:3px}.trash-info strong{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-info span{font-size:11.5px;color:var(--muted)}.trash-actions{display:flex;gap:6px;flex:0 0 auto}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(14px);opacity:.6}}@media(max-width:360px){.folder-grid{grid-template-columns:1fr}.swatch-row{grid-template-columns:repeat(6,1fr)}.view-head h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.drawer{transition:none}}