:root{--canvas:#fffaf0;--canvas-subtle:#fdf2de;--canvas-raised:#fff;--fg:#2b2013;--fg-muted:#8a7a63;--line:#ecdfc7;--accent:#b45309;--accent-hover:#92400e;--accent-fg:#fffaf0;--danger:#b91c1c;--danger-bg:#fef2f2;--shadow:0 1px 2px #2b20130d, 0 6px 16px #2b20130f;--font-sans:"Segoe UI", system-ui, Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#1a1410;--canvas-subtle:#241c14;--canvas-raised:#251d15;--fg:#f5ead9;--fg-muted:#b3a488;--line:#3a2f22;--accent:#fb923c;--accent-hover:#fdba74;--accent-fg:#1a1410;--danger:#f87171;--danger-bg:#2a1414;--shadow:0 1px 2px #00000059, 0 6px 18px #00000059}}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--fg);background:var(--canvas);margin:0}a{color:inherit}.page{max-width:920px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.btn{border:1px solid var(--line);background:var(--canvas-subtle);color:var(--fg);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:hover{border-color:var(--line)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.field{border:1px solid var(--line);background:var(--canvas);color:var(--fg);border-radius:.35rem;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.site-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;max-width:920px;height:3.75rem;margin:0 auto;padding:0 1.25rem;display:flex}.brand-group{align-items:center;gap:.6rem;min-width:0;display:flex}.brand{color:var(--fg);align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-meta{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:none;overflow:hidden}@media (width>=480px){.brand-meta{display:inline}}.brand-icon{background:var(--accent);width:2.1rem;height:2.1rem;color:var(--accent-fg);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.brand-name{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.header-nav{align-items:center;gap:.75rem;display:flex}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--line);background:var(--canvas-subtle);width:2.25rem;height:2.25rem;color:var(--fg-muted);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.user-menu-trigger:hover{border-color:var(--accent);color:var(--fg)}.user-menu-panel{z-index:60;border:1px solid var(--line);background:var(--canvas-raised);width:15rem;box-shadow:var(--shadow);border-radius:.6rem;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.user-menu-header{border-bottom:1px solid var(--line);padding:.65rem .85rem}.user-menu-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.user-menu-email{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.user-menu-item{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem .85rem;font-family:inherit;font-size:.875rem;display:flex}.user-menu-item:hover{background:var(--canvas-subtle)}.banner{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--canvas-subtle);border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1.1rem;display:flex}.banner p{margin:0}.note-preview{border:1px dashed var(--line);border-left:3px solid var(--line);background:var(--canvas-subtle);border-radius:.5rem;width:100%;max-width:22rem;padding:1.1rem}.note-preview h3{margin:0 0 .5rem;font-size:1.05rem}.note-preview p{color:var(--fg-muted);margin:0 0 .75rem;font-size:.875rem}.note-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.1rem;display:grid}.note-card{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--canvas-raised);text-align:left;width:100%;color:var(--fg);cursor:pointer;font:inherit;border-radius:.5rem;padding:1.1rem;transition:box-shadow .15s,border-color .15s;display:block}.note-card:hover{box-shadow:var(--shadow);border-color:var(--accent)}.note-card-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.note-card-title a{color:var(--fg);text-decoration:none}.note-card-title a:hover{text-decoration:underline}.note-card-clip{max-height:24rem;position:relative;overflow:hidden}.note-card-fade{pointer-events:none;inset-inline:0;background:linear-gradient(to bottom, transparent, var(--canvas-raised));height:3rem;position:absolute;bottom:0}.note-card-meta{color:var(--fg-muted);gap:.65rem;margin-top:.75rem;font-size:.75rem;display:flex}.feed-status{text-align:center;color:var(--fg-muted);padding:1.5rem 0}.suggest-list{z-index:10;border:1px solid var(--line);background:var(--canvas-raised);max-width:16rem;box-shadow:var(--shadow);border-radius:.4rem;margin-top:.25rem;padding:.25rem;list-style:none;position:absolute}.suggest-list button{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.4rem .5rem;font-family:inherit;font-size:.875rem;display:block}.suggest-list button:hover{background:var(--canvas-subtle)}.editor-title{border:1px solid var(--line);background:var(--canvas);width:100%;color:var(--fg);border-radius:.5rem;outline:none;margin-bottom:1rem;padding:.6rem .85rem;font-size:1.5rem;font-weight:700;display:block}.editor-title:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.editor-tabs{gap:.4rem;margin-bottom:.6rem;display:flex}.editor-textarea-wrap{position:relative}.editor-textarea{resize:vertical;border:1px solid var(--line);background:var(--canvas);width:100%;color:var(--fg);font-family:var(--font-mono);border-radius:.5rem;outline:none;padding:.85rem;font-size:.875rem;line-height:1.5;display:block}.editor-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.editor-actions{align-items:center;gap:.6rem;margin-top:1rem;display:flex}.save-status{color:var(--fg-muted);align-items:center;gap:.35rem;font-size:.875rem;display:inline-flex}.public-pill{background:var(--canvas-subtle);color:var(--fg-muted);border-radius:.3rem;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.8rem;display:inline-block}.dialog-overlay{z-index:100;background:#2b201373;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--canvas-raised);width:100%;max-width:30rem;max-height:90vh;box-shadow:var(--shadow);border-radius:.6rem;padding:1.5rem;overflow-y:auto}.dialog h2{margin:0 0 1rem;font-size:1.3rem}.dialog section{margin-bottom:1.25rem}.dialog h3{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.share-search-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex;position:relative}.share-search-row .field{flex:1;min-width:10rem}.share-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.share-row{align-items:center;gap:.65rem;padding:.35rem 0;display:flex}.share-row-name{flex:1}.share-row-permission{color:var(--fg-muted);font-size:.875rem}.public-link-row{gap:.5rem;display:flex}.public-link-row .field{flex:1}.markdown-view{font-size:.95rem;line-height:1.65}.markdown-view>:first-child{margin-top:0}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin:1.4rem 0 .5rem;font-weight:700}.markdown-view h1{font-size:1.5rem}.markdown-view h2{font-size:1.25rem}.markdown-view h3{font-size:1.1rem}.markdown-view p,.markdown-view ul,.markdown-view ol,.markdown-view blockquote,.markdown-view pre{margin:.75rem 0}.markdown-view ul{padding-left:1.5rem;list-style:outside}.markdown-view ol{padding-left:1.5rem;list-style:decimal}.markdown-view a{color:var(--accent);text-decoration:underline}.markdown-view code{background:var(--canvas-subtle);font-family:var(--font-mono);border-radius:.25rem;padding:.1rem .3rem;font-size:.85em}.markdown-view pre{border:1px solid var(--line);background:var(--canvas-subtle);border-radius:.5rem;padding:.75rem;overflow-x:auto}.markdown-view pre code{background:0 0;padding:0}.markdown-view blockquote{border-left:3px solid var(--accent);color:var(--fg-muted);padding-left:.75rem}.markdown-view li:has(>input[type=checkbox]:first-child){list-style:none}.markdown-view li>input[type=checkbox]:first-child{vertical-align:-.125em;width:.9rem;height:.9rem;accent-color:var(--accent);margin-right:.5rem}.markdown-view li>input[type=checkbox]:first-child:not(:disabled){cursor:pointer}.markdown-view--card{font-size:.875rem;line-height:1.5}.markdown-view--card h1,.markdown-view--card h2,.markdown-view--card h3{margin:.75rem 0 .25rem;font-size:.9rem}.markdown-view--card p,.markdown-view--card ul,.markdown-view--card ol,.markdown-view--card blockquote,.markdown-view--card pre{margin:.4rem 0}.text-danger{color:var(--danger)}.public-note-title{margin:0 0 1rem;font-size:2rem}.preview-row{justify-content:center;padding:1.5rem 0;display:flex}.signin-prompt{margin-bottom:1rem}