.theme-trans-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;pointer-events:none}.theme-trans-bg{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(0px) brightness(1);backdrop-filter:blur(0px) brightness(1);background:#0000;transition:all .6s cubic-bezier(.4,0,.2,1)}.theme-trans-overlay.enter .theme-trans-bg{-webkit-backdrop-filter:blur(16px) brightness(.7);backdrop-filter:blur(16px) brightness(.7);background:#0003}.theme-trans-overlay.exit .theme-trans-bg{-webkit-backdrop-filter:blur(0px) brightness(1);backdrop-filter:blur(0px) brightness(1);background:#0000}.theme-trans-scene{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center}.earth{position:relative;z-index:2;opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.theme-trans-overlay.enter .earth{opacity:1;transform:scale(1)}.theme-trans-overlay.exit .earth{opacity:0;transform:scale(.8);transition-timing-function:cubic-bezier(.4,0,.2,1)}.celestial{position:absolute;top:50%;left:50%;margin-top:-60px;margin-left:-60px;z-index:1;opacity:0}@keyframes celestial-rise{0%{transform:rotate(-90deg) translate(180px) rotate(90deg);opacity:0}20%{opacity:1}to{transform:rotate(0) translate(180px) rotate(0);opacity:1}}@keyframes celestial-set{0%{transform:rotate(0) translate(180px) rotate(0);opacity:1}80%{opacity:1}to{transform:rotate(90deg) translate(180px) rotate(-90deg);opacity:0}}.theme-trans-overlay.enter .celestial.setting{animation:celestial-set .6s forwards cubic-bezier(.4,0,.2,1)}.theme-trans-overlay.exit .celestial.rising{animation:celestial-rise .6s forwards cubic-bezier(.34,1.56,.64,1)}.theme-trans-overlay.exit .celestial.setting,.theme-trans-overlay.enter .celestial.rising{opacity:0}html[data-theme-palette=oceanic],html[data-theme-palette=oceanic][data-theme=light]{--bg: #f5f6f8;--panel: #ffffff;--panel-elevated: rgba(255, 255, 255, .85);--panel-muted: #eff1f4;--panel-soft: #f8f9fa;--ink: #20242b;--ink-soft: #363c49;--muted: #7b859d;--muted-strong: #616c83;--line: #e3e6ec;--line-strong: #d1d5e0;--rail: #16181c;--rail-hover: #1e2129;--rail-active: #242a37;--rail-text: #8993a8;--rail-text-hover: #d3d6de;--rail-text-active: #ffffff;--accent: #1558e9;--accent-ink: #ffffff;--accent-text: #1146ba;--accent-soft: #e7eefc;--hover: #eceef2;--hover-dark: #e0e3ea;--sel: #ecf1fd;--selection: #d9e4fb;--shadow-sm: 0 1px 2px #dde2ed;--shadow-md: 0 10px 28px #d7dde9;--shadow-lg: 0 18px 50px #cdd4e4;--menu-shadow: 0 12px 34px #cdd4e4;--overlay: rgba(22, 24, 28, .34);--danger: #ef4444;--danger-soft: #fef2f2;--danger-line: #fecaca;--danger-ink: #b42318;--warn-bg: #fff8dd;--warn-line: #f6d76b;--warn-ink: #c69209;--tag-global-bg: #e7eefc;--tag-global-ink: #1146ba;--tag-local-bg: #fff3e6;--tag-local-ink: #c47a1a;--input-bg: #ffffff;--input-border: #d1d5e0;--placeholder: #c4c9d3;--table-head: #f2f4f6;--table-border: #e0e3ea;--table-selected: #ecf1fd;--code-bg: #f8f9fa;--code-bar: #eff1f4;--link: #134fd1;--login-surface: #ffffff;--brand-accent: #b9cdf8}html[data-theme-palette=oceanic][data-theme=dark]{--bg: #0b0d13;--panel: #11141c;--panel-elevated: rgba(22, 27, 38, .85);--panel-muted: #1a202c;--panel-soft: #151923;--ink: #e7e9ed;--ink-soft: #d3d6de;--muted: #98a0b3;--muted-strong: #b5bbc8;--line: #202530;--line-strong: #303849;--rail: #07090d;--rail-hover: #0f1219;--rail-active: #161b26;--rail-text: #98a0b3;--rail-text-hover: #d3d6de;--rail-text-active: #ffffff;--accent: #2d69eb;--accent-ink: #ffffff;--accent-text: #739bf1;--accent-hover: #134fd1;--accent-active: #1146ba;--accent-soft: #061a45;--hover: #181e29;--hover-dark: #202736;--sel: #061c4a;--selection: #092766;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 30px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 54px rgba(0, 0, 0, .48);--menu-shadow: 0 14px 34px rgba(0, 0, 0, .42);--overlay: rgba(10, 11, 15, .62);--danger: #f87171;--danger-soft: #341b1e;--danger-line: #6b2a31;--danger-ink: #fecaca;--warn-bg: #382f12;--warn-line: #6a5710;--warn-ink: #fde68a;--tag-global-bg: #08235d;--tag-global-ink: #a1bcf6;--tag-local-bg: #3b2b12;--tag-local-ink: #ffd39a;--input-bg: #13171f;--input-border: #282f3d;--placeholder: #7b859d;--table-head: #161b26;--table-border: #2c3343;--table-selected: #071f53;--code-bg: #13171f;--code-bar: #1a202c;--link: #5b8aef;--login-surface: #151923;--brand-accent: #a1bcf6}html[data-theme-palette=sunset],html[data-theme-palette=sunset][data-theme=light]{--bg: #f8f7f5;--panel: #ffffff;--panel-elevated: rgba(255, 255, 255, .85);--panel-muted: #f4f1ef;--panel-soft: #faf9f8;--ink: #2b2520;--ink-soft: #493d36;--muted: #9d887b;--muted-strong: #836f61;--line: #ece7e3;--line-strong: #e0d7d1;--rail: #1c1816;--rail-hover: #29221e;--rail-active: #372c24;--rail-text: #a89589;--rail-text-hover: #ded7d3;--rail-text-active: #ffffff;--accent: #f86706;--accent-ink: #ffffff;--accent-text: #c65205;--accent-soft: #feefe6;--hover: #f2efec;--hover-dark: #eae4e0;--sel: #fef2eb;--selection: #fde6d7;--shadow-sm: 0 1px 2px #ede3dd;--shadow-md: 0 10px 28px #e9ded7;--shadow-lg: 0 18px 50px #e4d6cd;--menu-shadow: 0 12px 34px #e4d6cd;--overlay: rgba(28, 24, 22, .34);--danger: #ef4444;--danger-soft: #fef2f2;--danger-line: #fecaca;--danger-ink: #b42318;--warn-bg: #fff8dd;--warn-line: #f6d76b;--warn-ink: #c69209;--tag-global-bg: #feefe6;--tag-global-ink: #c65205;--tag-local-bg: #fff3e6;--tag-local-ink: #c47a1a;--input-bg: #ffffff;--input-border: #e0d7d1;--placeholder: #d3cac4;--table-head: #f6f4f2;--table-border: #eae4e0;--table-selected: #fef2eb;--code-bg: #faf9f8;--code-bar: #f4f1ef;--link: #df5c05;--login-surface: #ffffff;--brand-accent: #fdd1b4}html[data-theme-palette=sunset][data-theme=dark]{--bg: #130e0b;--panel: #1c1511;--panel-elevated: rgba(38, 29, 22, .85);--panel-muted: #2c211a;--panel-soft: #231a15;--ink: #ede9e7;--ink-soft: #ded7d3;--muted: #b3a398;--muted-strong: #c8bdb5;--line: #302720;--line-strong: #493a30;--rail: #0d0907;--rail-hover: #19130f;--rail-active: #261d16;--rail-text: #b3a398;--rail-text-hover: #ded7d3;--rail-text-active: #ffffff;--accent: #f9761f;--accent-ink: #ffffff;--accent-text: #fba369;--accent-hover: #df5c05;--accent-active: #c65205;--accent-soft: #4a1e01;--hover: #291f18;--hover-dark: #362920;--sel: #4f2102;--selection: #6d2d02;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 30px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 54px rgba(0, 0, 0, .48);--menu-shadow: 0 14px 34px rgba(0, 0, 0, .42);--overlay: rgba(15, 12, 10, .62);--danger: #f87171;--danger-soft: #341b1e;--danger-line: #6b2a31;--danger-ink: #fecaca;--warn-bg: #382f12;--warn-line: #6a5710;--warn-ink: #fde68a;--tag-global-bg: #632902;--tag-global-ink: #fcc29b;--tag-local-bg: #3b2b12;--tag-local-ink: #ffd39a;--input-bg: #1f1813;--input-border: #3d3028;--placeholder: #9d887b;--table-head: #261d16;--table-border: #43352c;--table-selected: #592502;--code-bg: #1f1813;--code-bar: #2c211a;--link: #fa9450;--login-surface: #231a15;--brand-accent: #fcc29b}html[data-theme-palette=amethyst],html[data-theme-palette=amethyst][data-theme=light]{--bg: #f6f5f8;--panel: #ffffff;--panel-elevated: rgba(255, 255, 255, .85);--panel-muted: #f1eff4;--panel-soft: #f9f8fa;--ink: #24202b;--ink-soft: #3d3649;--muted: #877b9d;--muted-strong: #6e6183;--line: #e6e3ec;--line-strong: #d6d1e0;--rail: #18161c;--rail-hover: #221e29;--rail-active: #2b2437;--rail-text: #9489a8;--rail-text-hover: #d7d3de;--rail-text-active: #ffffff;--accent: #6315e9;--accent-ink: #ffffff;--accent-text: #4f11ba;--accent-soft: #efe7fc;--hover: #eeecf2;--hover-dark: #e4e0ea;--sel: #f2ecfd;--selection: #e6d9fb;--shadow-sm: 0 1px 2px #e3dded;--shadow-md: 0 10px 28px #ddd7e9;--shadow-lg: 0 18px 50px #d5cde4;--menu-shadow: 0 12px 34px #d5cde4;--overlay: rgba(24, 22, 28, .34);--danger: #ef4444;--danger-soft: #fef2f2;--danger-line: #fecaca;--danger-ink: #b42318;--warn-bg: #fff8dd;--warn-line: #f6d76b;--warn-ink: #c69209;--tag-global-bg: #efe7fc;--tag-global-ink: #4f11ba;--tag-local-bg: #fff3e6;--tag-local-ink: #c47a1a;--input-bg: #ffffff;--input-border: #d6d1e0;--placeholder: #c9c4d3;--table-head: #f4f2f6;--table-border: #e4e0ea;--table-selected: #f2ecfd;--code-bg: #f9f8fa;--code-bar: #f1eff4;--link: #5913d1;--login-surface: #ffffff;--brand-accent: #d0b9f8}html[data-theme-palette=amethyst][data-theme=dark]{--bg: #0e0b13;--panel: #15111c;--panel-elevated: rgba(28, 22, 38, .85);--panel-muted: #211a2c;--panel-soft: #1a1523;--ink: #e9e7ed;--ink-soft: #d7d3de;--muted: #a298b3;--muted-strong: #bcb5c8;--line: #262030;--line-strong: #393049;--rail: #09070d;--rail-hover: #130f19;--rail-active: #1c1626;--rail-text: #a298b3;--rail-text-hover: #d7d3de;--rail-text-active: #ffffff;--accent: #722deb;--accent-ink: #ffffff;--accent-text: #a173f1;--accent-hover: #5913d1;--accent-active: #4f11ba;--accent-soft: #1d0645;--hover: #1e1829;--hover-dark: #282036;--sel: #1f064a;--selection: #2b0966;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 30px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 54px rgba(0, 0, 0, .48);--menu-shadow: 0 14px 34px rgba(0, 0, 0, .42);--overlay: rgba(12, 10, 15, .62);--danger: #f87171;--danger-soft: #341b1e;--danger-line: #6b2a31;--danger-ink: #fecaca;--warn-bg: #382f12;--warn-line: #6a5710;--warn-ink: #fde68a;--tag-global-bg: #27085d;--tag-global-ink: #c0a1f6;--tag-local-bg: #3b2b12;--tag-local-ink: #ffd39a;--input-bg: #17131f;--input-border: #30283d;--placeholder: #877b9d;--table-head: #1c1626;--table-border: #352c43;--table-selected: #230753;--code-bg: #17131f;--code-bar: #211a2c;--link: #915bef;--login-surface: #1a1523;--brand-accent: #c0a1f6}:root,html[data-theme=light]{--bg: #f5f6f4;--panel: #fcfcfc;--panel-elevated: rgba(255, 255, 255, .85);--panel-muted: #f3f4f6;--panel-soft: #fafbfc;--ink: #1f2328;--ink-soft: #3a4250;--muted: #8a93a0;--muted-strong: #6b7280;--line: #e8eaed;--line-strong: #d7dbe0;--rail: #14161b;--rail-hover: #1d2026;--rail-active: #23262e;--rail-text: #7f8794;--rail-text-hover: #cfd4dc;--rail-text-active: #f8fafc;--accent: #1eab6b;--accent-ink: #ffffff;--accent-text: #178351;--accent-soft: #eaf6ef;--hover: #f1f3f5;--hover-dark: #e8eaed;--sel: #eaf6ef;--selection: #c7ead7;--shadow-sm: 0 1px 2px rgba(20, 30, 50, .05);--shadow-md: 0 10px 28px rgba(20, 30, 50, .13);--shadow-lg: 0 18px 50px rgba(20, 30, 50, .22);--menu-shadow: 0 12px 34px rgba(20, 30, 50, .16);--overlay: rgba(20, 28, 40, .34);--danger: #ef4444;--danger-soft: #fef2f2;--danger-line: #fecaca;--danger-ink: #b42318;--warn-bg: #fff8dd;--warn-line: #f6d76b;--warn-ink: #c69209;--tag-global-bg: #eef2ff;--tag-global-ink: #5560d6;--tag-local-bg: #fff3e6;--tag-local-ink: #c47a1a;--input-bg: #ffffff;--input-border: #d7dbe0;--placeholder: #cdd2d9;--table-head: #f6f7f9;--table-border: #dfe3e8;--table-selected: rgba(61, 220, 132, .12);--code-bg: #fbfcfd;--code-bar: #f5f6f8;--link: #4a8f6c;--login-surface: #ffffff;--brand-accent: #9fdcc0;--t-slate: #64748b;--t-blue: #3b82f6;--t-green: #22c55e;--t-amber: #f59e0b;--t-orange: #f97316;--t-red: #ef4444;--t-pink: #ec4899;--t-teal: #14b8a6;--font-default: "Outfit", system-ui, -apple-system, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-hand: "Comic Sans MS", "Segoe Print", cursive;--font-mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace}html[data-theme=dark]{--bg: #0a0a0a;--panel: #111111;--panel-elevated: rgba(22, 22, 22, .85);--panel-muted: #242c36;--panel-soft: #1c2229;--ink: #e6ebf2;--ink-soft: #dce4ee;--muted: #afbac8;--muted-strong: #cad3de;--line: #2a313b;--line-strong: #47515d;--rail: #0b0f13;--rail-hover: #171c22;--rail-active: #202731;--rail-text: #adb8c6;--rail-text-hover: #e4eaf2;--rail-text-active: #ffffff;--accent: #1eab6b;--accent-ink: #ffffff;--accent-text: #6fd89e;--accent-hover: #178351;--accent-active: #13663f;--accent-soft: #123321;--hover: #1e1e1e;--hover-dark: #2a2a2a;--sel: #143322;--selection: #1c452f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow-md: 0 12px 30px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 54px rgba(0, 0, 0, .48);--menu-shadow: 0 14px 34px rgba(0, 0, 0, .42);--overlay: rgba(4, 8, 12, .62);--danger: #f87171;--danger-soft: #341b1e;--danger-line: #6b2a31;--danger-ink: #fecaca;--warn-bg: #382f12;--warn-line: #6a5710;--warn-ink: #fde68a;--tag-global-bg: #202a4d;--tag-global-ink: #b9c2ff;--tag-local-bg: #3b2b12;--tag-local-ink: #ffd39a;--input-bg: #12171d;--input-border: #38414d;--placeholder: #8a95a4;--table-head: #222a33;--table-border: #3a4450;--table-selected: rgba(61, 220, 132, .18);--code-bg: #12171d;--code-bar: #222a33;--link: #80d0a5;--login-surface: #131920;--brand-accent: #b9eacd}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-default);color:var(--ink);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}button{font-family:inherit;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,opacity .2s ease}button:active:not(:disabled){transform:scale(.97)}::selection{background:var(--selection)}.swatch{display:inline-block;border-radius:3px}[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)}.app{display:grid;grid-template-columns:56px 248px 320px 1fr;grid-template-rows:minmax(0,1fr);height:100vh;overflow:hidden}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px}.rail .logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;margin-bottom:14px;font-size:17px}.rail button{width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--rail-text);font-size:17px;cursor:pointer;transition:.12s}.rail button:hover{background:var(--rail-hover);color:var(--rail-text-hover)}.rail button.on{background:var(--rail-active);color:var(--rail-text-active)}.rail .spacer{flex:1}.nav{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.nbsel{padding:12px;border-bottom:1px solid var(--line);position:relative}.nbsel .pick{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-weight:600;font-size:13.5px;background:var(--panel-elevated);color:var(--ink-soft)}.nbsel .pick:hover{background:var(--hover)}.nbsel .pick[data-color]{background:color-mix(in srgb,var(--c) 12%,var(--panel-elevated));border-color:color-mix(in srgb,var(--c) 30%,var(--line));box-shadow:inset 3px 0 color-mix(in srgb,var(--c) 76%,transparent)}.nbsel .pick[data-color]:hover{background:color-mix(in srgb,var(--c) 18%,var(--panel-elevated))}.nbsel .pick .nb{display:flex;align-items:center;gap:8px;min-width:0}.nbsel .pick .nb span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbsel .pick .sw{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;font-size:16px}.nbsel .pick .chev{color:var(--muted)}.nbdrop{position:absolute;left:12px;right:12px;top:54px;background:var(--panel-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);z-index:40;padding:6px;max-height:340px;overflow:auto}.nbdrop .item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.nbdrop .item:hover{background:var(--hover)}.nbdrop .item[data-color]{background:color-mix(in srgb,var(--c) 8%,transparent);border:1px solid transparent}.nbdrop .item[data-color]:hover{background:color-mix(in srgb,var(--c) 14%,var(--hover));border-color:color-mix(in srgb,var(--c) 24%,transparent)}.nbdrop .item.sel{background:color-mix(in srgb,var(--c, var(--accent)) 18%,var(--sel));border-color:color-mix(in srgb,var(--c, var(--accent)) 28%,transparent);color:var(--accent-text);font-weight:600}.nbdrop .item .sw{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.nbdrop .divider{height:1px;background:var(--line);margin:6px 8px}.nbdrop .new{color:var(--accent-text);font-weight:600}.shortcuts{padding:8px 8px 4px}.row{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer}.row:hover{background:var(--hover)}.row.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.row .ic{width:16px;text-align:center;opacity:.85}.row .ct{margin-left:auto;font-size:11px;color:var(--muted)}.seclabel{font-size:10.5px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;padding:12px 14px 4px;display:flex;justify-content:space-between;align-items:center}.seclabel .add{cursor:pointer;font-size:15px;color:var(--muted);line-height:1}.seclabel .add:hover{color:var(--accent-text)}.tree{padding:0 8px 14px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.tnode{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;font-size:13px;cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.tnode:hover{background:var(--hover)}.tnode.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.tnode .tw{width:12px;color:var(--muted);font-size:10px;flex:none;text-align:center}.tnode .fdot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;font-size:16px;margin-right:4px}.tnode .ndot{color:var(--muted);flex:none;width:9px;text-align:center}.tnode .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnode.drop-target{background:var(--accent-soft);outline:1.5px dashed var(--accent);outline-offset:-2px}.folder-tile[data-color]{background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 3px 0 color-mix(in srgb,var(--c) 80%,transparent)}.folder-tile[data-color]:hover{background:color-mix(in srgb,var(--c) 18%,var(--hover));border-color:color-mix(in srgb,var(--c) 28%,transparent)}.folder-tile[data-color].sel{background:color-mix(in srgb,var(--c) 20%,var(--sel));border-color:color-mix(in srgb,var(--c) 34%,transparent)}.new-note-action{color:var(--accent-text);font-weight:700}.new-note-action:hover{background:color-mix(in srgb,var(--accent-soft) 72%,transparent)}.new-note-action .tw{color:inherit}.list{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.lhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.lhead h2{font-size:12px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin:0;font-weight:700}.lhead .tools{display:flex;gap:6px;color:var(--muted)}.lhead .tools button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;border-radius:6px;width:26px;height:26px}.lhead .tools button:hover{background:var(--hover);color:var(--ink-soft)}.search{margin:0 14px 8px;display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--panel-muted);border-radius:9px;color:var(--muted);font-size:13px}.search input{border:0;background:transparent;outline:none;flex:1;font-size:13px;color:var(--ink)}.listscroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.card{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}.card:hover{background:var(--panel-soft)}.card.sel{background:var(--sel);border-left-color:var(--c, var(--accent))}.card .t{font-size:13.5px;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:7px}.card .t .star{color:var(--accent);font-size:12px}.card .t .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .p{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}.card .meta{margin-top:7px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card .when{font-size:11px;color:var(--muted);margin-left:auto}.empty-list{padding:40px 22px;text-align:center;color:var(--muted);font-size:13px}.tag{font-size:10.5px;padding:2px 7px;border-radius:20px;background:var(--tag-global-bg);color:var(--tag-global-ink);white-space:nowrap}.tag.local{background:var(--tag-local-bg);color:var(--tag-local-ink)}.tag.dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:middle}.ed{background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.toolbar{display:flex;align-items:center;gap:3px;padding:8px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap}.tb{height:30px;min-width:30px;padding:0 7px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}.tb:hover{background:var(--hover)}.tb.on{background:var(--sel);color:var(--accent-text)}.tb.plus{background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px}.tb:disabled{opacity:.4;cursor:default}.sep{width:1px;height:20px;background:var(--line);margin:0 4px}.sb{border:1px solid var(--line);border-radius:7px;padding:5px 9px;font-size:12.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--panel-elevated);position:relative}.sb:hover{background:var(--hover)}.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}.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(--t-red)}@keyframes pulse{50%{opacity:.35}}.menu{position:absolute;top:34px;left:0;background:var(--panel-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);padding:6px;z-index:50;min-width:180px}.menu.right{left:auto;right:0}.mi{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;color:var(--ink);cursor:pointer;border-radius:7px;white-space:nowrap}.mi:hover{background:var(--hover)}.mi.sel{background:var(--sel);color:var(--accent-text)}.mi .ico{width:18px;text-align:center;color:var(--muted-strong)}.mi .hint{margin-left:auto;color:var(--muted);font-size:11px}.mi.danger,.mi.danger .ico{color:var(--danger)}.mi.danger:hover{background:var(--danger-soft)}.mdiv{height:1px;background:var(--line);margin:6px 8px}.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}.swatchgrid .c.on{border-color:var(--ink)}.doc{padding:30px 56px 80px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.doc-inner{max-width:760px;margin:0 auto}.crumb{font-size:11.5px;color:var(--muted);margin-bottom:16px;display:flex;gap:6px;flex-wrap:wrap}.titlebar{display:flex;align-items:flex-start;gap:12px}.titlein{font-size:30px;font-weight:700;letter-spacing:-.01em;border:0;outline:none;width:100%;margin:0 0 8px;color:var(--ink);background:transparent}.titlein::placeholder{color:var(--placeholder)}.favbtn{margin-top:4px;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel-elevated);color:var(--muted);display:grid;place-items:center;font-size:18px;cursor:pointer;transition:.12s}.favbtn:hover{background:var(--hover);color:var(--ink-soft)}.favbtn.on{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink)}.tagline{display:flex;gap:7px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.tagline .addtag{color:var(--muted);font-size:12px;cursor:pointer;border:1px dashed var(--line);border-radius:20px;padding:2px 9px}.tagline .addtag:hover{color:var(--accent-text);border-color:var(--accent)}.footer{height:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 16px;color:var(--muted);font-size:11.5px}.footer .spc{margin-left:auto}.ProseMirror{outline:none;font-size:15px;line-height:1.7;color:var(--ink-soft)}.ProseMirror:focus{outline:none}.ProseMirror>*+*{margin-top:.6em}.ProseMirror p{margin:0}.ProseMirror h1{font-size:26px;font-weight:800;margin:.6em 0 .1em;color:var(--ink)}.ProseMirror h2{font-size:22px;font-weight:700;margin:.6em 0 .1em;color:var(--ink)}.ProseMirror h3{font-size:19px;font-weight:700;color:var(--ink)}.ProseMirror h4{font-size:16.5px;font-weight:700;color:var(--ink)}.ProseMirror h5{font-size:14px;font-weight:700;color:var(--ink)}.ProseMirror h6{font-size:12.5px;font-weight:700;color:var(--muted-strong)}.ProseMirror a{color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}.ProseMirror a:hover{color:var(--accent-text)}.ProseMirror .copy-number{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:6px;padding:0 4px;cursor:copy;font-weight:700}.ProseMirror .copy-number:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.ProseMirror .copy-number[data-copied=true]:after{content:" copied";color:var(--muted);font-size:.78em;font-weight:700}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.3em 0}.ProseMirror ul[data-list-style=thick]{list-style:none}.ProseMirror ul[data-list-style=thick]>li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink-soft);margin-left:-1.1em;margin-right:.45em;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(--muted-strong)}.ProseMirror ol[data-list-style=alpha]{list-style:lower-alpha}.ProseMirror ol[data-list-style=roman]{list-style:upper-roman}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--placeholder);pointer-events:none;height: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:120px;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}.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:999px;background:var(--panel-elevated);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{font-weight:700;font-style:italic;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.ProseMirror .un-quote:before{content:"“";color:var(--accent);font-style:normal;text-decoration:none}.ProseMirror .un-quote:after{content:"”";color:var(--accent);font-style:normal;text-decoration:none}.un-code{border:1px solid var(--line-strong);border-radius:10px;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:7px 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:26px;height:26px;border:0;background:transparent;border-radius:6px;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:30;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:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel-elevated)),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:290px;max-width:42vw;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:14px;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 color-mix(in srgb,var(--accent) 18%,transparent)}.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:10px;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:220px;border:1px dashed var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel-soft));color:var(--ink-soft);font:inherit;font-weight:800;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:160px;border:1px solid var(--line);border-radius:8px;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)}.ctxmenu{position:fixed;z-index:200;width:216px;background:var(--panel-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:11px;box-shadow:var(--menu-shadow);padding:6px}.ctxmenu .sub{position:relative}.ctxmenu .flyout{position:absolute;left:100%;top:0;margin-left:4px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--panel-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;width:100%;max-width:380px}.modal.wide{max-width:440px}.mhead{padding:16px 18px 6px}.mhead h3{margin:0;font-size:15.5px}.mhead .ctx{font-size:12px;color:var(--muted);margin-top:3px}.mbody{padding:8px 18px 4px}.field{margin-bottom:14px}.flabel{font-size:11px;color:var(--muted-strong);margin-bottom:6px;font-weight:600}.input{width:100%;border:1px solid var(--input-border);border-radius:9px;padding:10px 12px;font-size:14px;color:var(--ink);background:var(--input-bg);font-family:inherit}.input:focus{outline:2px solid var(--accent);border-color:transparent}.swrow{display:flex;gap:9px;flex-wrap:wrap}.swrow .sw{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2px solid transparent;position:relative}.swrow .sw.on{border-color:var(--ink)}.swrow .sw.on:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}.mfoot{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px 16px}.btn{border:1px solid var(--line);background:var(--panel-elevated);border-radius:9px;padding:8px 15px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.btn:active{background:var(--hover-dark);transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #1eab6b33}.btn.primary:active{background:var(--accent-active);transform:scale(.97)}.btn.danger{background:var(--t-red);border-color:var(--t-red);color:#fff;font-weight:700}.warnicon{width:38px;height:38px;border-radius:10px;background:var(--danger-soft);color:var(--danger);display:grid;place-items:center;font-size:18px;margin-bottom:10px}.picker{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px}.pi{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;font-size:13px;cursor:pointer;color:var(--ink-soft)}.pi:hover{background:var(--hover)}.pi.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.pi .sw2{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate))}.pi .ico{color:var(--muted);width:15px;text-align:center}.view{grid-column:3 / span 2;background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:auto}.viewhead{display:flex;align-items:center;gap:12px;padding:18px 26px 6px}.viewhead h1{margin:0;font-size:20px}.viewhead .vsub{font-size:12.5px;color:var(--muted)}.viewbody{padding:10px 26px 40px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px;margin-left:auto}.seg span{padding:5px 11px;cursor:pointer;color:var(--muted-strong)}.seg span.on{background:var(--sel);color:var(--accent-text);font-weight:600}.notegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:6px}.ncard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;border-left:3px solid var(--c, var(--t-slate));background:var(--panel-elevated)}.ncard:hover{box-shadow:var(--shadow-md)}.ncard .t{font-size:13.5px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:7px}.ncard .t .star{color:var(--accent);font-size:12px}.ncard .p{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}.ncard .m{margin-top:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ncard .path{margin-left:auto;font-size:10.5px;color:var(--muted)}.trashbar{display:flex;align-items:center;gap:12px;margin:4px 0 8px}.trashbar .empty{margin-left:auto;font-size:12px;color:var(--danger);cursor:pointer;background:none;border:0}.trashbar .empty:hover{color:color-mix(in srgb,var(--danger) 72%,white)}.thead,.trow{display:grid;grid-template-columns:96px 1.6fr 1fr 100px 150px;align-items:center;gap:10px;padding:9px 8px}.thead{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.trow{border-bottom:1px solid var(--line);font-size:13px}.trow:hover{background:var(--panel-soft)}.badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;width:max-content}.b-note{background:var(--tag-global-bg);color:var(--tag-global-ink)}.b-folder{background:var(--tag-local-bg);color:var(--tag-local-ink)}.b-notebook{background:color-mix(in srgb,var(--t-pink) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--t-pink) 70%,var(--ink))}.b-tag{background:color-mix(in srgb,var(--accent) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.b-voiceNote{background:color-mix(in srgb,var(--t-amber) 20%,var(--panel-elevated));color:color-mix(in srgb,var(--t-amber) 72%,var(--ink))}.b-image{background:color-mix(in srgb,var(--t-blue) 18%,var(--panel-elevated));color:color-mix(in srgb,var(--t-blue) 72%,var(--ink))}.iname{display:flex;align-items:center;gap:9px;font-weight:500}.iname .ic{color:var(--muted)}.from,.when{color:var(--muted);font-size:12px}.ta{display:flex;gap:6px;justify-content:flex-end}.ta button{border:1px solid var(--line);background:var(--panel-elevated);border-radius:6px;padding:4px 9px;font-size:11px;cursor:pointer;color:var(--ink-soft)}.ta button.restore:hover{background:var(--sel);border-color:var(--accent);color:var(--accent-text)}.ta button.purge{color:var(--danger)}.ta button.purge:hover{background:var(--danger-soft);border-color:var(--danger-line)}.view-empty{padding:60px 20px;text-align:center;color:var(--muted)}.view-empty .big{font-size:34px;margin-bottom:10px}.tagside .titem{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer}.tagside .titem:hover{background:var(--hover)}.tagside .titem.sel{background:var(--sel);color:var(--accent-text);font-weight:600}.tagside .titem .sw{width:11px;height:11px;border-radius:3px;background:var(--c, var(--t-slate))}.tagside .titem .ct{margin-left:auto;font-size:11px;color:var(--muted)}.tag-toggle-chip{border:0;cursor:pointer;font:inherit}.tag-create{margin-top:18px;padding:0 10px 10px}.tag-scope{margin-top:10px}.tag-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.tag-color{height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer}.tag-color.on{border-color:var(--ink)}.tag-create-btn{width:100%;margin-top:12px}.login{display:grid;grid-template-columns:1.05fr .95fr;height:100vh;background:var(--login-surface)}.login .brand{background:linear-gradient(160deg,#10221a,#143a2a 55%,#0c1a14);color:#fff;padding:54px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login .brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,132,.32),transparent 70%);right:-120px;top:-80px}.login .blogo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.login .blogo .mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:20px}.login .tagh{margin-top:auto;font-size:32px;font-weight:800;line-height:1.18;letter-spacing:-.02em;max-width:420px}.login .tagh span{color:var(--accent)}.login .bsub{margin-top:16px;color:var(--brand-accent);font-size:14px;max-width:360px;line-height:1.6}.login .chips{margin-top:26px;display:flex;gap:9px;flex-wrap:wrap}.login .chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px 13px;font-size:12px;color:#cfeede}.login .panel{display:flex;align-items:center;justify-content:center;padding:40px}.login .card{width:100%;max-width:360px}.login .card h1{font-size:24px;margin:0 0 6px}.login .lede{color:var(--muted);font-size:13.5px;margin:0 0 26px}.login .signin{width:100%;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:13px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}.login .signin:hover{filter:brightness(.97)}.login .note{margin-top:20px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;justify-content:center}.login .err{margin-top:16px;background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:9px;padding:10px 12px;font-size:12.5px}.login-theme{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-theme .theme-label{font-size:12px;color:var(--muted);font-weight:600}.login-theme .seg{margin-left:0}.login .foot{margin-top:30px;text-align:center;font-size:11.5px;color:var(--muted)}.login a{color:var(--link);text-decoration:none;font-size:12.5px}.iconbtn{border:0;background:transparent;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px}.iconbtn:hover{background:var(--hover);color:var(--ink-soft)}.chat-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;z-index:1000}.chat-panel{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--panel-elevated);border-left:1px solid var(--line);box-shadow:-8px 0 32px #00000014;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1001;display:flex;flex-direction:column}.chat-panel.open{transform:translate(0)}.chat-header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;background:var(--panel-elevated)}.mobile-header-right{display:flex;align-items:center;gap:12px}.chat-title{font-weight:600;display:flex;align-items:center;gap:8px}.chat-close{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.chat-close:hover{background:var(--btn-hover);color:var(--ink)}.chat-identity-pick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.chat-identity-label{font-size:16px;font-weight:500}.chat-identity-btns{display:flex;gap:12px}.chat-identity-btn{padding:8px 24px;border:1px solid var(--line);border-radius:20px;background:var(--bg);cursor:pointer;font-weight:600}.chat-identity-btn.shiv:hover,.chat-identity-btn.divi:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:4px;background:var(--bg)}.chat-empty{margin:auto;color:var(--muted);font-size:14px}.chat-msg{display:flex;flex-direction:column;max-width:85%}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.theirs{align-self:flex-start;align-items:flex-start}.chat-msg:not(.grouped){margin-top:12px}.chat-msg-meta{font-size:11px;margin-bottom:4px;display:flex;gap:6px}.chat-name{font-weight:600}.chat-name.shiv,.chat-name.divi{color:var(--accent-text)}.chat-time{color:var(--muted)}.chat-bubble{padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;word-wrap:break-word;word-break:break-word;box-shadow:0 1px 2px #0000000f;max-width:100%}.chat-msg.mine .chat-bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.chat-msg.theirs .chat-bubble{background:var(--panel-elevated);border:1px solid var(--line);border-bottom-left-radius:4px}.chat-identity-bar{padding:8px 16px;background:var(--panel);border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.chat-switch-identity{background:transparent;border:none;color:var(--link);cursor:pointer;text-decoration:underline;padding:0}.chat-input-row{display:flex;padding:12px 16px;border-top:1px solid var(--line);gap:12px;background:var(--panel-elevated);align-items:center}.chat-input{flex:1;border:1px solid var(--line);border-radius:20px;padding:10px 16px;outline:none;background:var(--bg);color:var(--ink);font-size:14.5px;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.chat-send{width:38px;height:38px;border-radius:19px;background:var(--accent);color:var(--accent-ink);border:none;font-size:18px;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease}.chat-send:active{transform:scale(.92)}.chat-send:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.chat-typing-indicator{display:flex;gap:4px;padding:12px 16px;align-items:center}.chat-typing-indicator .dot{width:6px;height:6px;border-radius:3px;background:var(--muted);animation:typing 1.4s infinite ease-in-out both}.chat-typing-indicator .dot:nth-child(1){animation-delay:-.32s}.chat-typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.chat-panel.mobile-full{width:100%;border-left:none}}.chat-msg-wrapper{display:flex;flex-direction:column;position:relative;margin-top:12px}.chat-msg-wrapper.mine{align-items:flex-end}.chat-msg-wrapper:hover .chat-msg-actions{opacity:1;pointer-events:auto}.chat-msg{position:relative;margin-top:0!important}.chat-bubble{position:relative;display:flex;flex-direction:column;gap:4px}.chat-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;opacity:.8;margin-top:2px;margin-bottom:-4px;margin-right:-4px}.chat-time-footer{font-size:11px;opacity:.7}.chat-ticks{display:flex;align-items:center}.chat-ticks.gray{color:var(--muted)}.chat-ticks.blue{color:#34b7f1}.chat-edited-mark{font-size:10px;font-style:italic;opacity:.7}.chat-msg-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:4px;background:var(--panel-elevated);padding:4px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.chat-msg.mine .chat-msg-actions{right:calc(100% + 8px)}.chat-msg.theirs .chat-msg-actions{left:calc(100% + 8px)}.chat-msg-actions button{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.chat-msg-actions button:hover{background:var(--bg);color:var(--ink)}.chat-reactions{display:flex;gap:4px;margin-top:-6px;margin-bottom:4px;z-index:2;padding:0 8px}.chat-reactions.mine{justify-content:flex-end}.chat-reaction{background:var(--panel-elevated);border:1px solid var(--line);border-radius:12px;padding:2px 6px;font-size:12px;cursor:pointer;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:4px}.chat-reaction:hover{background:var(--bg)}.chat-reaction.active{background:var(--accent-soft);border-color:var(--accent)}.chat-reaction-count{font-size:11px;font-weight:600;color:var(--muted)}.chat-reply-embed{background:#0000000d;border-left:3px solid var(--accent);padding:6px 8px;border-radius:4px;margin-bottom:4px;cursor:pointer;font-size:13px}.chat-msg.mine .chat-reply-embed{background:#ffffff1a;border-left-color:var(--accent-ink)}.chat-reply-embed-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;opacity:.9}.chat-img-attachment{max-width:260px;max-height:320px;border-radius:8px;object-fit:cover;cursor:zoom-in;margin-top:4px}.chat-pdf-attachment{display:flex;align-items:center;gap:8px;background:#0000000d;padding:8px 12px;border-radius:8px;text-decoration:none;color:inherit}.chat-msg.mine .chat-pdf-attachment{background:#ffffff1a}.chat-pdf-attachment:hover{text-decoration:underline}.voice-note-player{display:flex;align-items:center;gap:12px;background:#0000000a;padding:6px 12px;border-radius:20px;min-width:200px}.chat-msg.mine .voice-note-player{background:#ffffff1f}.vnp-play-btn{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;opacity:.8;transition:opacity .2s}.vnp-play-btn:hover{opacity:1}.vnp-scrubber{flex:1;display:flex;align-items:center}.vnp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#0000001a;outline:none;position:relative;cursor:pointer}.chat-msg.mine .vnp-slider{background:#ffffff4d}.vnp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 1px 2px #0003}.chat-msg.mine .vnp-slider::-webkit-slider-thumb{background:var(--accent-ink)}.vnp-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--accent);border-radius:2px;pointer-events:none}.chat-msg.mine .vnp-slider:before{background:var(--accent-ink)}.vnp-time{font-size:11px;font-family:var(--font-mono, monospace);opacity:.7;min-width:30px;text-align:right}.chat-action-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--panel-elevated);border-top:1px solid var(--line);font-size:13px;color:var(--ink);font-weight:500}.chat-action-bar button{background:none;border:none;cursor:pointer;color:var(--muted)}.chat-action-bar button:hover{color:var(--danger)}.chat-attach-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-attach-btn:hover{background:var(--btn-hover);color:var(--ink)}.chat-send.recording{background:var(--danger);color:#fff;animation:pulse-record 1.5s infinite}@keyframes pulse-record{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}