@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{--radius:8px;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8efe9;--ink-soft:#b7c4bb;--muted:#839288;--paper:#0d1210;--panel:#161c19;--panel-strong:#1c2420;--panel-soft:#161c19e6;--topbar-bg:#0d1210d1;--line:#2a342f;--accent:#3d8f6b;--accent-deep:#8fd0b0;--accent-soft:#3d8f6b2e;--danger:#f0a0a0;--danger-soft:#9b2c2c47;--shadow:0 18px 40px #00000059;--focus-ring:#8fd0b038;--btn-primary-fg:#07120d;--input-focus-bg:#202926;--code-bg:#0a0f0d;--code-fg:#d7ebe1;--hover-border:#8fd0b066;--page-bg:radial-gradient(circle at top left, #3d8f6b29, transparent 32%), radial-gradient(circle at 90% 0%, #8fd0b014, transparent 26%), linear-gradient(180deg, #101612 0%, var(--paper) 48%, #0b0f0d 100%);color:var(--ink);background:var(--page-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15231c;--ink-soft:#3d4f45;--muted:#6a7a70;--paper:#f3f6f2;--panel:#fff;--panel-strong:#fbfcfb;--panel-soft:#ffffffdb;--topbar-bg:#ffffffc7;--line:#d5ddd6;--accent:#1f6b4a;--accent-deep:#145238;--accent-soft:#d8ebe1;--danger:#9b2c2c;--danger-soft:#f8e4e4;--shadow:0 18px 40px #15231c14;--focus-ring:#1f6b4a26;--btn-primary-fg:#fff;--input-focus-bg:#fff;--code-bg:#18251f;--code-fg:#e8f2ec;--hover-border:#1f6b4a59;--page-bg:radial-gradient(circle at top left, #1f6b4a1f, transparent 34%), radial-gradient(circle at 85% 10%, #15231c0f, transparent 28%), linear-gradient(180deg, #eef3ef 0%, var(--paper) 45%, #e7eee9 100%)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}.brand-lockup{align-items:center;gap:.55rem;display:inline-flex}.brand-icon{border-radius:8px;flex-shrink:0;box-shadow:0 0 0 1px #3d8f6b59}.brand-text{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;font-weight:700}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{margin:0}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand,.brand-mark{color:var(--ink)}.brand:hover,.brand:hover .brand-text{color:var(--accent-deep)}.topbar-actions{align-items:center;gap:.75rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .14s,background .14s,border-color .14s,color .14s;display:inline-flex}.theme-toggle:hover{border-color:var(--hover-border);color:var(--accent-deep);background:var(--accent-soft);transform:translateY(-1px)}.theme-toggle-icon,.theme-toggle svg{width:18px;height:18px;color:inherit;fill:currentColor;display:block}.user-chip{color:var(--muted);font-size:.875rem}.page{width:min(1080px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.auth-screen{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid;position:relative}.auth-theme{position:absolute;top:1rem;right:1rem}.auth-panel{background:var(--panel-soft);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);width:min(440px,100%);box-shadow:var(--shadow);padding:2rem;animation:.42s both rise}.auth-panel h1{margin-top:.85rem;font-size:clamp(2rem,4vw,2.5rem)}.lede{color:var(--ink-soft);margin-top:.55rem;line-height:1.55}.stack-form{gap:1rem;margin-top:1.5rem;display:grid}.stack-form label,.title-field{color:var(--ink-soft);flex-direction:column;gap:.45rem;font-size:.92rem;font-weight:600;display:flex}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);border-radius:12px;padding:.8rem .95rem;transition:border-color .16s,box-shadow .16s,background .16s}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border-color:var(--accent);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--focus-ring);outline:none}textarea{resize:vertical;min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.55}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.15rem;font-weight:600;transition:transform .14s,background .14s,border-color .14s,color .14s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--btn-primary-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);color:var(--btn-primary-fg)}html[data-theme=light] .btn-primary:hover:not(:disabled){color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent-deep);border-color:#3d8f6b59}.btn-ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.btn-danger{background:var(--danger-soft);color:var(--danger)}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:12px;padding:.75rem .9rem}.auth-switch{color:var(--muted);margin-top:1.25rem}.section-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.section-head>div:first-child{flex:1;min-width:0}.section-head h1{overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;font-size:clamp(2rem,4vw,2.75rem)}.back-link{color:var(--muted);margin-bottom:.65rem;font-size:.92rem;font-weight:600;display:inline-block}.action-row{flex-wrap:wrap;gap:.65rem;display:flex}.muted{color:var(--muted)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel-soft);text-align:center;justify-items:center;gap:.75rem;padding:2.5rem 1.5rem;animation:.42s both rise;display:grid}.note-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.note-grid li{min-width:0;animation:.36s both rise}.note-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--panel-soft);height:100%;min-height:180px;color:inherit;flex-direction:column;gap:.7rem;padding:1.2rem 1.2rem 1rem;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.note-card-accent{background:linear-gradient(180deg, var(--accent), var(--accent-deep));opacity:.85;width:3px;position:absolute;inset:0 auto 0 0}.note-card:hover{border-color:var(--hover-border);box-shadow:var(--shadow);color:inherit;background:var(--panel);transform:translateY(-3px)}.note-title{font-family:var(--font-display);overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:1.25rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.note-preview{color:var(--ink-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.95rem;line-height:1.55;display:-webkit-box;overflow:hidden}.note-meta{color:var(--muted);margin-top:auto;font-size:.82rem}.note-view,.editor{animation:.42s both rise}.note-prose{border-radius:var(--radius);background:var(--panel-soft);border:1px solid var(--line);box-shadow:var(--shadow);margin-top:.5rem;padding:1.5rem}.editor-form{gap:1rem;display:grid}.pane-label{color:var(--ink-soft);margin-bottom:.45rem;font-size:.92rem;font-weight:600;display:block}.editor-input{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;flex-direction:column;min-height:380px;display:flex;overflow:hidden}.editor-input:focus-within{border-color:var(--accent);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--focus-ring)}.md-toolbar{border-bottom:1px solid var(--line);background:var(--panel);border-radius:0;flex-wrap:wrap;gap:.35rem;padding:.5rem .55rem;display:flex}.editor-input textarea{min-height:320px;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1}.editor-input textarea:focus{box-shadow:none;background:0 0;border:none}.md-tool{color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;padding:.4rem .7rem;font-size:.85rem;font-weight:600;line-height:1;transition:background .14s,border-color .14s,color .14s}.md-tool:hover{background:var(--accent-soft);color:var(--accent-deep);border-color:#3d8f6b59}.md-tool:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.md-tool-bold{font-weight:800}.md-tool-italic{font-style:italic}.split-editor{grid-template-columns:1fr 1fr;gap:1rem;min-height:420px;display:grid}.editor-pane{grid-template-rows:auto 1fr;min-width:0;display:grid}.preview-pane .md-body{height:100%;min-height:380px}.preview-pane{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;padding:.85rem}.preview-pane .md-body{padding:.5rem .35rem;overflow:auto}.md-body{color:var(--ink);line-height:1.7}.md-body>:first-child{margin-top:0}.md-body h1,.md-body h2,.md-body h3{overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:1.4rem 0 .6rem}.md-body h1{font-size:clamp(1.75rem,3.5vw,2.35rem)}.md-body p,.md-body ul,.md-body ol,.md-body pre,.md-body blockquote{margin:.75rem 0}.md-body ul,.md-body ol{padding-left:1.4rem}.md-body li+li{margin-top:.25rem}.md-body li>ul,.md-body li>ol{margin:.35rem 0 .15rem}.md-body li:has(>input[type=checkbox]){align-items:flex-start;gap:.55rem;margin-left:-1.4rem;padding-left:0;list-style:none;display:flex}.md-body input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:default;border-radius:4px;flex-shrink:0;margin:.35rem 0 0;padding:0}.md-body code{background:var(--accent-soft);border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.md-body pre{background:var(--code-bg);color:var(--code-fg);border:1px solid var(--line);border-radius:12px;padding:1rem;overflow:auto}.md-body pre code{color:inherit;background:0 0;padding:0}.md-body blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);padding-left:.9rem}.md-body a{text-underline-offset:2px;text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.section-head{flex-direction:column}.split-editor,.note-grid{grid-template-columns:1fr}}@media (width<=560px){.page{width:min(100% - 1.25rem,1080px);padding-top:1.25rem}.topbar{padding:.9rem 1rem}.auth-panel{padding:1.4rem}}