@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Source+Serif+4:opsz,ital,wght@8..60,0,400;8..60,0,600;8..60,1,400&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1c1917;--ink-soft:#44403c;--muted:#78716c;--placeholder:#a8a29e;--paper:#f7f3eb;--paper-deep:#ebe4d6;--panel:#fffcf7e0;--accent:#0f766e;--accent-deep:#115e59;--accent-soft:#ccfbf1;--line:#1c19171a;--danger:#b91c1c;--shadow:0 18px 50px #1c191714;--on-accent:#fff;--surface:#ffffffa6;--surface-strong:#fffc;--surface-muted:#ffffff8c;--sidebar-bg:linear-gradient(180deg, #fffcf7eb, #f3efe4d9);--toolbar-bg:linear-gradient(180deg, #ffffffb3, #f7f3eb8c);--menu-bg:#fffcf7fa;--brand-line:#fffcf7e6;--swatch-ring:#ffffffd9;--noise-opacity:.35;--body-bg:radial-gradient(1200px 600px at 10% -10%, #0f766e24, transparent 55%), radial-gradient(900px 500px at 100% 0%, #b453091a, transparent 50%), linear-gradient(165deg, #f3efe4 0%, var(--paper) 45%, #e8f2ef 100%);--radius:14px;--sidebar-width:300px;--font-brand:"Fraunces", Georgia, serif;--font-ui:"Source Sans 3", "Segoe UI", sans-serif;--font-editor:"Source Serif 4", Georgia, serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3eee6;--ink-soft:#d6d0c6;--muted:#a8a29e;--placeholder:#78716c;--paper:#141816;--paper-deep:#0e1110;--panel:#1c211feb;--accent:#2dd4bf;--accent-deep:#5eead4;--accent-soft:#2dd4bf29;--line:#f3eee61f;--danger:#f87171;--shadow:0 18px 50px #00000073;--on-accent:#042f2e;--surface:#ffffff0f;--surface-strong:#ffffff1a;--surface-muted:#ffffff0a;--sidebar-bg:linear-gradient(180deg, #161c1af5, #101413eb);--toolbar-bg:linear-gradient(180deg, #ffffff0d, #ffffff05);--menu-bg:#1c211ffa;--brand-line:#f3eee6eb;--swatch-ring:#141816d9;--noise-opacity:.22;--body-bg:radial-gradient(1100px 560px at 8% -12%, #2dd4bf29, transparent 55%), radial-gradient(900px 480px at 100% 0%, #b453091f, transparent 52%), linear-gradient(165deg, #101413 0%, var(--paper) 48%, #121a18 100%)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);font-family:var(--font-ui);background:var(--body-bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:soft-light;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}button,input{font:inherit;color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:var(--sidebar-width) 1fr;height:100%;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:1rem;padding:1.25rem 1rem 1rem;display:flex;overflow:hidden}.sidebar-brand{align-items:center;gap:.85rem;padding:.35rem .35rem .5rem;animation:.6s both rise;display:flex}.brand-mark{background:linear-gradient(145deg, #14b8a6 0%, var(--accent) 55%, var(--accent-deep) 100%);border-radius:.7rem;width:2.4rem;height:2.4rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}.brand-mark:after{content:"";background:var(--brand-line);height:.28rem;box-shadow:0 .4rem 0 color-mix(in srgb, var(--brand-line) 78%, transparent), 0 .8rem 0 color-mix(in srgb, var(--brand-line) 50%, transparent);border-radius:999px;position:absolute;top:.7rem;left:.55rem;right:.55rem}.brand-name{font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700;line-height:1.1}.brand-tag{color:var(--muted);margin:.15rem 0 0;font-size:.82rem}.sidebar-actions{flex-direction:column;gap:.65rem;animation:.7s both rise;display:flex}.btn-new{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.btn-new:hover{background:var(--accent-deep);transform:translateY(-1px)}.btn-new:active{transform:translateY(0)}.search-field input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}.search-field input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.note-list{flex-direction:column;flex:1;gap:.35rem;margin:0;padding:0;list-style:none;animation:.8s both rise;display:flex;overflow-y:auto}.note-list>li{position:relative}.note-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:.2rem;width:100%;padding:.75rem 2rem .75rem .85rem;transition:background .15s,border-color .15s;display:flex}.note-item:hover{background:var(--surface-muted)}.note-item.is-active{background:var(--surface-strong);border-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:var(--shadow)}.note-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.note-item-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.note-item-meta{color:var(--muted);margin-top:.15rem;font-size:.72rem}.note-delete{width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;transition:opacity .15s,background .15s,color .15s;position:absolute;top:.45rem;right:.4rem}.note-list>li:hover .note-delete,.note-item.is-active+.note-delete,.note-list>li:focus-within .note-delete{opacity:1}.note-delete:hover{color:var(--danger);background:#b91c1c1a}.note-list-empty{color:var(--muted);padding:1rem .75rem;font-size:.9rem}.main{flex-direction:column;min-width:0;padding:1.25rem 1.5rem 1.5rem;display:flex;position:relative}.editor-pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);flex-direction:column;flex:1;animation:.45s both fade-in;display:flex;overflow:hidden}.note-title{border:none;border-bottom:1px solid var(--line);width:100%;font-family:var(--font-brand);letter-spacing:-.02em;color:var(--ink);background:0 0;outline:none;padding:1.1rem 1.4rem .85rem;font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:700}.note-title::placeholder{color:var(--placeholder)}.toolbar{border-bottom:1px solid var(--line);background:var(--toolbar-bg);flex-wrap:wrap;align-items:center;gap:.35rem .45rem;padding:.55rem .85rem;display:flex}.toolbar-group{align-items:center;gap:.2rem;display:inline-flex}.font-menu{position:relative}.font-menu-trigger{min-width:2rem}.font-menu-f{font-size:1.05rem;font-weight:700;line-height:1;display:inline-block}.size-menu-trigger{min-width:2.2rem}.size-menu-number{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;line-height:1;display:inline-block}.font-menu-list{z-index:40;border:1px solid var(--line);background:var(--menu-bg);min-width:12rem;max-height:min(18rem,50vh);box-shadow:var(--shadow);border-radius:10px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;overflow-y:auto}.font-menu-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.45rem .65rem;font-size:.95rem;line-height:1.3;display:block}.font-menu-item:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.font-menu-item.is-selected{background:var(--accent-soft);color:var(--accent-deep)}.bullet-menu{position:relative}.bullet-menu-split{align-items:stretch;display:inline-flex}.bullet-menu-main{border-top-right-radius:0;border-bottom-right-radius:0;min-width:2.15rem}.bullet-menu-chevron{border-left:1px solid #0000;border-top-left-radius:0;border-bottom-left-radius:0;min-width:1.15rem;padding:0 .15rem}.bullet-menu-split:hover .bullet-menu-chevron,.bullet-menu-chevron.is-active{border-left-color:color-mix(in srgb, var(--accent) 22%, transparent)}.bullet-menu-preview{align-items:center;gap:.28rem;display:inline-flex}.bullet-menu-glyph{text-align:center;width:.7rem;font-size:.72rem;line-height:1}.bullet-menu-lines{flex-direction:column;gap:2px;display:inline-flex}.bullet-menu-lines>span{opacity:.85;background:currentColor;border-radius:1px;width:.65rem;height:1.5px;display:block}.bullet-menu-list{min-width:11rem}.bullet-menu-item{align-items:center;gap:.55rem;display:flex}.bullet-menu-item-glyph{text-align:center;width:1.1rem;font-size:.95rem;line-height:1}.bullet-menu-item-label{flex:1}.toolbar-divider{background:var(--line);width:1px;height:1.4rem;margin:0 .15rem}.toolbar-btn{min-width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.toolbar-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--ink)}.toolbar-btn.is-active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-deep)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn.subtle{min-width:1.6rem;font-size:1rem;font-weight:500}.toolbar-letter{font-family:var(--font-editor);font-size:.95rem;font-weight:700}.toolbar-letter.italic{font-style:italic}.toolbar-letter.underline{text-underline-offset:2px;text-decoration:underline}.toolbar-letter.strike{text-decoration:line-through}.toolbar-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:.2rem;font-size:.7rem;font-weight:600}.swatch{border:2px solid var(--swatch-ring);width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent);cursor:pointer;border-radius:999px;padding:0;transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}.highlight-swatch{border-radius:4px}.editor-surface{flex:1;padding:1.25rem 1.5rem 2.5rem;overflow-y:auto}.editor-surface .tiptap,.editor-surface .ProseMirror{min-height:min(55vh,520px)}.prose-editor{min-height:min(55vh,520px);font-family:var(--font-editor);color:var(--ink);cursor:text;outline:none;font-size:1.08rem;line-height:1.7}.prose-editor p{margin:0 0 .85rem}.prose-editor h1,.prose-editor h2,.prose-editor h3{font-family:var(--font-brand);letter-spacing:-.02em;margin:1.4rem 0 .65rem;line-height:1.25}.prose-editor h1{font-size:1.85rem}.prose-editor h2{font-size:1.45rem}.prose-editor h3{font-size:1.2rem}.prose-editor ul,.prose-editor ol{margin:0 0 .85rem;padding-left:1.4rem}.prose-editor ul[data-bullet=disc]{list-style-type:disc}.prose-editor ul[data-bullet=circle]{list-style-type:circle}.prose-editor ul[data-bullet=square]{list-style-type:square}.prose-editor ul[data-bullet=dash],.prose-editor ul[data-bullet=arrow],.prose-editor ul[data-bullet=check],.prose-editor ul[data-bullet=star],.prose-editor ul[data-bullet=diamond]{list-style:none}.prose-editor ul[data-bullet=dash]>li,.prose-editor ul[data-bullet=arrow]>li,.prose-editor ul[data-bullet=check]>li,.prose-editor ul[data-bullet=star]>li,.prose-editor ul[data-bullet=diamond]>li{position:relative}.prose-editor ul[data-bullet=dash]>li:before,.prose-editor ul[data-bullet=arrow]>li:before,.prose-editor ul[data-bullet=check]>li:before,.prose-editor ul[data-bullet=star]>li:before,.prose-editor ul[data-bullet=diamond]>li:before{text-align:center;width:1.15rem;color:inherit;line-height:inherit;position:absolute;left:-1.25rem}.prose-editor ul[data-bullet=dash]>li:before{content:"–"}.prose-editor ul[data-bullet=arrow]>li:before{content:"→"}.prose-editor ul[data-bullet=check]>li:before{content:"✓"}.prose-editor ul[data-bullet=star]>li:before{content:"★"}.prose-editor ul[data-bullet=diamond]>li:before{content:"◆"}.prose-editor li{margin:.25rem 0}.prose-editor li p{margin:0}.prose-editor blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);margin:.85rem 0;padding:.15rem 0 .15rem 1rem}.prose-editor mark{border-radius:.15em;padding:.05em .15em}.prose-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--placeholder);font-style:italic}.menu-toggle,.sidebar-backdrop{display:none}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:20;width:min(86vw,320px);box-shadow:var(--shadow);transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{background:color-mix(in srgb, var(--ink) 35%, transparent);opacity:0;pointer-events:none;z-index:15;transition:opacity .25s;display:block;position:fixed;inset:0}.app.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.menu-toggle{border:1px solid var(--line);background:var(--menu-bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;width:2.4rem;height:2.4rem;margin-bottom:.75rem;padding:.55rem;display:inline-flex}.menu-toggle span{background:var(--ink);border-radius:2px;height:2px;display:block}.main{padding:.85rem}.editor-surface{padding:1rem 1.1rem 2rem}.toolbar-label{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}