@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fira-code-400.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fira-code-600.woff2) format("woff2")}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-code-pro-400.woff2) format("woff2")}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/source-code-pro-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-mono-400.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/roboto-mono-600.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2) format("woff2")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ubuntu-mono-400.woff2) format("woff2")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ubuntu-mono-700.woff2) format("woff2")}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inconsolata-400.woff2) format("woff2")}@font-face{font-family:Inconsolata;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inconsolata-600.woff2) format("woff2")}@font-face{font-family:Cousine;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cousine-400.woff2) format("woff2")}@font-face{font-family:Cousine;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cousine-700.woff2) format("woff2")}@font-face{font-family:Overpass Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/overpass-mono-400.woff2) format("woff2")}@font-face{font-family:Overpass Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/overpass-mono-600.woff2) format("woff2")}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/red-hat-mono-400.woff2) format("woff2")}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/red-hat-mono-600.woff2) format("woff2")}@font-face{font-family:PT Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-mono-400.woff2) format("woff2")}@font-face{font-family:Oxygen Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/oxygen-mono-400.woff2) format("woff2")}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-mono-400.woff2) format("woff2")}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-sans-mono-600.woff2) format("woff2")}@font-face{font-family:Recursive;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/recursive-400.woff2) format("woff2")}@font-face{font-family:Cutive Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cutive-mono-400.woff2) format("woff2")}@font-face{font-family:Nova Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nova-mono-400.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/martian-mono-400.woff2) format("woff2")}@font-face{font-family:B612 Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/b612-mono-400.woff2) format("woff2")}:root{--bg: #fafaf8;--fg: #3a3632;--accent: #d95532;--fg-dim: #8a8479;--secondary: #f0ede8;--hover: #e8e3dc;--danger: #ef4444;--success: #22c55e;--font: "Times New Roman", "Times", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--fg);min-height:100vh;overflow-y:auto;position:relative;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}body:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:1800px;height:100%;background:var(--bg);border-left:1px solid rgba(58,54,50,.06);border-right:1px solid rgba(58,54,50,.06);z-index:-1}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,.btn:focus-visible,.btn-icon:focus-visible,.btn-dropdown:focus-visible,.text-style-btn:focus-visible,.privacy-btn:focus-visible,.new-note-btn:focus-visible,.note-item:focus-visible,.note-delete-btn:focus-visible,.note-pin-btn:focus-visible,.nostr-publish-btn:focus-visible,.connect-nostr-btn:focus-visible,.confirm-cancel:focus-visible,.confirm-ok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-item:focus-visible{outline-offset:-2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;font-size:.9rem;z-index:100000;transition:top .2s ease}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.font-jetbrains{--font: "JetBrains Mono", monospace}.font-fira{--font: "Fira Code", monospace}.font-source{--font: "Source Code Pro", monospace}.font-ibm{--font: "IBM Plex Mono", monospace}.font-roboto{--font: "Roboto Mono", monospace}.font-space{--font: "Space Mono", monospace}.font-ubuntu{--font: "Ubuntu Mono", monospace}.font-inconsolata{--font: "Inconsolata", monospace}.font-cousine{--font: "Cousine", monospace}.font-overpass{--font: "Overpass Mono", monospace}.font-redhat{--font: "Red Hat Mono", monospace}.font-monaco{--font: "Monaco", "Courier New", monospace}.font-menlo{--font: "Menlo", "Courier New", monospace}.font-consolas{--font: "Consolas", "Courier New", monospace}.font-cascadia{--font: "Cascadia Code", "Consolas", monospace}.font-sf-mono{--font: "SF Mono", "Monaco", monospace}.font-dejavu{--font: "DejaVu Sans Mono", "Courier New", monospace}.font-liberation{--font: "Liberation Mono", "Courier New", monospace}.font-pt-mono{--font: "PT Mono", "Courier New", monospace}.font-oxygen{--font: "Oxygen Mono", "Courier New", monospace}.font-noto{--font: "Noto Sans Mono", "Courier New", monospace}.font-recursive{--font: "Recursive", "Monaco", monospace}.font-cutive{--font: "Cutive Mono", "Courier New", monospace}.font-nova{--font: "Nova Mono", "Courier New", monospace}.font-martian{--font: "Martian Mono", "Monaco", monospace}.font-b612{--font: "B612 Mono", "Monaco", monospace}.font-times{--font: "Times New Roman", "Times", serif}.theme-ton3s{--bg: #fafaf8;--fg: #3a3632;--accent: #d95532;--fg-dim: #8a8479;--secondary: #f0ede8;--hover: #e8e3dc}.theme-catppuccin-mocha{--bg: #1e1e2e;--fg: #cdd6f4;--fg-dim: #6c7086;--accent: #89b4fa;--secondary: #313244;--hover: #45475a}.theme-catppuccin-macchiato{--bg: #24273a;--fg: #cad3f5;--fg-dim: #6e738d;--accent: #8aadf4;--secondary: #363a4f;--hover: #494d64}.theme-catppuccin-frappe{--bg: #303446;--fg: #c6d0f5;--fg-dim: #737994;--accent: #8caaee;--secondary: #414559;--hover: #51576d}.theme-catppuccin-latte{--bg: #eff1f5;--fg: #4c4f69;--fg-dim: #8c8fa1;--accent: #1e66f5;--secondary: #dce0e8;--hover: #bcc0cc}.theme-dracula{--bg: #282a36;--fg: #f8f8f2;--fg-dim: #6272a4;--accent: #bd93f9;--secondary: #44475a;--hover: #6272a4}.theme-dracula-soft{--bg: #282a36;--fg: #f8f8f2;--fg-dim: #6272a4;--accent: #8be9fd;--secondary: #44475a;--hover: #6272a4}.theme-gruvbox-dark{--bg: #282828;--fg: #ebdbb2;--fg-dim: #928374;--accent: #fb4934;--secondary: #3c3836;--hover: #504945}.theme-gruvbox-light{--bg: #fbf1c7;--fg: #3c3836;--fg-dim: #7c6f64;--accent: #cc241d;--secondary: #ebdbb2;--hover: #d5c4a1}.theme-gruvbox-material{--bg: #1d2021;--fg: #fbf1c7;--fg-dim: #928374;--accent: #fabd2f;--secondary: #3c3836;--hover: #504945}.theme-tokyo-night{--bg: #1a1b26;--fg: #a9b1d6;--fg-dim: #565f89;--accent: #7aa2f7;--secondary: #24283b;--hover: #414868}.theme-tokyo-night-storm{--bg: #24283b;--fg: #a9b1d6;--fg-dim: #565f89;--accent: #7aa2f7;--secondary: #1f2335;--hover: #414868}.theme-tokyo-night-light{--bg: #d5d6db;--fg: #565a6e;--fg-dim: #9699a3;--accent: #34548a;--secondary: #cbccd1;--hover: #9699a3}.theme-nord{--bg: #2e3440;--fg: #eceff4;--fg-dim: #81899c;--accent: #88c0d0;--secondary: #3b4252;--hover: #434c5e}.theme-nord-aurora{--bg: #2e3440;--fg: #eceff4;--fg-dim: #81899c;--accent: #bf616a;--secondary: #3b4252;--hover: #434c5e}.theme-solarized-dark{--bg: #002b36;--fg: #839496;--fg-dim: #586e75;--accent: #268bd2;--secondary: #073642;--hover: #586e75}.theme-solarized-light{--bg: #fdf6e3;--fg: #657b83;--fg-dim: #93a1a1;--accent: #268bd2;--secondary: #eee8d5;--hover: #93a1a1}.theme-monokai{--bg: #272822;--fg: #f8f8f2;--fg-dim: #75715e;--accent: #66d9ef;--secondary: #3e3d32;--hover: #75715e}.theme-monokai-pro{--bg: #2d2a2e;--fg: #fcfcfa;--fg-dim: #939293;--accent: #ff6188;--secondary: #403e41;--hover: #5b595c}.theme-monokai-ristretto{--bg: #2c2525;--fg: #fff1f3;--fg-dim: #948b8c;--accent: #fd6a85;--secondary: #403838;--hover: #72696a}.theme-one-dark{--bg: #282c34;--fg: #abb2bf;--fg-dim: #5c6370;--accent: #61afef;--secondary: #3e4451;--hover: #5c6370}.theme-one-light{--bg: #fafafa;--fg: #383a42;--fg-dim: #a0a1a7;--accent: #4078f2;--secondary: #e5e5e6;--hover: #a0a1a7}.theme-one-dark-pro{--bg: #282c34;--fg: #abb2bf;--fg-dim: #5c6370;--accent: #c678dd;--secondary: #21252b;--hover: #2c313c}.theme-ayu-dark{--bg: #0a0e14;--fg: #b3b1ad;--fg-dim: #5c6773;--accent: #39bae6;--secondary: #1f2430;--hover: #232834}.theme-ayu-mirage{--bg: #1f2430;--fg: #cbccc6;--fg-dim: #707a8c;--accent: #5ccfe6;--secondary: #232834;--hover: #33415e}.theme-ayu-light{--bg: #fafafa;--fg: #575f66;--fg-dim: #abb0b6;--accent: #55b4d4;--secondary: #f0f0f0;--hover: #abb0b6}.theme-material-darker{--bg: #212121;--fg: #eeffff;--fg-dim: #717cb4;--accent: #82aaff;--secondary: #424242;--hover: #616161}.theme-material-ocean{--bg: #0f111a;--fg: #8f93a2;--fg-dim: #464b5d;--accent: #84ffff;--secondary: #1a1c25;--hover: #464b5d}.theme-material-palenight{--bg: #292d3e;--fg: #a6accd;--fg-dim: #676e95;--accent: #c3e88d;--secondary: #444267;--hover: #676e95}.theme-material-lighter{--bg: #fafafa;--fg: #90a4ae;--fg-dim: #ccd7dc;--accent: #00bcd4;--secondary: #f5f5f5;--hover: #e0e0e0}.theme-tomorrow-night{--bg: #1d1f21;--fg: #c5c8c6;--fg-dim: #969896;--accent: #81a2be;--secondary: #282a2e;--hover: #373b41}.theme-tomorrow-night-bright{--bg: #000000;--fg: #eaeaea;--fg-dim: #969896;--accent: #7aa6da;--secondary: #2a2a2a;--hover: #424242}.theme-tomorrow-night-blue{--bg: #002451;--fg: #ffffff;--fg-dim: #7285b7;--accent: #7285b7;--secondary: #003f8e;--hover: #0056d6}.theme-base16-ocean{--bg: #2b303b;--fg: #c0c5ce;--fg-dim: #65737e;--accent: #8fa1b3;--secondary: #343d46;--hover: #4f5b66}.theme-base16-tomorrow{--bg: #1d1f21;--fg: #c5c8c6;--fg-dim: #969896;--accent: #81a2be;--secondary: #282a2e;--hover: #373b41}.theme-base16-onedark{--bg: #282c34;--fg: #abb2bf;--fg-dim: #5c6370;--accent: #61afef;--secondary: #3e4451;--hover: #5c6370}.theme-base16-atelier{--bg: #1b181b;--fg: #8b8792;--fg-dim: #5e5a65;--accent: #955ae7;--secondary: #2d2a2e;--hover: #5e5a65}.theme-zenburn{--bg: #3f3f3f;--fg: #dcdccc;--fg-dim: #7f9f7f;--accent: #93e0e3;--secondary: #4f4f4f;--hover: #5f5f5f}.theme-apprentice{--bg: #262626;--fg: #bcbcbc;--fg-dim: #6c6c6c;--accent: #5f8787;--secondary: #303030;--hover: #444444}.theme-horizon-dark{--bg: #1c1e26;--fg: #e0e0e0;--fg-dim: #6c6f93;--accent: #ee64ac;--secondary: #232530;--hover: #2e303e}.theme-horizon-bright{--bg: #fdf0ed;--fg: #16161c;--fg-dim: #6c6f93;--accent: #e95678;--secondary: #f7ebe8;--hover: #fadad7}.theme-synthwave-84{--bg: #262335;--fg: #ffffff;--fg-dim: #848bbd;--accent: #ff7edb;--secondary: #241b2f;--hover: #34294f}.theme-cyberpunk{--bg: #000b1a;--fg: #6dffb8;--fg-dim: #3d8a6d;--accent: #ff4d7a;--secondary: #001933;--hover: #003366}.theme-night-owl{--bg: #011627;--fg: #d6deeb;--fg-dim: #637777;--accent: #82aaff;--secondary: #0b2942;--hover: #1d3b53}.theme-light-owl{--bg: #fbfbfb;--fg: #403f53;--fg-dim: #90a7b2;--accent: #0c969b;--secondary: #f0f0f0;--hover: #e0e7ea}.theme-cobalt2{--bg: #193549;--fg: #ffffff;--fg-dim: #6b8a94;--accent: #ffc600;--secondary: #0d3a58;--hover: #15232d}.theme-palenight{--bg: #292d3e;--fg: #a6accd;--fg-dim: #676e95;--accent: #82aaff;--secondary: #444267;--hover: #676e95}.theme-everforest-dark{--bg: #2d353b;--fg: #d3c6aa;--fg-dim: #859289;--accent: #a7c080;--secondary: #343f44;--hover: #475258}.theme-everforest-light{--bg: #fdf6e3;--fg: #5c6a72;--fg-dim: #939f91;--accent: #8da101;--secondary: #f4f0d9;--hover: #e6e2cc}.theme-rose-pine{--bg: #191724;--fg: #e0def4;--fg-dim: #6e6a86;--accent: #ebbcba;--secondary: #1f1d2e;--hover: #26233a}.theme-rose-pine-moon{--bg: #232136;--fg: #e0def4;--fg-dim: #6e6a86;--accent: #ea9a97;--secondary: #2a273f;--hover: #393552}.theme-rose-pine-dawn{--bg: #faf4ed;--fg: #575279;--fg-dim: #9893a5;--accent: #d7827e;--secondary: #fffaf3;--hover: #f2e9e1}.theme-kanagawa{--bg: #1f1f28;--fg: #dcd7ba;--fg-dim: #727169;--accent: #7e9cd8;--secondary: #16161d;--hover: #2a2a37}.theme-kanagawa-wave{--bg: #223249;--fg: #dcd7ba;--fg-dim: #727169;--accent: #7fb4ca;--secondary: #2d4f67;--hover: #49443c}.theme-kanagawa-lotus{--bg: #f2ecbc;--fg: #545464;--fg-dim: #8a8980;--accent: #8992a7;--secondary: #e7dba0;--hover: #d0ca97}.theme-github-dark{--bg: #0d1117;--fg: #c9d1d9;--fg-dim: #8b949e;--accent: #58a6ff;--secondary: #21262d;--hover: #30363d}.theme-github-light{--bg: #ffffff;--fg: #24292f;--fg-dim: #6e7781;--accent: #0969da;--secondary: #f6f8fa;--hover: #d1d9e0}.theme-vscode-dark{--bg: #1e1e1e;--fg: #cccccc;--fg-dim: #6a6a6a;--accent: #007acc;--secondary: #2d2d30;--hover: #3e3e42}.theme-vscode-light{--bg: #ffffff;--fg: #000000;--fg-dim: #6e6e6e;--accent: #005fb8;--secondary: #f3f3f3;--hover: #e5e5e5}.theme-atom-one-dark{--bg: #282c34;--fg: #abb2bf;--fg-dim: #5c6370;--accent: #56b6c2;--secondary: #3e4451;--hover: #4b5263}.theme-atom-one-light{--bg: #fafafa;--fg: #383a42;--fg-dim: #a0a1a7;--accent: #0184bc;--secondary: #f0f0f1;--hover: #e5e5e6}.theme-high-contrast-dark{--bg: #000000;--fg: #ffffff;--fg-dim: #808080;--accent: #00ff00;--secondary: #1a1a1a;--hover: #333333}.theme-high-contrast-light{--bg: #ffffff;--fg: #000000;--fg-dim: #707070;--accent: #0000ff;--secondary: #e6e6e6;--hover: #cccccc}.theme-paper{--bg: #f7f3e9;--fg: #444444;--fg-dim: #9e9b96;--accent: #8b4513;--secondary: #f0ead6;--hover: #e8dcc0}.theme-sepia{--bg: #f4ecd8;--fg: #704214;--fg-dim: #a89060;--accent: #8b4513;--secondary: #ede0c8;--hover: #e0d3b7}.theme-midnight{--bg: #0f0f23;--fg: #cccccc;--fg-dim: #666a7e;--accent: #00cc00;--secondary: #1a1a2e;--hover: #16213e}.theme-forest{--bg: #1b2f1b;--fg: #c8e6c8;--fg-dim: #6d8a6d;--accent: #90ee90;--secondary: #2d4a2d;--hover: #3d5a3d}.theme-ocean-deep{--bg: #001122;--fg: #b3d9ff;--fg-dim: #5a7a99;--accent: #00ccff;--secondary: #002244;--hover: #003366}.theme-sunset{--bg: #2d1b0e;--fg: #ffcc99;--fg-dim: #997854;--accent: #ff6600;--secondary: #4a2c1a;--hover: #5c3520}.theme-aurora{--bg: #0a1420;--fg: #a3c3e8;--fg-dim: #526a84;--accent: #00ff7f;--secondary: #1a2536;--hover: #243447}.theme-neon{--bg: #0d001a;--fg: #ff80ff;--fg-dim: #994099;--accent: #66ffff;--secondary: #1a0033;--hover: #330066}:root{--sidebar-current-width: 240px;--nostr-panel-width: 240px;--panel-collapsed-width: 40px}.app-container{max-width:1800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:200}#header-container,#status-container{overflow:clip}@supports not (overflow: clip){#header-container,#status-container{overflow:hidden}}.logo{font-size:1.8rem;font-weight:600;letter-spacing:.5rem;color:var(--accent);opacity:.7;cursor:default}.controls{display:flex;gap:1rem;align-items:center;position:relative;z-index:201}.main-content{flex:1;min-height:0;position:relative}.container{max-width:700px;width:100%;margin:0 auto;padding:2rem 3rem;display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}.sidebar{position:absolute;left:0;top:0;bottom:0;width:var(--panel-collapsed-width);display:flex;flex-direction:column;background:var(--bg);z-index:100;overflow:hidden;transition:width .3s ease}.sidebar.sidebar-open{width:var(--sidebar-current-width)}.sidebar-content{opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;flex:1;min-width:var(--sidebar-current-width);overflow:hidden}.sidebar.sidebar-open .sidebar-content{opacity:1}.sidebar-icon-strip{position:absolute;left:0;top:0;bottom:0;width:var(--panel-collapsed-width);display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:.75rem;opacity:1;transition:opacity .2s ease;z-index:1}.sidebar.sidebar-open .sidebar-icon-strip{opacity:0;pointer-events:none}.sidebar-icon-strip-btn{width:28px;height:28px;padding:0;border-radius:6px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.sidebar-icon-strip-btn:hover{background:var(--secondary);color:var(--accent);transform:scale(1.1)}.sidebar-icon-strip-btn:active{transform:scale(.95)}.sidebar-icon-strip-btn svg{width:18px;height:18px}.sidebar-note-count{font-size:.65rem;color:var(--fg-dim);background:var(--secondary);padding:.15rem .4rem;border-radius:10px}.sidebar-header{padding:1rem;display:flex;justify-content:space-between;align-items:center}.sidebar-collapse-btn{width:24px;height:24px;padding:0;border-radius:4px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.sidebar-collapse-btn:hover{background:var(--secondary);color:var(--accent);transform:scale(1.1)}.sidebar-collapse-btn:active{transform:scale(.95)}.sidebar-title{font-size:.9rem;font-weight:600;color:var(--fg);text-transform:uppercase;letter-spacing:.05em}.note-list{flex:1;overflow-y:auto;padding:.5rem 0}.note-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent;position:relative}.note-item:hover{background:var(--secondary)}.note-item.active{background:var(--secondary);border-left-color:var(--accent)}.note-item.pinned{border-left-color:var(--accent)}.note-item.pinned .note-item-title{font-weight:600}.note-item.pinned .note-item-title:before{content:"Pin ";text-transform:uppercase;font-size:.75rem;vertical-align:middle;margin-right:.25rem;opacity:.8}.note-item-actions{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.note-item:hover .note-item-actions{opacity:1}.note-pin-btn{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1}.note-pin-btn:hover{color:var(--accent);background:var(--hover)}.note-pin-btn.pinned,.note-pin-btn.pinned:hover{color:var(--accent)}.note-tag-btn{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.note-tag-btn svg{width:16px;height:16px}.note-tag-btn:hover{color:var(--accent);background:var(--hover)}.note-delete-btn{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.note-delete-btn svg{width:16px;height:16px}.note-delete-btn:hover{color:var(--danger);background:var(--hover)}.tag-editor-popup{position:fixed;width:240px;background:var(--bg);border:1px solid var(--secondary);border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:10000;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease}.tag-editor-popup.show{opacity:1;transform:scale(1)}.tag-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--secondary)}.tag-editor-title{font-size:.85rem;font-weight:600;color:var(--fg)}.tag-editor-close{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.tag-editor-close:hover{color:var(--fg);background:var(--hover)}.tag-editor-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;min-height:2rem;max-height:120px;overflow-y:auto}.tag-editor-tag{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.2rem .5rem;background:var(--secondary);border-radius:4px;color:var(--fg)}.tag-editor-tag-remove{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tag-editor-tag-remove:hover{color:var(--danger)}.tag-editor-input{width:calc(100% - 2rem);margin:0 1rem .75rem;padding:.5rem .75rem;border:1px solid var(--secondary);border-radius:6px;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:.85rem}.tag-editor-input:focus{outline:none;border-color:var(--accent)}.tag-editor-input::placeholder{color:var(--fg-dim)}.note-item-title{font-size:.9rem;font-weight:500;color:var(--fg);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px}.note-item-meta{font-size:.75rem;color:var(--fg-dim)}.note-item-tags{display:flex;gap:.25rem;margin-top:.25rem;flex-wrap:wrap}.tag{font-size:.65rem;padding:.1rem .4rem;background:var(--hover);border-radius:4px;color:var(--fg-dim)}.status{padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--fg-dim);flex-wrap:wrap;gap:1rem;position:relative}.status-left,.status-right{display:flex;align-items:center;gap:.75rem}.word-count{display:flex;gap:1.5rem}.btn-icon-circle.notes-btn,.btn-icon-circle.nostr-btn{display:none}.notes-btn.active,.nostr-btn.active{color:var(--accent)}.search-container{padding:.75rem 1rem;position:relative;display:flex;align-items:center;gap:.5rem}.search-input{flex:1;padding:.5rem .75rem;border:1px solid var(--secondary);border-radius:6px;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:.85rem}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--fg-dim)}.search-clear-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--fg-dim);cursor:pointer;border-radius:4px;transition:color .2s ease,background-color .2s ease}.search-clear-btn:hover{color:var(--fg);background:var(--hover)}.sidebar-actions{padding:1rem}.new-note-btn{width:100%;padding:.4rem .75rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.new-note-btn:hover{opacity:.9}.new-note-btn svg{width:16px;height:16px}.editor{width:100%;flex:1;background:transparent;border:none;color:var(--fg);font-family:var(--font);font-size:1rem;line-height:1.8;outline:none;min-height:300px;transition:color .4s ease,background-color .4s ease;padding:0;white-space:pre-wrap;word-wrap:break-word}.editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--secondary);opacity:.7;padding:0 0 0 .2rem;pointer-events:none;position:absolute}.editor p{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:0;margin:.2rem 0;color:var(--fg)}.editor h1{font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:1.5rem 0 .75rem;color:var(--fg)}.editor h1:first-child{margin-top:0}.editor h2{font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:1.25rem 0 .5rem;color:var(--fg)}.editor h2:first-child{margin-top:0}.editor p,.editor h1,.editor h2{font-family:var(--font)}.editor>*:first-child{margin-top:0}.editor>*:last-child{margin-bottom:0}.editor img,.editor video{max-width:100%;height:auto;display:block;border-radius:4px;margin:.5rem 0}.editor img.selected,.editor video.selected{outline:2px solid var(--accent);outline-offset:2px}.media-upload-wrapper{position:relative;display:block;margin:.5rem 0;border-radius:4px;overflow:hidden;background:var(--fg-dim);opacity:.7}.media-upload-wrapper img{margin:0;opacity:.5}.media-upload-wrapper .upload-progress-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--accent);transition:width .2s ease}.media-upload-wrapper .upload-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--fg);font-size:.85rem;background:#00000080;padding:.25rem .75rem;border-radius:4px}.editor:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.btn{background:var(--secondary);color:var(--fg);border:none;padding:.4rem .75rem;border-radius:8px;font-family:var(--font);font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;height:100%;box-sizing:border-box}.btn:hover{background:var(--hover)}.btn svg{width:18px;height:18px}.btn-wrapper{position:relative;display:flex;align-items:stretch}.btn-dropdown{background:var(--secondary);color:var(--fg);border:none;padding:.4rem;border-radius:0 8px 8px 0;margin-left:-1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--hover)}.btn-dropdown:hover{background:var(--hover)}.btn-dropdown svg{width:14px;height:14px;flex-shrink:0}.btn-wrapper .btn{border-radius:8px 0 0 8px}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--secondary);border:1px solid var(--hover);border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;z-index:1000;opacity:0;transform:translateY(-10px);visibility:hidden;transition:all .2s ease;margin-top:.5rem}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.dropdown-item:hover{background:var(--hover)}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:focus{background:var(--hover);outline:none}.dropdown-item:focus-visible{background:var(--accent);color:var(--bg);outline:2px solid var(--accent);outline-offset:-2px}.dropdown-category{margin-bottom:.25rem}.dropdown-category:last-child{margin-bottom:0}.dropdown-category-header{padding:.5rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim);background:var(--bg);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--hover)}.dropdown-category .dropdown-item{padding-left:1.25rem}.settings-btn{background:transparent;color:var(--accent);border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:.7}.settings-btn:hover{background:var(--secondary);opacity:1}.settings-btn svg{width:21px;height:21px}.donation-btn{background:transparent;color:var(--accent);border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.donation-btn:hover{background:var(--secondary);opacity:1}.donation-btn svg{width:21px;height:21px}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.settings-overlay.show{opacity:1;visibility:visible}.settings-popup{background:var(--bg);border:1px solid var(--secondary);border-radius:12px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #00000080;transform:translateY(-20px);transition:transform .3s ease}.settings-overlay.show .settings-popup{transform:translateY(0)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;position:sticky;top:0;background:var(--bg);z-index:1;border-bottom:1px solid var(--secondary)}.settings-header h3{margin:0;color:var(--fg);font-size:1.1rem}.settings-close{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.settings-close:hover{background:var(--secondary)}.settings-content{padding:1.25rem 1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section h4{color:var(--fg);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.settings-select{width:100%;padding:.5rem .75rem;border:1px solid var(--secondary);border-radius:6px;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:.85rem;cursor:pointer;transition:border-color .2s ease;appearance:auto}.settings-select:focus{outline:none;border-color:var(--accent)}.settings-select optgroup{font-weight:600;color:var(--fg-dim)}.settings-select option{background:var(--bg);color:var(--fg);padding:.25rem}.settings-privacy{border-top:1px solid var(--secondary);padding-top:1rem}.settings-privacy summary{cursor:pointer;list-style:none}.settings-privacy summary::-webkit-details-marker{display:none}.settings-privacy summary h4{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-dim);margin:0}.settings-privacy summary h4:before{content:"▶";font-size:.6rem;transition:transform .2s ease}.settings-privacy[open] summary h4:before{transform:rotate(90deg)}.privacy-details{padding-top:.75rem}.privacy-details ul{color:var(--fg-dim);margin:0;padding-left:1.25rem;line-height:1.5;font-size:.8rem}.privacy-details li{margin-bottom:.35rem}.privacy-details strong{color:var(--fg);font-weight:600}.settings-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--secondary);display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;transition:opacity .15s ease}.settings-actions .btn{min-width:100px;justify-content:center;font-size:.75rem;padding:.35rem .6rem}.settings-actions.transitioning{opacity:0}.settings-action-btn{transition:background .2s ease,color .2s ease}.settings-action-btn.disabled{opacity:.5;cursor:default;pointer-events:auto}.settings-clear{background:var(--accent);color:var(--bg);font-weight:600}.settings-clear:hover{opacity:.9}.settings-verify{background:var(--secondary);color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.settings-verify:hover{background:var(--hover);color:var(--fg);text-decoration:none}.nostr-panel{position:absolute;right:0;top:0;bottom:0;width:var(--panel-collapsed-width);background:var(--bg);z-index:100;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;transition:width .3s ease}.nostr-panel.nostr-panel-open{width:var(--nostr-panel-width)}.nostr-panel-content{opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;flex:1;min-width:var(--nostr-panel-width);padding:1rem;box-sizing:border-box}.nostr-panel.nostr-panel-open .nostr-panel-content{opacity:1}.nostr-icon-strip{position:absolute;right:0;top:0;bottom:0;width:var(--panel-collapsed-width);display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:.5rem;opacity:1;transition:opacity .2s ease;z-index:1}.nostr-panel.nostr-panel-open .nostr-icon-strip{opacity:0;pointer-events:none}.nostr-icon-strip-btn{width:28px;height:28px;padding:0;border-radius:6px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.nostr-icon-strip-btn:hover{background:var(--secondary);color:var(--accent);transform:scale(1.1)}.nostr-icon-strip-btn:active{transform:scale(.95)}.nostr-icon-strip-btn svg{width:18px;height:18px}.nostr-connection-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-dim)}.nostr-connection-dot.connected{background:#4ade80}.nostr-panel-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.nostr-collapse-btn{width:24px;height:24px;padding:0;border-radius:4px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.nostr-collapse-btn:hover{background:var(--secondary);color:var(--accent);transform:scale(1.1)}.nostr-collapse-btn:active{transform:scale(.95)}.nostr-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.nostr-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--fg-dim)}.nostr-status-indicator.connected{background:#4ade80}.nostr-status-indicator.error{background:#f87171}.nostr-status-text{font-size:.8rem;color:var(--fg-dim)}.nostr-pubkey{font-size:.75rem;color:var(--fg-dim);font-family:monospace;word-break:break-all;background:var(--secondary);padding:.5rem;border-radius:4px;margin-bottom:.75rem}.nostr-publish-btn{width:100%;padding:.4rem .75rem;background:var(--secondary);color:var(--fg);border:none;border-radius:6px;font-family:var(--font);font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.nostr-publish-btn:hover{background:var(--hover)}.nostr-publish-btn:disabled{opacity:.5;cursor:not-allowed}.nostr-publish-btn svg{width:16px;height:16px}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;transition:all .2s ease}.confirm-overlay.show{opacity:1;visibility:visible}.confirm-dialog{background:var(--bg);border:1px solid var(--secondary);border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 10px 25px #0000004d}.confirm-dialog h4{margin:0 0 1rem;color:var(--fg)}.confirm-dialog p{margin:0 0 1.5rem;color:var(--fg-dim);line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-cancel,.confirm-ok{padding:.5rem 1rem;border:none;border-radius:6px;font-family:var(--font);font-size:.85rem;cursor:pointer;transition:all .2s ease}.confirm-cancel{background:var(--secondary);color:var(--fg)}.confirm-cancel:hover{background:var(--hover)}.confirm-ok{background:var(--accent);color:var(--bg)}.confirm-ok:hover{opacity:.9}.confirm-ok.danger{background:var(--danger)}.tag-prompt-dialog .tag-editor-tags{padding:.75rem 0;min-height:1.5rem}.tag-prompt-dialog .tag-editor-input{width:100%;margin:0 0 1.25rem;box-sizing:border-box}.tag-prompt-hint{display:none;font-size:.75rem;color:var(--danger);margin:-.75rem 0 .75rem}.tag-prompt-hint.visible{display:block}.loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:20000;transition:opacity .3s ease,visibility .3s ease}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-content .spinner{width:32px;height:32px}.loading-text{color:var(--fg-dim);font-size:.9rem}.note-item-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--fg-dim);gap:.5rem}.note-item-empty .empty-state-icon{opacity:.4;margin-bottom:.5rem}.note-item-empty p{margin:0;font-size:.9rem;color:var(--fg)}.note-item-empty .empty-state-hint{font-size:.8rem;opacity:.7}.empty-state-create-btn{margin-top:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-family:var(--font);font-size:.85rem;cursor:pointer;transition:opacity .2s ease}.empty-state-create-btn:hover{opacity:.9}.empty-state-create-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.btn-icon{padding:.5rem;background:var(--secondary);border-radius:8px}.btn-icon svg{width:18px;height:18px}.btn-icon-circle{width:32px;height:32px;padding:0;border-radius:50%;background:var(--secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg)}.btn-icon-circle:hover{background:var(--hover)}.btn-icon-circle svg{width:18px;height:18px}.btn-icon-circle svg.rotating{animation:rotate360 .5s ease}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zen-toggle-btn{margin-left:.5rem}.zen-toggle-btn:hover{background:var(--hover)}.help-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .2s ease}.help-modal-overlay.show{opacity:1;visibility:visible}.help-modal{background:var(--bg);border:1px solid var(--secondary);border-radius:12px;max-width:450px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem}.help-modal-header h3{margin:0;font-size:1rem;color:var(--fg)}.help-modal-close{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.help-modal-close:hover{background:var(--secondary);color:var(--fg)}.help-modal-content{padding:1rem 1.25rem;overflow-y:auto;max-height:calc(80vh - 60px)}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table tr{border-bottom:1px solid var(--secondary)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:.75rem 0}.shortcut-keys{width:100px}.shortcut-keys kbd{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-family:var(--font);background:var(--secondary);border:1px solid var(--hover);border-radius:4px;color:var(--fg);box-shadow:0 1px 2px #0000001a}.shortcut-desc{color:var(--fg-dim);font-size:.85rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:20001;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--secondary);border:1px solid var(--hover);border-radius:8px;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translate(100%);transition:all .3s ease;pointer-events:auto}.toast.show{opacity:1;transform:translate(0)}.toast.hiding{opacity:0;transform:translate(100%)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#4ade80}.toast-error .toast-icon{color:#f87171}.toast-info .toast-icon{color:var(--accent)}.toast-warning .toast-icon{color:#fbbf24}.toast-message{flex:1;font-size:.9rem;color:var(--fg);line-height:1.4}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{background:var(--hover);color:var(--fg)}.nostr-error{padding:.5rem .75rem;margin-bottom:.75rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;font-size:.8rem;color:#f87171;line-height:1.4}.nostr-key-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.nostr-key-overlay.show{opacity:1;visibility:visible}.nostr-key-modal{background:var(--bg);border:1px solid var(--secondary);border-radius:12px;max-width:400px;width:90%;padding:1.5rem;box-shadow:0 20px 40px #00000080;transform:translateY(-20px);transition:transform .2s ease}.nostr-key-overlay.show .nostr-key-modal{transform:translateY(0)}.nostr-key-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nostr-key-modal-header h4{margin:0;color:var(--fg);font-size:1rem}.nostr-key-modal-close{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nostr-key-modal-close:hover{background:var(--secondary);color:var(--fg)}.nostr-key-modal .nostr-key-input{margin-bottom:1rem}.nostr-key-section{display:flex;flex-direction:column;gap:.75rem}.nostr-key-input{width:100%;padding:.5rem .75rem;border:1px solid var(--secondary);border-radius:6px;background:var(--bg);color:var(--fg);font-family:monospace;font-size:.8rem;box-sizing:border-box}.nostr-key-input:focus{outline:none;border-color:var(--accent)}.nostr-key-input::placeholder{color:var(--fg-dim)}.nostr-key-actions{display:flex;gap:.5rem}.nostr-key-actions .nostr-publish-btn{flex:1}.published-notes-section{margin-top:1rem;padding-top:1rem}.published-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--fg-dim)}.published-notes-export-wrapper{position:relative}.published-notes-export-btn{background:transparent;border:none;color:var(--fg-dim);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.published-notes-export-btn:hover{background:var(--secondary);color:var(--fg)}.published-notes-dropdown{position:absolute;top:100%;right:0;background:var(--secondary);border:1px solid var(--hover);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease;min-width:140px;margin-top:.25rem}.published-notes-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.published-notes-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--fg);font-size:.75rem;font-family:var(--font);cursor:pointer;text-align:left;transition:background-color .2s ease}.published-notes-dropdown-item:hover{background:var(--hover)}.published-notes-dropdown-item:first-child{border-radius:6px 6px 0 0}.published-notes-dropdown-item:last-child{border-radius:0 0 6px 6px}.published-notes-list{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.published-note-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--secondary);border-radius:4px;text-decoration:none;transition:background-color .2s ease}.published-note-item:hover{background:var(--hover)}.published-note-title{color:var(--fg);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.published-note-time{color:var(--fg-dim);font-size:.7rem;flex-shrink:0}.disconnect-warning-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.disconnect-warning-overlay.show{opacity:1;visibility:visible}.disconnect-warning-modal{background:var(--bg);border:1px solid var(--secondary);border-radius:12px;max-width:380px;width:90%;padding:1.5rem;box-shadow:0 20px 40px #00000080;transform:translateY(-20px);transition:transform .2s ease}.disconnect-warning-overlay.show .disconnect-warning-modal{transform:translateY(0)}.disconnect-warning-modal h4{margin:0 0 .75rem;color:var(--fg);font-size:1rem}.disconnect-warning-modal p{margin:0 0 1.25rem;color:var(--fg-dim);font-size:.85rem;line-height:1.5}.disconnect-warning-modal strong{color:var(--accent)}.disconnect-warning-actions{display:flex;flex-direction:column;gap:.5rem}.disconnect-warning-actions button{width:100%;padding:.5rem 1rem;border:none;border-radius:6px;font-family:var(--font);font-size:.85rem;cursor:pointer;transition:all .2s ease}.disconnect-export-btn{background:var(--accent);color:var(--bg)}.disconnect-export-btn:hover{opacity:.9}.disconnect-now-btn{background:var(--secondary);color:var(--fg)}.disconnect-now-btn:hover{background:var(--hover)}.disconnect-cancel-btn{background:transparent;color:var(--fg-dim);border:1px solid var(--secondary)!important}.disconnect-cancel-btn:hover{background:var(--secondary);color:var(--fg)}.donation-panel{position:fixed;bottom:60px;right:1rem;width:280px;background:var(--bg);border:1px solid var(--secondary);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}.donation-panel.donation-panel-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.donation-panel-content{display:flex;flex-direction:column;padding:1rem;box-sizing:border-box}.donation-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.donation-panel-title{font-size:.85rem;font-weight:600;color:var(--fg)}.donation-collapse-btn{width:24px;height:24px;padding:0;border-radius:4px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--fg-dim)}.donation-collapse-btn:hover{background:var(--secondary);color:var(--accent);transform:scale(1.1)}.donation-collapse-btn:active{transform:scale(.95)}.donation-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;background:var(--secondary);border-radius:6px;padding:.25rem}.donation-tab{flex:1;padding:.4rem .5rem;border:none;border-radius:4px;background:transparent;color:var(--fg-dim);font-family:var(--font);font-size:.75rem;cursor:pointer;transition:all .2s ease}.donation-tab:hover{color:var(--fg)}.donation-tab.active{background:var(--bg);color:var(--fg)}.donation-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.5rem}.donation-amount-btn{padding:.4rem .25rem;border:1px solid var(--secondary);border-radius:6px;background:transparent;color:var(--fg-dim);font-family:var(--font);font-size:.75rem;cursor:pointer;transition:all .2s ease}.donation-amount-btn:hover{border-color:var(--accent);color:var(--fg)}.donation-amount-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.donation-custom-input{width:100%;padding:.4rem .75rem;border:1px solid var(--secondary);border-radius:6px;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:.8rem;box-sizing:border-box;margin-bottom:.75rem}.donation-custom-input:focus{outline:none;border-color:var(--accent)}.donation-custom-input::placeholder{color:var(--fg-dim)}.donation-custom-input::-webkit-outer-spin-button,.donation-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.donation-custom-input[type=number]{-moz-appearance:textfield}.donation-qr-container{display:flex;align-items:center;justify-content:center;padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.75rem}.donation-qr-container svg{display:block;max-width:100%;height:auto}.donation-qr-placeholder{color:var(--fg-dim);font-size:.8rem;padding:2rem}.donation-address-section{display:flex;align-items:center;gap:.5rem;background:var(--secondary);border-radius:6px;padding:.5rem .75rem}.donation-address{flex:1;font-size:.75rem;font-family:monospace;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donation-copy-btn{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--fg-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.donation-copy-btn:hover{background:var(--hover);color:var(--accent)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rotating{animation:rotate .5s ease-in-out}.pulsing{animation:pulse .5s ease-in-out}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}body,.app-container,.header,.sidebar,.container,.status,.editor,.btn,.btn-dropdown,.btn-icon,.dropdown-menu,.dropdown-item,.note-item,.privacy-overlay,.privacy-popup,.confirm-overlay,.confirm-dialog,.nostr-panel{transition:color .4s ease,background-color .4s ease,border-color .4s ease}.spinner{width:20px;height:20px;border:2px solid var(--secondary);border-top-color:var(--accent);border-radius:50%;animation:rotate .8s linear infinite}.progress-bar{height:3px;background:var(--secondary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.header,.status{filter:blur(0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}.sidebar,.nostr-panel{filter:blur(0);transition:opacity .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .header{opacity:0;transform:translateY(-100%);filter:blur(8px);pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .status{opacity:0;transform:translateY(100%);filter:blur(8px);pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .sidebar,body.zen-mode .nostr-panel{opacity:0;filter:blur(8px);pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .donation-panel{opacity:0!important;visibility:hidden!important;filter:blur(8px);pointer-events:none!important;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .dropdown-menu.show{opacity:0;transform:translateY(-10px);filter:blur(8px);visibility:hidden;pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1)}body.zen-mode .tag-editor-popup.show{opacity:0;transform:scale(.95);filter:blur(8px);pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}body.zen-mode:before{content:"";position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.15;transition:opacity .6s cubic-bezier(.4,0,.2,1);z-index:9999;pointer-events:none}@media(max-width:1024px){html,body{height:100%;overflow:hidden}.app-container{height:100%;min-height:0}.main-content{overflow:hidden}.main-content>.container{min-height:0;overflow-y:auto;padding-top:1rem;padding-bottom:1rem}.sidebar,.nostr-panel,.donation-panel{display:none}body.mobile-page-notes .sidebar{display:flex;position:relative;width:100%;flex:1}body.mobile-page-notes .sidebar .sidebar-content{opacity:1}body.mobile-page-notes .sidebar .sidebar-icon-strip{display:none}body.mobile-page-notes .main-content>.container{display:none}body.mobile-page-nostr .nostr-panel{display:flex;position:relative;width:100%;flex:1}body.mobile-page-nostr .nostr-panel .nostr-panel-content{opacity:1}body.mobile-page-nostr .nostr-panel .nostr-icon-strip{display:none}body.mobile-page-nostr .main-content>.container{display:none}body.mobile-page-donate .donation-panel{display:flex;position:relative;width:100%;flex:1;opacity:1;visibility:visible;transform:none;pointer-events:auto;border:none;border-radius:0;box-shadow:none;bottom:auto;right:auto}body.mobile-page-donate .donation-panel .donation-panel-content{padding:2rem 1.5rem;align-items:center;justify-content:center;flex:1}body.mobile-page-donate .donation-panel svg{width:240px;height:240px}body.mobile-page-donate .main-content>.container{display:none}body.mobile-page-editor .sidebar,body.mobile-page-editor .nostr-panel,body.mobile-page-editor .donation-panel{display:none}.btn-icon-circle.notes-btn,.btn-icon-circle.nostr-btn{display:inline-flex}.sidebar-collapse-btn,.nostr-collapse-btn,.donation-collapse-btn{display:none}#settings-btn,#donation-btn{width:44px;height:44px}}@media(max-width:768px){.note-item-actions{opacity:1}.note-delete-btn,.note-pin-btn,.note-tag-btn{opacity:.7}.header{padding:.5rem 1rem}.container{padding:1rem 1.5rem}.status{padding:.25rem 1rem}.controls{gap:.5rem}.btn{padding:.4rem .75rem;font-size:.85rem;min-height:44px;min-width:44px}.btn-dropdown{min-height:44px;min-width:44px;padding:.5rem .75rem}.btn-icon{min-height:44px;min-width:44px}.note-delete-btn,.note-pin-btn{min-height:44px;min-width:44px;padding:.5rem}.new-note-btn{min-height:44px}.privacy-btn{min-height:44px;min-width:44px}.confirm-cancel,.confirm-ok{min-height:44px;padding:.75rem 1.25rem}.dropdown-item{min-height:44px;display:flex;align-items:center}.note-tag .remove-tag{min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center}.btn span{display:none}.logo{font-size:1.4rem;letter-spacing:.3rem}.word-count{gap:1rem;font-size:.8rem}.privacy-popup{width:95%;max-height:90vh}.privacy-content{padding:1rem}.confirm-dialog{width:95%}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}@media(max-width:480px){.header{padding:.4rem .75rem}.container{padding:.75rem}.status{padding:.25rem .75rem}.word-count{order:2}.privacy-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.editor{font-size:1rem}.note-title-input{font-size:1.25rem}}@media(min-width:1800px){.container{max-width:800px}}@media print{.header,.status,.sidebar,.nostr-panel,.privacy-overlay{display:none!important}body{background:#fff!important;color:#000!important}.app-container{max-width:none}.main-content{display:block}.container{max-width:none;padding:0}.editor{color:#000!important}}@media print{.header,.sidebar,.nostr-panel,.status,.loading-overlay,.privacy-overlay,.confirm-overlay,.help-modal-overlay,.toast-container,.skip-link{display:none!important}body{background:#fff!important;color:#000!important}body:after{display:none!important}.app-container,.main-content,.container{max-width:100%!important;margin:0!important;padding:0!important}.editor{color:#000!important;font-size:12pt!important;line-height:1.5!important;min-height:auto!important}.editor h1{font-size:24pt!important;color:#000!important;page-break-after:avoid}.editor h2{font-size:18pt!important;color:#000!important;page-break-after:avoid}.editor p{color:#000!important;font-size:12pt!important;widows:3;orphans:3}h1,h2,p{page-break-inside:avoid}*{transition:none!important;animation:none!important}}