@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--nf-black: #000000;--nf-prussian-blue: #0f172b;--nf-ink-black: #090f1e;--nf-blue-energy: #5492e3;--nf-dusk-blue: #2a4672;--nf-lilac-ash: #aea3aa;--nf-snow: #f4ebec;--nf-bg-1: #f4ebec;--nf-bg-2: #e2ebf7;--nf-bg-glow-1: rgba(84, 146, 227, .24);--nf-bg-glow-2: rgba(42, 70, 114, .2);--nf-panel: rgba(255, 255, 255, .9);--nf-panel-strong: #ffffff;--nf-ink: #0f172b;--nf-ink-soft: #2a4672;--nf-ink-muted: #5d6882;--nf-border: #c7d5ea;--nf-shadow: 0 22px 48px rgba(15, 23, 43, .13);--nf-pill: #eaf2ff;--nf-pill-border: #c7d5ea;--nf-accent: #5492e3;--nf-accent-strong: #2a4672;--nf-code-bg: #13203c;--nf-code-ink: #edf4ff;--nf-inline-code-bg: #eaf2ff;--nf-inline-code-ink: #1e2f52;--nf-quote: #2a4672}:root[data-theme=dark]{--nf-bg-1: #090f1e;--nf-bg-2: #0f172b;--nf-bg-glow-1: rgba(84, 146, 227, .25);--nf-bg-glow-2: rgba(42, 70, 114, .34);--nf-panel: rgba(16, 27, 49, .88);--nf-panel-strong: #101b31;--nf-ink: #f4ebec;--nf-ink-soft: #d2d8e4;--nf-ink-muted: #aea3aa;--nf-border: #2a4672;--nf-shadow: 0 24px 48px rgba(0, 0, 0, .55);--nf-pill: #152645;--nf-pill-border: #2a4672;--nf-accent: #5492e3;--nf-accent-strong: #87b3ef;--nf-code-bg: #060c18;--nf-code-ink: #d9e8ff;--nf-inline-code-bg: #1a2b4c;--nf-inline-code-ink: #dbe8fb;--nf-quote: #89b6f0}.app-shell{min-height:100vh;padding:clamp(16px,3vw,36px);color:var(--nf-ink);background:radial-gradient(circle at 8% 2%,var(--nf-bg-glow-1) 0%,transparent 35%),radial-gradient(circle at 92% 4%,var(--nf-bg-glow-2) 0%,transparent 34%),linear-gradient(180deg,var(--nf-bg-1) 0%,var(--nf-bg-2) 100%);transition:background .26s ease,color .26s ease}.theme-toggle{position:fixed;top:16px;right:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--nf-border);border-radius:999px;background:color-mix(in srgb,var(--nf-panel-strong),transparent 10%);box-shadow:var(--nf-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-icon{display:grid;place-items:center;color:var(--nf-accent);font-size:14px}.theme-toggle-label{color:var(--nf-ink-soft);font-size:12px;font-weight:700;letter-spacing:.02em}.theme-toggle .ant-switch{background:color-mix(in srgb,var(--nf-dusk-blue),black 12%)}.theme-toggle .ant-switch.ant-switch-checked{background:var(--nf-accent)}.hero-panel{max-width:1080px;margin:0 auto 22px;padding:clamp(24px,5vw,40px);border:1px solid color-mix(in srgb,var(--nf-border),transparent 24%);border-radius:34px;background:linear-gradient(140deg,var(--nf-panel),color-mix(in srgb,var(--nf-panel),transparent 18%));box-shadow:var(--nf-shadow);text-align:center}.hero-logo-frame{width:108px;height:108px;margin:0 auto 12px;border-radius:28px;background:linear-gradient(165deg,var(--nf-ink-black),var(--nf-prussian-blue));display:grid;place-items:center;box-shadow:0 14px 24px #090f1e73}.hero-logo{width:68px;height:68px;object-fit:contain}.hero-title.ant-typography{margin-bottom:6px;color:var(--nf-ink);letter-spacing:.02em}.hero-subtitle.ant-typography{max-width:760px;margin:0 auto 14px;color:var(--nf-ink-soft);font-size:17px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.hero-badges span{background:var(--nf-pill);color:var(--nf-ink);border:1px solid var(--nf-pill-border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.02em}.hero-actions{justify-content:center}.hidden-file-input{display:none}.workspace-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.notes-pane,.editor-pane{border:1px solid var(--nf-border);border-radius:28px;background:var(--nf-panel);box-shadow:var(--nf-shadow);padding:16px}.notes-pane{display:flex;flex-direction:column;gap:12px;min-height:200px;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:hidden}.notes-pane-header{display:flex;align-items:center;justify-content:space-between}.notes-pane-header .ant-typography{margin:0;color:var(--nf-ink)}.mode-switch{width:100%}.note-list{margin-top:2px;display:grid;gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--nf-border),transparent 20%) transparent}.note-list::-webkit-scrollbar{width:4px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--nf-border),transparent 20%);border-radius:2px}.note-tile{border:none;border-left:3px solid transparent;border-radius:12px;padding:10px 12px 10px 14px;background:transparent;cursor:pointer;transition:background .14s ease,border-left-color .14s ease}.note-tile:hover{background:color-mix(in srgb,var(--nf-panel-strong),transparent 46%);border-left-color:color-mix(in srgb,var(--tile-accent),transparent 44%)}.note-tile.active{background:var(--nf-panel-strong);border-left-color:var(--tile-accent);box-shadow:0 1px 8px #0f172b12}[data-theme=dark] .note-tile.active{box-shadow:0 2px 12px #0000004d}.note-tile-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-tile-header h3{margin:0;color:var(--nf-ink);font-size:13.5px;font-weight:700}.pin-icon{color:var(--nf-accent-strong);font-size:15px}.note-tile p{margin:5px 0 8px;color:var(--nf-ink-muted);font-size:12.5px;line-height:1.5}.note-tag-row{min-height:0}.note-tile-footer{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.note-tile-footer>span{color:var(--nf-ink-muted);font-size:11px}.note-tile-footer .ant-space{opacity:0;transition:opacity .13s ease}.note-tile:hover .note-tile-footer .ant-space,.note-tile.active .note-tile-footer .ant-space{opacity:1}.editor-pane{display:flex;flex-direction:column;gap:12px;min-height:400px}.editor-pane>.ant-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-pane>.ant-empty .ant-empty-image{animation:nf-float 3s ease-in-out infinite}@keyframes nf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.editor-pane-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-pane-header .ant-typography{margin:0;color:var(--nf-ink)}.note-view{display:flex;flex-direction:column}.note-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--nf-border)}.note-view-date{font-size:11px;color:var(--nf-ink-muted)}.note-view-title{font-size:1.7em;font-weight:800;color:var(--nf-ink);margin:16px 0 10px;line-height:1.2;font-family:Sora,Nunito Sans,sans-serif}.note-view-tags{margin-bottom:18px}.note-view-placeholder{margin-top:24px;padding:32px 24px;border:2px dashed var(--nf-border);border-radius:14px;text-align:center;cursor:text;transition:border-color .14s ease}.note-view-placeholder:hover{border-color:var(--nf-accent)}.editor-card{border-radius:20px;border:1px solid var(--nf-border);background:var(--nf-panel-strong)}.editor-toolbar{display:grid;gap:10px;margin-bottom:12px}.editor-textarea{margin-bottom:12px}.tag-preview-row{margin-top:10px}.tag-empty-hint{margin:10px 0 0}.markdown-output{color:var(--nf-ink);font-size:15px;line-height:1.7;overflow-x:auto;word-break:break-word}.markdown-output h1,.markdown-output h2,.markdown-output h3,.markdown-output h4{color:var(--nf-ink);margin-bottom:.45em;margin-top:1.2em;line-height:1.3}.markdown-output h1{font-size:1.55em}.markdown-output h2{font-size:1.3em}.markdown-output h3{font-size:1.1em}.markdown-output h4{font-size:1em;font-weight:700}.markdown-output p,.markdown-output ul,.markdown-output ol,.markdown-output pre,.markdown-output blockquote{margin-bottom:.9em}.markdown-output pre{background:var(--nf-code-bg);color:var(--nf-code-ink);border-radius:12px;padding:14px 16px;overflow-x:auto;font-size:13.5px;line-height:1.6}.markdown-output pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit}.markdown-output code{background:var(--nf-inline-code-bg);color:var(--nf-inline-code-ink);border-radius:6px;padding:2px 6px;font-size:.9em}.markdown-output blockquote{border-left:4px solid var(--nf-quote);padding-left:14px;color:var(--nf-ink-soft);margin-left:0;font-style:italic}.markdown-output a{color:var(--nf-accent);text-decoration:none}.markdown-output a:hover{text-decoration:underline}.markdown-output hr{border:none;border-top:1px solid var(--nf-border);margin:1.4em 0}.markdown-output ul,.markdown-output ol{padding-left:1.6em}.markdown-output li{margin-bottom:.25em}.markdown-output li>p{margin-bottom:.3em}.markdown-output input[type=checkbox]{margin-right:6px;accent-color:var(--nf-accent);cursor:default}.markdown-output table{width:100%;border-collapse:collapse;margin-bottom:1em;display:block;overflow-x:auto;font-size:14px}.markdown-output th,.markdown-output td{padding:8px 12px;border:1px solid var(--nf-border);text-align:left;white-space:nowrap}.markdown-output th{background:color-mix(in srgb,var(--nf-accent),transparent 88%);font-weight:700;color:var(--nf-ink)}.markdown-output tr:nth-child(2n) td{background:color-mix(in srgb,var(--nf-panel-strong),var(--nf-accent) 4%)}.markdown-output img{max-width:100%;border-radius:8px}.notes-empty{margin-top:20px}.tutorial-example{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.tutorial-col{display:flex;flex-direction:column;gap:6px}.tutorial-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-ink-muted)}.tutorial-code{background:var(--nf-code-bg);color:var(--nf-code-ink);border-radius:10px;padding:12px 14px;font-size:12.5px;font-family:Cascadia Code,Fira Code,Courier New,monospace;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.tutorial-render{border:1px solid var(--nf-border);border-radius:10px;padding:12px 14px;background:var(--nf-panel-strong);min-height:40px}.tutorial-render .markdown-output{font-size:13.5px}.tutorial-render .markdown-output h1,.tutorial-render .markdown-output h2,.tutorial-render .markdown-output h3,.tutorial-render .markdown-output h4{margin-top:.4em}@media(max-width:640px){.tutorial-example{grid-template-columns:1fr}}.app-shell .ant-typography,.app-shell .ant-empty-description{color:var(--nf-ink)}.app-shell .ant-tag{border-color:color-mix(in srgb,var(--nf-border),transparent 10%)}.app-shell .ant-input,.app-shell .ant-input-affix-wrapper,.app-shell .ant-input-textarea,.app-shell .ant-segmented,.app-shell .ant-btn-default,.app-shell .ant-card,.app-shell .ant-modal-content,.app-shell .ant-modal-header{border-color:var(--nf-border);background:var(--nf-panel-strong)}.app-shell .ant-input,.app-shell .ant-input-affix-wrapper,.app-shell .ant-input-affix-wrapper .anticon,.app-shell .ant-btn-default,.app-shell .ant-segmented-item-label,.app-shell .ant-btn-text{color:var(--nf-ink)}.app-shell .ant-input::placeholder,.app-shell .ant-input-affix-wrapper input::placeholder{color:var(--nf-ink-muted)}.app-shell .ant-input-affix-wrapper input.ant-input{background:transparent}.app-shell .ant-btn-default:hover,.app-shell .ant-btn-default:focus,.app-shell .ant-btn-text:hover,.app-shell .ant-btn-text:focus{color:var(--nf-accent);border-color:var(--nf-accent)}.app-shell .ant-btn-primary{background-color:var(--nf-accent);border-color:var(--nf-accent);box-shadow:0 10px 18px #5492e352}.app-shell .ant-btn-primary:hover,.app-shell .ant-btn-primary:focus{background-color:color-mix(in srgb,var(--nf-accent),white 14%);border-color:color-mix(in srgb,var(--nf-accent),white 14%)}.app-shell .ant-segmented{background:color-mix(in srgb,var(--nf-panel-strong),var(--nf-accent) 8%)}.app-shell .ant-modal-title,.app-shell .ant-modal-close{color:var(--nf-ink)}.app-footer{max-width:1440px;margin:18px auto 0;padding:clamp(16px,2vw,26px);display:grid;justify-items:center}.footer-icon-link{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-size:18px;transition:transform .18s ease,border-color .18s ease,color .18s ease}.app-footer-divider{width:100%;margin:clamp(14px,1.9vw,24px) 0 0;border-top:1px solid color-mix(in srgb,var(--nf-border),transparent 44%)}.app-footer-bottom{margin-top:clamp(12px,1.6vw,20px)}.app-footer-copy.ant-typography{color:var(--nf-ink-muted);font-size:14px;margin:0}.vault-switcher-row{margin-bottom:10px}.vault-switcher-btn{font-size:12px;font-weight:700;height:28px;padding:0 10px;border-radius:999px;border-color:var(--nf-border)!important;color:var(--nf-ink-soft)!important;background:transparent!important;transition:background .14s ease,border-color .14s ease,color .14s ease}.vault-switcher-btn:hover{background:color-mix(in srgb,var(--nf-accent) 12%,transparent)!important;border-color:var(--nf-accent)!important;color:var(--nf-accent)!important}.sw-update-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--nf-panel-strong);border:1px solid var(--nf-border);border-radius:14px;box-shadow:var(--nf-shadow);font-size:13px;color:var(--nf-ink);white-space:nowrap}.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--nf-panel-strong);border:1px solid var(--nf-accent);border-radius:14px;box-shadow:0 4px 20px #5492e32e;font-size:13px;color:var(--nf-ink);max-width:calc(100vw - 32px);animation:nf-slide-up .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes nf-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-install-icon{font-size:20px;color:var(--nf-accent);flex-shrink:0}.pwa-install-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pwa-install-text strong{font-weight:600;color:var(--nf-ink)}.pwa-install-text span{color:var(--nf-ink-soft);font-size:12px}@media(max-width:1080px){.workspace-grid{grid-template-columns:1fr}.notes-pane{position:relative;top:0;max-height:none;overflow:visible;min-height:320px}.note-list{max-height:55vh}}@media(max-width:640px){.app-shell{padding:12px}.theme-toggle{top:10px;right:10px;padding:6px 8px;gap:6px}.theme-toggle-label{display:none}.hero-panel{border-radius:22px;padding:20px 14px}.hero-logo-frame{width:88px;height:88px}.hero-logo{width:56px;height:56px}.notes-pane,.editor-pane{border-radius:20px;padding:12px}.note-tile-footer{flex-direction:column;align-items:flex-start}.app-footer{margin-top:14px;border-radius:20px}.app-footer-copy.ant-typography{font-size:14px}}.ob-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#090f1e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.ob-card{width:100%;max-width:660px;max-height:92vh;overflow-y:auto;background:var(--nf-panel-strong);border:1px solid var(--nf-border);border-radius:28px;box-shadow:var(--nf-shadow);padding:clamp(28px,5vw,48px);display:flex;flex-direction:column;gap:0}.ob-dots{display:flex;gap:6px;justify-content:center;margin-bottom:28px}.ob-dot{width:7px;height:7px;border-radius:999px;background:var(--nf-border);transition:background .2s ease,width .2s ease}.ob-dot--active{background:var(--nf-accent);width:22px}.ob-step{display:flex;flex-direction:column;gap:0}.ob-step--center{align-items:center;text-align:center}.ob-icon{font-size:48px;line-height:1;margin-bottom:12px;text-align:center}.ob-icon--success{width:60px;height:60px;border-radius:999px;background:color-mix(in srgb,var(--nf-accent),transparent 82%);color:var(--nf-accent);font-size:26px;display:flex;align-items:center;justify-content:center}.ob-title.ant-typography{text-align:center;color:var(--nf-ink);margin-bottom:14px!important}.ob-body.ant-typography{color:var(--nf-ink-soft);font-size:15px;line-height:1.65;margin-bottom:10px!important}.ob-body--muted.ant-typography{color:var(--nf-ink-muted);font-size:13.5px}.ob-badges{justify-content:center;margin-bottom:20px!important}.ob-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.ob-demo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 20px}.ob-demo-col{display:flex;flex-direction:column;gap:6px}.ob-demo-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-ink-muted)}.ob-demo-input{flex:1;min-height:200px;resize:vertical;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.6;background:var(--nf-code-bg);color:var(--nf-code-ink);border:none;border-radius:10px;padding:12px 14px;outline:none}.ob-demo-render{border:1px solid var(--nf-border);border-radius:10px;padding:12px 14px;background:var(--nf-panel);min-height:200px;font-size:13.5px;overflow:auto}.ob-vault-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0}.ob-vault-card{border:1px solid var(--nf-border);border-radius:16px;padding:16px;background:var(--nf-panel);text-align:center}.ob-vault-card--enc{border-color:color-mix(in srgb,var(--nf-accent),transparent 50%);background:color-mix(in srgb,var(--nf-accent),transparent 92%)}.ob-vault-card-icon{font-size:30px;line-height:1}.ob-note-preview{border:1px solid var(--nf-border);border-radius:14px;overflow:hidden;margin:10px 0 20px;background:var(--nf-panel)}.ob-note-preview-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--nf-border);background:var(--nf-panel-strong)}.ob-note-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.ob-note-title-mock{font-weight:700;font-size:14px;color:var(--nf-ink);flex:1}.ob-note-tag-mock{background:var(--nf-pill);border:1px solid var(--nf-pill-border);color:var(--nf-ink-soft);border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}.ob-note-preview-body{padding:12px 14px;color:var(--nf-ink-muted);font-size:13px;font-style:italic}.ob-nav{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.ob-nav-group{display:flex;gap:8px}.ob-final-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;width:100%}.ob-final-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;border:1px solid var(--nf-border);border-radius:18px;background:var(--nf-panel);cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ob-final-card:hover{border-color:var(--nf-accent);box-shadow:0 0 0 3px #5492e31f}.ob-final-card--primary{border-color:var(--nf-accent);background:color-mix(in srgb,var(--nf-accent),transparent 88%)}.ob-final-card--primary:hover{background:color-mix(in srgb,var(--nf-accent),transparent 80%);box-shadow:0 0 0 3px #5492e333}.ob-final-card-icon{font-size:24px;color:var(--nf-accent)}.ob-final-card-body{display:flex;flex-direction:column;gap:4px}.ob-final-card-body strong{font-size:14px;color:var(--nf-ink)}.ob-final-card-body span{font-size:12.5px;color:var(--nf-ink-muted);line-height:1.5}@media(max-width:560px){.ob-demo,.ob-vault-cards,.ob-final-cards{grid-template-columns:1fr}.ob-demo-input{min-height:140px}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--nf-ink, #0f172b);background:var(--nf-bg-1, #f4ebec);font-family:Nunito Sans,Segoe UI,Tahoma,sans-serif;transition:background-color .26s ease,color .26s ease}h1,h2,h3,h4,.ant-typography{font-family:Sora,Nunito Sans,Segoe UI,Tahoma,sans-serif}