.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}.customize-popover{max-height:calc(100vh - 40px);position:fixed;right:auto}.sidebar{background:var(--paper-dark);border-right:1px solid var(--paper-edge);z-index:2;flex-direction:column;min-width:0;min-height:0;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;border-right-color:#0000}.sidebar-collapse-btn{display:none}@media (width>=721px){.sidebar-collapse-btn{z-index:5;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;background:var(--paper-dark);width:22px;height:48px;color:var(--ink-ghost);opacity:0;box-shadow:2px 0 8px var(--shadow);border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;left:260px;transform:translateY(-50%)}.sidebar:hover+.sidebar-overlay+.sidebar-collapse-btn,.sidebar-collapse-btn:hover{opacity:1}.sidebar-collapsed .sidebar-collapse-btn{opacity:.6;border-radius:0 var(--radius-md) var(--radius-md) 0;left:0}.sidebar-collapsed .sidebar-collapse-btn:hover{opacity:1}.sidebar-collapse-btn:hover{color:var(--ink-faint);background:var(--paper-edge)}.sidebar-collapse-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}}.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}}.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;overflow-wrap:break-word;word-break:break-word;letter-spacing:-.01em;background:0 0;border:none;outline:none;max-height:15rem;padding:2rem 0 0;font-family:EB Garamond,Georgia,serif;font-size:4rem;font-weight:700;line-height:1.25;overflow-y:hidden}.note-title-preview{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;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;min-height:calc(100vh - 3rem);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}.empty-state-btn{border:1px solid var(--paper-edge);border-radius:var(--radius-pill);font-family:var(--body-font);color:var(--ink-faint);cursor:pointer;background:0 0;margin-top:1.25rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .15s}.empty-state-btn:hover{border-color:var(--ink-ghost);color:var(--ink-light);background:var(--popover-hover)}.editor-view{animation:.15s ease-out editorFadeIn}@keyframes editorFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.save-indicator{opacity:0;transition:opacity .4s 1.5s}.save-indicator.saving{opacity:1;transition:opacity}.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;--spring-elegant-easing:linear(0 0%, .005927 1%, .022466 2%, .047872 3%, .080554 4%, .119068 5%, .162116 6%, .208536 7%, .2573 8%, .3075 9%, .358346 10%, .409157 11%, .45935 12%, .508438 13%, .556014 14%, .601751 15%, .645389 16%, .686733 17%, .72564 18%, .762019 19%, .795818 20%, .827026 21%, .855662 22%, .881772 23%, .905423 24%, .926704 25%, .945714 26%, .962568 27%, .977386 28%, .990295 29%, 1.00143 30%, 1.01091 31%, 1.01888 32%, 1.02547 33%, 1.03079 34%, 1.03498 35%, 1.03816 36%, 1.04042 37%, 1.04189 38%, 1.04266 39%, 1.04283 40%, 1.04247 41%, 1.04168 42%, 1.04052 43%, 1.03907 44%, 1.03737 45%, 1.03549 46%, 1.03348 47%, 1.03138 48%, 1.02922 49%, 1.02704 50%, 1.02486 51%, 1.02272 52%, 1.02063 53%, 1.01861 54%, 1.01667 55%, 1.01482 56%, 1.01307 57%, 1.01142 58%, 1.00989 59%, 1.00846 60%, 1.00715 61%, 1.00594 62%, 1.00485 63%, 1.00386 64%, 1.00296 65%, 1.00217 66%, 1.00147 67%, 1.00085 68%, 1.00031 69%, .999849 70%, .999457 71%, .999128 72%, .998858 73%, .99864 74%, .99847 75%, .998342 76%, .998253 77%, .998196 78%, .998169 79%, .998167 80%, .998186 81%, .998224 82%, .998276 83%, .998341 84%, .998415 85%, .998497 86%, .998584 87%, .998675 88%, .998768 89%, .998861 90%, .998954 91%, .999045 92%, .999134 93%, .99922 94%, .999303 95%, .999381 96%, .999455 97%, .999525 98%, .999589 99%, .99965 100%);--spring-elegant-easing-light:linear(0 0%, .003894 1%, .014828 2%, .031757 3%, .053732 4%, .079896 5%, .109479 6%, .141786 7%, .176202 8%, .212175 9%, .249219 10%, .286907 11%, .324863 12%, .362763 13%, .400326 14%, .437313 15%, .473521 16%, .508781 17%, .542956 18%, .575932 19%, .607625 20%, .637968 21%, .666915 22%, .694437 23%, .720519 24%, .74516 25%, .76837 26%, .790168 27%, .810581 28%, .829644 29%, .847395 30%, .86388 31%, .879146 32%, .893244 33%, .906226 34%, .918147 35%, .92906 36%, .93902 37%, .948082 38%, .956301 39%, .963727 40%, .970415 41%, .976413 42%, .98177 43%, .986534 44%, .990748 45%, .994457 46%, .997701 47%, 1.00052 48%, 1.00295 49%, 1.00502 50%, 1.00678 51%, 1.00824 52%, 1.00944 53%, 1.0104 54%, 1.01115 55%, 1.01172 56%, 1.01212 57%, 1.01237 58%, 1.01249 59%, 1.0125 60%, 1.01242 61%, 1.01225 62%, 1.01201 63%, 1.01172 64%, 1.01137 65%, 1.01099 66%, 1.01057 67%, 1.01013 68%, 1.00968 69%, 1.00921 70%, 1.00874 71%, 1.00826 72%, 1.00779 73%, 1.00732 74%, 1.00686 75%, 1.00641 76%, 1.00598 77%, 1.00555 78%, 1.00515 79%, 1.00476 80%, 1.00439 81%, 1.00403 82%, 1.00369 83%, 1.00337 84%, 1.00307 85%, 1.00279 86%, 1.00252 87%, 1.00227 88%, 1.00204 89%, 1.00183 90%, 1.00163 91%, 1.00144 92%, 1.00127 93%, 1.00111 94%, 1.00097 95%, 1.00084 96%, 1.00072 97%, 1.00061 98%, 1.00051 99%, 1.00042 100%);--spring-bouyant:linear(0 0%, .004379 1%, .017027 2%, .037197 3%, .064139 4%, .097098 5%, .135326 6%, .178089 7%, .224667 8%, .274366 9%, .326515 10%, .380476 11%, .435642 12%, .491445 13%, .547353 14%, .602874 15%, .65756 16%, .711 17%, .76283 18%, .812725 19%, .860402 20%, .90562 21%, .948177 22%, .98791 23%, 1.02469 24%, 1.05844 25%, 1.08908 26%, 1.11659 27%, 1.14099 28%, 1.16229 29%, 1.18055 30%, 1.19584 31%, 1.20827 32%, 1.21794 33%, 1.22498 34%, 1.22954 35%, 1.23176 36%, 1.23181 37%, 1.22985 38%, 1.22606 39%, 1.2206 40%, 1.21366 41%, 1.2054 42%, 1.19601 43%, 1.18564 44%, 1.17446 45%, 1.16264 46%, 1.15032 47%, 1.13765 48%, 1.12476 49%, 1.11178 50%, 1.09884 51%, 1.08603 52%, 1.07347 53%, 1.06124 54%, 1.04942 55%, 1.03808 56%, 1.02729 57%, 1.01708 58%, 1.00752 59%, .998624 60%, .990425 61%, .982939 62%, .976176 63%, .970139 64%, .964824 65%, .960222 66%, .956318 67%, .953091 68%, .950518 69%, .94857 70%, .947216 71%, .946423 72%, .946154 73%, .946371 74%, .947035 75%, .948105 76%, .949542 77%, .951304 78%, .953352 79%, .955646 80%, .958146 81%, .960816 82%, .963619 83%, .966522 84%, .96949 85%, .972494 86%, .975505 87%, .978496 88%, .981443 89%, .984323 90%, .987118 91%, .989809 92%, .992382 93%, .994822 94%, .99712 95%, .999265 96%, 1.00125 97%, 1.00308 98%, 1.00473 99%, 1.00622 100%);--theme-change-speed:.3s;--overlay-speed:.65s;--transition-fast:.15s ease;--transition-medium:.25s ease}*,: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%;transition:grid-template-columns .25s cubic-bezier(.16,1,.3,1);display:grid}.app.sidebar-collapsed{grid-template-columns:0 1fr}@media (width<=720px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}}@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 .3em;letter-spacing:-.015em;color:var(--ink);font-family:EB Garamond,Georgia,serif;font-size:1.75em;font-weight:600;line-height:1.2}.rendered-body h1:first-child{margin-top:0}.rendered-body h2{margin:calc(var(--line-height) * 1.5) 0 .2em;letter-spacing:-.01em;font-family:EB Garamond,Georgia,serif;font-size:1.4em;font-weight:600;line-height:1.25}.rendered-body h3{margin:calc(var(--line-height) * 1.25) 0 .1em;letter-spacing:-.005em;font-family:EB Garamond,Georgia,serif;font-size:1.15em;font-weight:600;line-height:1.3}.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:not(.twitter-tweet){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:not(.twitter-tweet) 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:not(.tweet-avatar):not(.embed-favicon){border-radius:var(--radius-md);max-width:100%;margin:var(--line-height) 0;box-shadow:0 1px 8px var(--shadow);display:block}.rendered-body .embed img:not(.tweet-avatar){box-shadow:none;border-radius:0;margin:0}.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);margin:var(--line-height) 0;background:var(--paper-dark);-webkit-tap-highlight-color:transparent;max-width:560px;transition:transform var(--hover-speed,.65s) var(--spring-bouyant), filter var(--hover-speed,.65s) var(--spring-bouyant), border-color .2s ease;will-change:transform, filter;filter:drop-shadow(0 0 #0000);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.embed:hover{filter:drop-shadow(0 12px 32px #00000026);transform:scale(1.025)}.embed-og-image{background-position:50%;background-size:cover;width:100%;display:none}.embed-og-image.has-image{aspect-ratio:1.91;border-bottom:1px solid var(--paper-edge);display:block}.embed-info{flex-direction:column;gap:.15rem;padding:1rem;display:flex}.embed-og-site{color:var(--ink-ghost);align-items:center;gap:.3rem;margin-bottom:.1rem;font-size:.6rem;font-weight:500;line-height:1;display:flex}.embed-favicon{border-radius:3px;flex-shrink:0;width:14px;height:14px}a.embed-og-title{font-family:var(--body-font);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:500;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}a.embed-og-title:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ink-ghost);text-decoration-color:var(--ink-ghost);text-underline-offset:2px}.embed-og-desc{color:var(--ink-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.05rem;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.embed-og-desc:empty{display:none}.embed-twitter{flex-direction:column;gap:0;max-width:480px;padding:1rem 1.1rem}.tweet-header{align-items:center;gap:.6rem;margin-bottom:10px;display:flex}.tweet-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.tweet-author{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.tweet-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden}.tweet-handle{color:var(--ink-faint);font-size:.7rem;line-height:1.2}.tweet-x-logo{width:18px;height:18px;fill:var(--ink-ghost);flex-shrink:0}.tweet-body{color:var(--ink);white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.45}.tweet-link{margin-top:.6rem;text-decoration:none;display:block}.tweet-time{color:var(--ink-ghost);transition:color var(--transition-fast);font-size:.65rem}.tweet-link:hover .tweet-time{color:var(--ink-faint)}.tweet-media{border-radius:var(--radius-md);gap:3px;margin-top:.6rem;display:grid;overflow:hidden}.tweet-media-1{grid-template-columns:1fr}.tweet-media-2,.tweet-media-3{grid-template-columns:1fr 1fr}.tweet-media-3 .tweet-photo:first-child{grid-row:1/3}.tweet-media-4{grid-template-columns:1fr 1fr}.tweet-photo{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.tweet-media-1 .tweet-photo{aspect-ratio:auto;max-height:320px}.tweet-card{border:1px solid var(--paper-edge);border-radius:var(--radius-md);transition:background var(--transition-fast);flex-direction:column;margin-top:.6rem;text-decoration:none;display:flex;overflow:hidden}.tweet-card:hover{background:var(--popover-hover)}.tweet-card-image{aspect-ratio:1.91;object-fit:cover;border-bottom:1px solid var(--paper-edge);width:100%;display:block}.tweet-card-info{flex-direction:column;gap:.1rem;padding:.5rem .65rem;display:flex}.tweet-card-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.tweet-card-desc{color:var(--ink-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tweet-stats{color:var(--ink-ghost);gap:.75rem;margin-top:.5rem;font-size:.65rem;display:flex}.embed-link{max-height:400px}.embed-link .embed-og-image.has-image{aspect-ratio:auto;object-fit:cover;min-height:120px;max-height:280px}.embed[data-og=pending] .embed-og-title{font-family:var(--body-font);color:var(--ink-faint);word-break:break-all;font-size:.7rem;font-weight:400}.embed[data-embed-mode=tile]{flex-direction:row;max-width:560px}.embed[data-embed-mode=tile] .embed-og-image{border-bottom:none;border-right:1px solid var(--paper-edge);flex-shrink:0;width:120px;min-height:90px}.embed[data-embed-mode=tile] .embed-og-image.has-image{aspect-ratio:auto;height:auto}.embed[data-embed-mode=tile] .embed-info{justify-content:center;padding:.7rem .85rem}.embed[data-embed-mode=tile] .embed-og-desc{-webkit-line-clamp:1}.embed[data-embed-mode=text]{border-radius:var(--radius-md);flex-direction:row;align-items:center;max-width:560px}.embed[data-embed-mode=text] .embed-og-image{display:none!important}.embed[data-embed-mode=text] .embed-info{gap:.1rem;padding:1rem}.embed[data-embed-mode=text] .embed-og-desc{display:none}.embed[data-embed-mode=text] .embed-og-title{-webkit-line-clamp:1;font-size:.82rem}.embed-mode-bar{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:2;box-shadow:0 2px 8px var(--shadow);gap:2px;padding:2px;display:flex;position:absolute;bottom:.4rem;right:.4rem}.embed:hover .embed-mode-bar{opacity:1;pointer-events:auto}.embed-mode-btn{border-radius:calc(var(--radius-md) - 2px);width:26px;height:22px;color:var(--ink-ghost);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.embed-mode-btn:hover{color:var(--ink-faint);background:var(--popover-hover)}.embed-mode-btn.active{color:var(--ink);background:var(--popover-active)}.embed-mode-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:12px;height:12px}.embed-mode-sep{background:var(--paper-edge);width:1px;height:14px;margin:0 1px}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.embed-mode-btn.refreshing svg,.embed-refresh-btn.refreshing svg{animation:.8s linear infinite refreshSpin}.embed-refresh-btn{border-radius:var(--radius-sm);background:var(--paper-dark);border:none;border:1px solid var(--paper-edge);width:26px;height:26px;color:var(--ink-ghost);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), color var(--transition-fast);z-index:2;box-shadow:0 2px 6px var(--shadow);justify-content:center;align-items:center;display:flex;position:absolute;top:.4rem;right:.4rem}.embed:hover .embed-refresh-btn{opacity:1;pointer-events:auto}.embed-refresh-btn:hover{color:var(--ink-faint);background:var(--popover-hover)}.embed-refresh-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:12px;height:12px}.embed:not(:has(.embed-og-image.has-image)){max-width:560px}.embed-youtube{cursor:default;border-radius:16px;flex-direction:column;max-width:480px}.embed-yt-player{aspect-ratio:16/9;background:var(--ink);width:100%;position:relative;overflow:hidden}.embed-yt-thumb{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.embed-yt-play{cursor:pointer;-webkit-backdrop-filter:blur(6px);color:#fff;width:42px;height:42px;transition:background var(--transition-fast), transform .4s var(--spring-elegant-easing);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embed-yt-play:hover{background:#000000b3;transform:translate(-50%,-50%)scale(1.12)}.embed-yt-play svg{width:16px;height:16px;margin-left:2px}.embed-yt-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.embed-youtube .embed-info{gap:.15rem;padding:.75rem .9rem .85rem}.embed-youtube .embed-og-site{color:var(--ink-ghost);margin-bottom:.15rem;font-size:.65rem}.embed-youtube .embed-og-title{font-size:.95rem;font-weight:600;line-height:1.3}.embed-youtube .embed-og-desc{color:var(--ink-faint);-webkit-line-clamp:1;margin-top:.05rem;font-size:.75rem}.embed-youtube .embed-og-title:empty,.embed-youtube .embed-og-desc:empty{display:none}.embed-reddit{flex-direction:column;gap:0;max-width:480px;padding:1rem 1.1rem}.reddit-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.reddit-logo{border-radius:50%;flex-shrink:0;width:28px;height:28px}.reddit-meta{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.reddit-subreddit{color:var(--ink);font-size:.8rem;font-weight:600;line-height:1.2}.reddit-author{color:var(--ink-faint);font-size:.65rem;line-height:1.2}a.reddit-title{font-family:var(--body-font);color:var(--ink);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}a.reddit-title:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ink-ghost);text-decoration-color:var(--ink-ghost);text-underline-offset:2px}.reddit-flair{color:var(--accent);background:var(--popover-active);border-radius:var(--radius-sm);margin-top:.3rem;padding:.1rem .4rem;font-size:.6rem;font-weight:500;line-height:1.4;display:inline-block}.reddit-body{color:var(--ink-light);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.reddit-body:empty{display:none}.reddit-footer{border-top:1px solid var(--paper-edge);gap:1rem;margin-top:.6rem;padding-top:.5rem;display:flex}.reddit-stat{color:var(--ink-ghost);transition:color var(--transition-fast);align-items:center;gap:.3rem;font-size:.65rem;text-decoration:none;display:flex}a.reddit-stat:hover{color:var(--ink-faint)}.reddit-stat svg{flex-shrink:0}.embed-spotify{background:#282828;border-radius:16px;max-width:480px;padding:0;overflow:hidden}.embed-spotify iframe{width:100%;transition:filter .3s,opacity .3s;display:block;border-radius:0!important}.embed-spotify[data-spotify-style=themed]{border-color:var(--paper-edge)}.embed-spotify[data-spotify-style=themed] iframe{filter:saturate(.35)contrast(.95);opacity:.85}.embed-spotify[data-spotify-style=mono]{border-color:var(--paper-edge)}.embed-spotify[data-spotify-style=mono] iframe{filter:grayscale()contrast(.9);opacity:.7}.embed-spotify[data-spotify-style=mono]:after{content:"";background:var(--accent);mix-blend-mode:color;pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0}.spotify-toolbar{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:2;background:#000000b3;border:1px solid #ffffff14;align-items:center;gap:2px;padding:3px;transition:opacity .15s;display:flex;position:absolute;bottom:.5rem;right:.5rem}.embed-spotify:hover .spotify-toolbar{opacity:1;pointer-events:auto}.spotify-bar-group{gap:1px;display:flex}.spotify-bar-btn{border-radius:calc(var(--radius-md) - 2px);color:#ffffff73;cursor:pointer;min-width:22px;height:20px;font-family:var(--body-font);letter-spacing:.02em;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:.55rem;font-weight:600;transition:all .12s;display:flex}.spotify-bar-btn:hover{color:#fffc;background:#ffffff14}.spotify-bar-btn.active{color:#1db954;background:#1db9541f}.spotify-bar-btn svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:11px;height:11px}.spotify-toolbar .embed-mode-sep{background:#ffffff1a;width:1px;height:12px;margin:0 2px}.embed-pinterest{background:var(--paper);border-color:var(--paper-edge);border-radius:16px;max-width:520px;padding:0;overflow:hidden}.embed-pinterest:hover{filter:none;transform:none}.pinterest-logo{z-index:3;color:var(--accent);opacity:.7;text-decoration:none;transition:opacity .15s;display:flex;position:absolute;top:.6rem;right:.6rem}.pinterest-logo:hover{opacity:1}.pinterest-logo svg{width:22px;height:22px}.pinterest-widget-wrap{filter:saturate(.5)contrast(.92);mix-blend-mode:luminosity}.embed-pinterest span[data-pin-href],.embed-pinterest a[href*="pinterest.com/"][style*="background-color: rgb(189"],.embed-pinterest span>span:last-child>a[data-pin-log=embed_board_follow]{display:none!important}.embed-pinterest-board{scrollbar-width:thin;scrollbar-color:var(--ink-ghost) transparent;max-height:600px;overflow-y:auto}.embed-pinterest-board::-webkit-scrollbar{width:4px}.embed-pinterest-board::-webkit-scrollbar-track{background:0 0}.embed-pinterest-board::-webkit-scrollbar-thumb{background:var(--ink-ghost);border-radius:2px}.embed-pinterest-pin{max-width:345px}.embed-amazon{max-width:480px}.embed-amazon .embed-amazon-image.has-image{aspect-ratio:1;background-color:#fff;background-repeat:no-repeat;background-size:contain;max-height:300px}.embed-amazon .embed-og-title{-webkit-line-clamp:3;line-clamp:3;font-size:.9rem;font-weight:600}.embed-amazon .embed-og-desc{-webkit-line-clamp:2;line-clamp:2}.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;background:0 0;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;transition:all .15s;display:flex}.width-option:hover{background:var(--popover-hover);border-color:var(--ink-ghost)}.width-option.active{background:var(--popover-active);border-color:var(--accent)}.width-option-preview{justify-content:center;align-items:center;width:100%;height:1.2rem;display:flex}.width-option-bar{background:var(--ink-ghost);border-radius:2px;height:3px;transition:background .15s;display:block}.width-option:hover .width-option-bar{background:var(--ink-faint)}.width-option.active .width-option-bar{background:var(--ink)}.width-option-name{font-family:var(--body-font);color:var(--ink-faint);letter-spacing:.02em;font-size:.55rem;line-height:1}