.sidebar{background:var(--paper-dark);border-right:1px solid var(--paper-edge);z-index:2;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--paper-edge);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-header-text h1{color:var(--ink);letter-spacing:0;font-family:EB Garamond,Georgia,serif;font-size:1.35rem;font-weight:500;line-height:1.25}.sidebar-header-text p{color:var(--ink-ghost);text-transform:uppercase;letter-spacing:.14em;margin-top:.3rem;font-size:.6rem;font-weight:500}.mode-toggle{color:var(--ink-ghost);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.mode-toggle:hover{color:var(--ink-faint);background:var(--popover-hover)}.mode-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.new-note-btn{border:1px solid var(--paper-edge);border-radius:var(--radius-pill);color:var(--ink-faint);cursor:pointer;text-align:left;background:0 0;flex-shrink:0;margin:.75rem .75rem 0;padding:.5rem .85rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;transition:all .15s}.new-note-btn:hover{border-color:var(--ink-ghost);color:var(--ink-light);background:var(--popover-hover)}.notes-list{scrollbar-width:thin;scrollbar-color:var(--ink-ghost) transparent;flex:1;padding:.35rem 0;overflow-y:auto}.notes-list::-webkit-scrollbar{width:3px}.notes-list::-webkit-scrollbar-track{background:0 0}.notes-list::-webkit-scrollbar-thumb{background:var(--ink-ghost);border-radius:2px}.note-item{cursor:pointer;border-left:2px solid #0000;padding:.6rem 1.25rem;transition:all .12s;animation:.2s ease-out both fadeSlideIn;position:relative}.note-item:hover{background:var(--popover-hover)}.note-item.active{background:var(--popover-active);border-left-color:var(--accent)}.note-item-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;line-height:1.35;overflow:hidden}.note-item-date{color:var(--ink-ghost);letter-spacing:.02em;margin-top:.1rem;font-size:.6rem}.note-item-preview{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.7rem;overflow:hidden}.note-item .delete-btn{opacity:0;color:var(--ink-ghost);cursor:pointer;background:0 0;border:none;padding:.2rem .35rem;font-size:.85rem;transition:opacity .12s,color .12s;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.note-item:hover .delete-btn{opacity:1}.note-item .delete-btn:hover{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--paper-edge);flex-shrink:0;padding:.6rem .75rem}.settings-btn{width:100%;color:var(--ink-ghost);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.45rem;padding:.45rem .65rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;transition:all .12s;display:flex}.settings-btn:hover{color:var(--ink-faint);background:var(--popover-hover)}.settings-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}@media (width<=720px){.sidebar{z-index:10;width:260px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #352f281a}.sidebar-overlay{z-index:9;opacity:0;pointer-events:none;background:#352f2826;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media (width>=721px){.sidebar-overlay{display:none}}.aa-popover{background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-lg);width:290px;max-height:calc(100vh - 80px);box-shadow:0 6px 24px var(--shadow), 0 1px 6px var(--shadow);opacity:0;pointer-events:none;z-index:100;scrollbar-width:thin;scrollbar-color:var(--ink-ghost) transparent;padding:1rem;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;transform:translateY(6px)scale(.97)}.aa-popover.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scope-toggle{background:var(--paper-edge);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:.4rem;padding:3px;display:grid}.scope-btn{border-radius:calc(var(--radius-md) - 2px);font-family:var(--body-font);color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:.35rem .5rem;font-size:.65rem;font-weight:500;transition:all .12s}.scope-btn.active{background:var(--popover-bg);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}.scope-btn:hover:not(.active){color:var(--ink-light)}.reset-note-btn{border:1px solid var(--paper-edge);border-radius:var(--radius-md);width:100%;font-family:var(--body-font);color:var(--ink-faint);cursor:pointer;text-align:center;background:0 0;margin-top:.75rem;padding:.4rem;font-size:.6rem;font-weight:500;transition:all .12s;display:block}.reset-note-btn:hover{border-color:var(--ink-ghost);color:var(--ink-light);background:var(--popover-hover)}.aa-section-label{font-family:var(--body-font);color:var(--ink-faint);letter-spacing:.14em;margin-bottom:.5rem;font-size:.55rem;font-weight:600}.aa-section-label+.aa-section-label{margin-top:.75rem}.theme-grid{gap:8px;margin-bottom:.2rem;display:flex}.theme-swatch{border-radius:var(--radius-md);border:2px solid var(--paper-edge);cursor:pointer;flex-shrink:0;width:32px;height:32px;transition:all .15s;position:relative;overflow:hidden}.theme-swatch:hover{border-color:var(--ink-ghost);transform:scale(1.05)}.theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch-half{width:50%;position:absolute;top:0;bottom:0}.theme-swatch-half:first-child{left:0}.theme-swatch-half:last-child{right:0}.font-grid{flex-direction:column;gap:0;display:flex}.font-category-label{font-family:var(--body-font);color:var(--ink-faint);letter-spacing:.1em;padding:.45rem 0 .3rem;font-size:.55rem;font-weight:600}.font-category-label:first-child{padding-top:0}.font-category-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.font-option{border:1px solid var(--paper-edge);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;transition:all .15s;display:flex}.font-option:hover{background:var(--popover-hover);border-color:var(--ink-ghost)}.font-option.active{background:var(--popover-active);border-color:var(--accent)}.font-option-preview{color:var(--ink);font-size:1.2rem;line-height:1.2}.font-option-name{font-family:var(--body-font);color:var(--ink-faint);letter-spacing:.02em;font-size:.55rem;line-height:1}.size-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.size-option{border:1px solid var(--paper-edge);border-radius:var(--radius-md);cursor:pointer;text-align:center;font-family:var(--body-font);color:var(--ink-light);background:0 0;padding:.45rem .5rem;line-height:1;transition:all .15s}.size-option:hover{background:var(--popover-hover);border-color:var(--ink-ghost)}.size-option.active{background:var(--popover-active);border-color:var(--accent)}.size-option-letter{color:var(--ink);display:block}.size-option-label{color:var(--ink-faint);margin-top:.15rem;font-size:.55rem;display:block}.editor-pane{background:var(--paper);flex-direction:column;display:flex;position:relative;overflow:hidden}.editor-pane:before{content:"";background:linear-gradient(to bottom, var(--shadow), transparent);z-index:1;pointer-events:none;height:6px;position:absolute;top:0;left:0;right:0}.editor-pane:after{content:"";background:var(--margin-line);z-index:1;pointer-events:none;width:1px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:72px}.editor-pane.hide-lines:after{opacity:0}.editor-scroll{scrollbar-width:thin;scrollbar-color:var(--ink-ghost) transparent;background-image:repeating-linear-gradient(to bottom, transparent, transparent calc(var(--line-height) - 1px), var(--rule-line) calc(var(--line-height) - 1px), var(--rule-line) var(--line-height));background-size:100% var(--line-height);background-position-y:var(--line-offset);scrollbar-gutter:stable;flex:1;overflow-y:auto}.editor-scroll.hide-lines{background-image:none}.editor-scroll::-webkit-scrollbar{width:5px}.editor-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-thumb{background:var(--ink-ghost);border-radius:2px}.editor-inner{max-width:var(--editor-width);min-height:100%;margin:0 auto;padding:0 3rem 40vh calc(72px + 1.5rem);animation:.2s ease-out fadeSlideIn;position:relative}.note-title{width:100%;color:var(--ink);caret-color:var(--accent);resize:none;background:0 0;border:none;outline:none;padding:2rem 0 0;font-family:EB Garamond,Georgia,serif;font-size:1.65rem;font-weight:400;line-height:1.3;overflow:hidden}.note-title::placeholder{color:var(--ink-ghost);font-style:italic}.note-date{color:var(--ink-ghost);letter-spacing:.03em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:.35rem 0 .75rem;font-size:.65rem;line-height:1.4}.note-body{font-family:var(--body-font);font-size:var(--body-size);font-weight:400;line-height:var(--line-height);width:100%;color:var(--ink);caret-color:var(--accent);resize:none;background:0 0;border:none;outline:none;min-height:60vh;padding:0;overflow:hidden}.note-body::placeholder{color:var(--ink-ghost);font-style:italic}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.empty-state-icon{border:1.5px solid var(--ink-ghost);opacity:.5;border-radius:2px;width:64px;height:80px;margin-bottom:1.5rem;position:relative}.empty-state-icon:before{content:"";background:var(--ink-ghost);height:1px;box-shadow:0 10px 0 var(--ink-ghost), 0 20px 0 var(--ink-ghost), 0 30px 0 var(--ink-ghost);position:absolute;top:18px;left:12px;right:12px}.empty-state h2{color:var(--ink-light);font-family:EB Garamond,Georgia,serif;font-size:1.25rem;font-style:italic;font-weight:400}.empty-state p{font-family:var(--body-font);color:var(--ink-faint);max-width:240px;margin-top:.5rem;font-size:.8rem;line-height:1.5}.status-bar{color:var(--ink-faint);letter-spacing:.06em;background:linear-gradient(to top, var(--paper) 40%, transparent);z-index:2;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;font-size:.6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.status-left{align-items:center;gap:1rem;display:flex}.status-right{align-items:center;gap:.75rem;display:flex;position:relative}.preview-btn,.aa-btn{border:1px solid var(--paper-edge);color:var(--ink-faint);cursor:pointer;border-radius:var(--radius-sm);pointer-events:auto;background:0 0;justify-content:center;align-items:center;padding:.2rem .45rem;line-height:1;transition:all .15s;display:flex}.preview-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.preview-btn:hover,.aa-btn:hover{color:var(--ink);border-color:var(--ink-ghost);background:var(--popover-hover)}.preview-btn.active{color:var(--accent);border-color:var(--accent);background:#b83a2a0f}.aa-btn{letter-spacing:0;padding:.2rem .5rem;font-family:EB Garamond,Georgia,serif;font-size:.85rem;font-weight:600}.mobile-header{display:none}@media (width<=720px){.app{grid-template-columns:1fr}.mobile-header{border-bottom:1px solid var(--paper-edge);background:var(--paper-dark);flex-shrink:0;align-items:center;padding:.75rem 1rem;display:flex!important}.hamburger{cursor:pointer;color:var(--ink);background:0 0;border:none;flex-direction:column;gap:4px;padding:.25rem;display:flex}.hamburger span{background:var(--ink);border-radius:1px;width:18px;height:1.5px;display:block}.mobile-title{margin-left:.75rem;font-family:EB Garamond,Georgia,serif;font-size:1rem;font-weight:500}.editor-pane:after{left:32px}.editor-inner{padding:0 1.5rem 40vh calc(32px + 1rem)}}@media print{.sidebar,.mobile-header,.status-bar,.settings-overlay{display:none}.app{grid-template-columns:1fr}.editor-pane:before,.editor-pane:after{display:none}}.settings-overlay{z-index:1000;opacity:0;pointer-events:none;background:#2c181040;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.settings-overlay.open{opacity:1;pointer-events:auto}.settings-dialog{background:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-lg);width:340px;max-width:90vw;box-shadow:0 8px 36px var(--shadow);transition:transform .2s;transform:translateY(8px)scale(.97)}.settings-overlay.open .settings-dialog{transform:translateY(0)scale(1)}.settings-dialog-header{border-bottom:1px solid var(--popover-border);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.settings-dialog-header h2{font-family:EB Garamond,Georgia,serif;font-size:1.15rem;font-weight:400}.settings-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.2rem;line-height:1;transition:color .15s}.settings-close:hover{color:var(--ink)}.settings-body{padding:1rem 1.25rem 1.25rem}.settings-action{border:1px solid var(--paper-edge);border-radius:var(--radius-md);width:100%;color:var(--ink-light);font-family:var(--body-font);cursor:pointer;text-align:left;background:0 0;margin-bottom:.5rem;padding:.65rem .85rem;font-size:.85rem;transition:all .15s;display:block}.settings-action:hover{background:var(--popover-hover);border-color:var(--ink-ghost);color:var(--ink)}.settings-action.danger{color:var(--accent);border-color:#0000;margin-top:.25rem}.settings-action.danger:hover{background:#b83a2a0f;border-color:#b83a2a33}.settings-sep{border:none;border-top:1px solid var(--popover-border);margin:.6rem 0}:root{--paper:#f9f5ee;--paper-dark:#f2ede4;--paper-edge:#e9e2d6;--ink:#352f28;--ink-light:#635a4e;--ink-faint:#968e82;--ink-ghost:#c4bcb0;--accent:#9e7b52;--rule-line:#e9e2d6;--shadow:#352f280d;--bg:#f2ede4;--popover-bg:#faf7f2;--popover-border:#e9e2d6;--popover-hover:#352f2809;--popover-active:#352f2812;--code-bg:#352f2809;--margin-line:#9e7b521f;--grain-opacity:.012;--line-height:1.65rem;--body-font:"DM Sans", sans-serif;--body-size:.95rem;--editor-width:720px;--line-offset:1.35rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-family:DM Sans,sans-serif;font-size:.95rem;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.app{grid-template-columns:260px 1fr;height:100%;display:grid}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rendered-body{font-family:var(--body-font);font-size:var(--body-size);line-height:var(--line-height);color:var(--ink);cursor:text;min-height:60vh}.rendered-body h1{margin:calc(var(--line-height) * 1.5) 0 .25em;letter-spacing:-.01em;font-family:EB Garamond,Georgia,serif;font-size:1.5em;font-weight:500;line-height:1.3}.rendered-body h1:first-child{margin-top:0}.rendered-body h2{margin:calc(var(--line-height) * 1.25) 0 .15em;font-family:EB Garamond,Georgia,serif;font-size:1.25em;font-weight:500;line-height:1.35}.rendered-body h3{font-family:DM Sans,sans-serif;font-size:1em;font-weight:600;line-height:var(--line-height);margin:var(--line-height) 0 0}.rendered-body p{line-height:var(--line-height);margin:0}.rendered-body p+p{margin-top:.75em}.rendered-body strong{font-weight:600}.rendered-body em{font-style:italic}.rendered-body code{background:var(--code-bg);border-radius:var(--radius-sm);border:1px solid var(--paper-edge);padding:.12em .35em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8em}.rendered-body pre{margin:var(--line-height) 0;background:var(--paper-dark);border:1px solid var(--paper-edge);border-radius:var(--radius-md);scrollbar-width:thin;padding:.85rem 1.1rem;overflow-x:auto}.rendered-body pre code{background:0 0;border:none;padding:0;font-size:.82rem;line-height:1.55}.rendered-body blockquote{border-left:2px solid var(--accent);margin:var(--line-height) 0;color:var(--ink-light);padding:.2rem 0 .2rem 1rem;font-style:italic}.rendered-body blockquote p{margin:0}.rendered-body ul,.rendered-body ol{margin:.4rem 0;padding-left:1.35rem}.rendered-body li{line-height:var(--line-height)}.rendered-body hr{border:none;border-top:1px solid var(--paper-edge);margin:calc(var(--line-height) * 1.25) 0}.rendered-body img{border-radius:var(--radius-md);max-width:100%;margin:var(--line-height) 0;box-shadow:0 1px 8px var(--shadow);display:block}.rendered-body a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--paper-edge);text-decoration-color:var(--paper-edge);text-underline-offset:2px;transition:text-decoration-color .15s}.rendered-body a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.embed{border:1px solid var(--paper-edge);border-radius:var(--radius-md);margin:var(--line-height) 0;background:var(--popover-hover);align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;transition:background .12s;display:flex}.embed:hover{background:var(--popover-active)}.embed-icon{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.embed-twitter .embed-icon{background:#1a1a1a}.embed-reddit .embed-icon{background:#ff4500;font-family:DM Sans,sans-serif}.embed-link .embed-icon{background:var(--ink-ghost);font-size:.7rem}.embed-info{flex:1;min-width:0}.embed-label{color:var(--ink-ghost);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.58rem;font-weight:600}.embed-info a{color:var(--ink-faint);word-break:break-all;font-size:.8rem;line-height:1.4;text-decoration:none;display:block}.embed-info a:hover{color:var(--ink);text-decoration:underline}.embed-link{border-left:2px solid var(--ink-ghost)}.embed-twitter{border-left:2px solid #1d9bf0}.embed-reddit{border-left:2px solid #ff4500}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.toggle-row-label{font-family:var(--body-font);color:var(--ink-light);font-size:.75rem}.toggle-track{border-radius:var(--radius-pill);background:var(--ink-ghost);flex-shrink:0;width:34px;height:20px;transition:background .2s;position:relative}.toggle-track.on{background:var(--accent)}.toggle-knob{background:var(--popover-bg);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.toggle-track.on .toggle-knob{transform:translate(14px)}.width-section{margin-top:.75rem}.width-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.width-option{border:1px solid var(--paper-edge);border-radius:var(--radius-md);cursor:pointer;text-align:center;font-family:var(--body-font);color:var(--ink-faint);background:0 0;padding:.45rem .25rem;font-size:.55rem;font-weight:500;line-height:1;transition:all .12s}.width-option:hover{background:var(--popover-hover);border-color:var(--ink-ghost);color:var(--ink-light)}.width-option.active{background:var(--popover-active);border-color:var(--accent);color:var(--ink)}