@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{color:#242b26;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f9faf7;--paper:#fff;--side:#f4f6f1;--text:#242b26;--muted:#829087;--muted-strong:#647269;--line:#e6ebe4;--hover:#edf1eb;--accent:#467a62;--accent-hover:#37694f;--accent-tint:#f1f7f2;--on-accent:#fff;--accent-fill:var(--accent);--accent-fill-ink:var(--on-accent);--accent-text:var(--accent);--accent-soft:var(--accent-tint);--accent-ring:var(--accent);--danger:#b65e56;--shadow:0 24px 70px #203b2a14;background:#f9faf7;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-accent=blue]{--accent:#426f9c;--accent-hover:#335e86;--accent-tint:#f0f5fa}:root[data-accent=plum]{--accent:#80678e;--accent-hover:#6b537a;--accent-tint:#f9f5fb}:root[data-accent=coral]{--accent:#985145;--accent-hover:#824338;--accent-tint:#f7e9e4}:root[data-accent=gold]{--accent:#795b29;--accent-hover:#664b20;--accent-tint:#f5eddc}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191d1b;--paper:#202522;--side:#1c211e;--text:#e9eee9;--muted:#849187;--muted-strong:#a4b0a6;--line:#303a32;--hover:#2a332c;--accent:#8bc2a1;--accent-hover:#a5d7b6;--accent-tint:#284535;--on-accent:#17201b;--danger:#eb9188;--shadow:0 24px 70px #00000038}:root[data-theme=dark][data-accent=blue]{--accent:#93b8dc;--accent-hover:#afd0ed;--accent-tint:#2a3c50}:root[data-theme=dark][data-accent=plum]{--accent:#c3a2d2;--accent-hover:#d5b9e1;--accent-tint:#3b2d45}:root[data-theme=dark][data-accent=coral]{--accent:#e3a195;--accent-hover:#f2b8ad;--accent-tint:#4a312d}:root[data-theme=dark][data-accent=gold]{--accent:#d9b677;--accent-hover:#edce95;--accent-tint:#443a2a}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191d1b;--paper:#202522;--side:#1c211e;--text:#e9eee9;--muted:#849187;--muted-strong:#a4b0a6;--line:#303a32;--hover:#2a332c;--accent:#8bc2a1;--accent-hover:#a5d7b6;--accent-tint:#284535;--on-accent:#17201b;--danger:#eb9188;--shadow:0 24px 70px #00000038}:root[data-theme=system][data-accent=blue]{--accent:#93b8dc;--accent-hover:#afd0ed;--accent-tint:#2a3c50}:root[data-theme=system][data-accent=plum]{--accent:#c3a2d2;--accent-hover:#d5b9e1;--accent-tint:#3b2d45}:root[data-theme=system][data-accent=coral]{--accent:#e3a195;--accent-hover:#f2b8ad;--accent-tint:#4a312d}:root[data-theme=system][data-accent=gold]{--accent:#d9b677;--accent-hover:#edce95;--accent-tint:#443a2a}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.57}button:focus-visible,input:focus-visible,[contenteditable=true]:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}::selection{background:var(--accent-tint)}.brand{letter-spacing:.18em;color:var(--text);white-space:nowrap;align-items:center;gap:13px;font-size:19px;font-weight:700;display:inline-flex}.brand-compact{gap:10px;font-size:17px}.brand-mark{background:var(--accent-fill);border-radius:11px;place-items:center;width:34px;height:34px;display:inline-grid;transform:rotate(-8deg)}.brand-mark span{border-left:2px solid var(--accent-fill-ink);border-bottom:2px solid var(--accent-fill-ink);border-radius:0 0 0 2px;width:14px;height:17px;display:block;transform:rotate(8deg)}.brand-compact .brand-mark{border-radius:10px;width:31px;height:31px}.eyebrow{color:var(--accent-text);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.primary-button,.secondary-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-weight:700;transition:background .18s,transform .18s,border-color .18s;display:inline-flex}.primary-button{background:var(--accent-fill);color:var(--accent-fill-ink)}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.secondary-button{background:var(--paper);color:var(--text);border-color:var(--line)}.secondary-button:hover:not(:disabled){background:var(--hover)}.icon-button{color:var(--muted-strong);background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:var(--hover);color:var(--text)}.text-button{color:var(--accent-text);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-page{background:var(--paper);grid-template-columns:minmax(360px,48%) 1fr;min-height:100vh;display:grid}.auth-aside{background:var(--side);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,74px);display:flex;position:relative;overflow:hidden}.auth-aside:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);width:480px;height:480px;box-shadow:0 0 0 75px color-mix(in srgb, var(--accent) 4%, transparent), 0 0 0 175px color-mix(in srgb, var(--accent) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;bottom:-190px;right:-170px}.auth-aside-copy{z-index:1;max-width:520px;margin-top:-8vh;position:relative}.auth-aside h1,.empty-workspace h1{letter-spacing:-.035em;margin:22px 0;font-family:DM Serif Display,Georgia,serif;font-size:clamp(52px,5vw,80px);font-weight:400;line-height:1.04}.auth-aside-copy p{color:var(--muted-strong);max-width:370px;font-size:18px;line-height:1.7}.auth-aside-foot{color:var(--muted);letter-spacing:.06em;z-index:1;font-size:12px;position:relative}.auth-main{place-items:center;padding:60px 30px;display:grid}.auth-mobile-brand{display:none}.auth-card{width:min(100%,390px)}.auth-card h2{letter-spacing:-.025em;margin:15px 0 9px;font-family:DM Serif Display,Georgia,serif;font-size:43px;font-weight:400}.auth-card>p{color:var(--muted-strong);margin:0 0 37px;line-height:1.6}.auth-card form{gap:20px;display:grid}.auth-card label{gap:9px;font-size:13px;font-weight:700;display:grid}.auth-card input,.link-form input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--text);border-radius:9px;outline:none;padding:13px 14px;font-size:14px}.auth-card input:focus,.link-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.auth-card input::placeholder{color:var(--muted)}.auth-submit{justify-content:space-between;width:100%;margin-top:8px}.auth-switch{text-align:center;font-size:13px;margin:29px 0 0!important}.auth-switch button{color:var(--accent-text);background:0 0;border:0;padding:0 0 0 4px;font-weight:700}.form-error,.inline-error{color:var(--danger);align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.45;display:flex}.loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;display:flex}.loading-screen p{color:var(--muted-strong);margin:0;font-size:13px}.loading-dot{border:2px solid var(--accent-tint);border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:var(--paper);grid-template-columns:310px minmax(0,1fr);height:100vh;min-height:520px;display:grid;overflow:hidden}.sidebar{background:var(--side);border-right:1px solid var(--line);z-index:5;flex-direction:column;min-height:0;display:flex}.sidebar-top{justify-content:space-between;align-items:center;padding:29px 24px 23px;display:flex}.brand-button{background:0 0;border:0;padding:0}.sidebar-close{display:none}.sidebar-actions{padding:10px 18px 26px}.new-note{background:var(--accent-fill);width:100%;color:var(--accent-fill-ink);box-shadow:0 7px 15px color-mix(in srgb, var(--accent-fill) 20%, transparent);border:0;border-radius:10px;align-items:center;gap:11px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.new-note:hover:not(:disabled){background:var(--accent-hover)}.sidebar-actions .inline-error{margin-top:9px}.sidebar-section{padding:0 12px}.sidebar-section-label,.note-list-heading{color:var(--muted);letter-spacing:.14em;padding:0 13px;font-size:10px;font-weight:700}.nav-item{width:100%;color:var(--muted-strong);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;margin-top:11px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.nav-item.active,.nav-item:hover{background:var(--accent-soft);color:var(--accent-text)}.nav-item-symbol{text-align:center;width:18px;height:18px;font-size:21px;font-weight:400;line-height:16px}.sidebar-divider{border-top:1px solid var(--line);margin:23px 24px 22px}.sidebar-search{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:9px;align-items:center;gap:8px;min-height:39px;margin:0 18px 25px;padding:0 11px;display:flex}.sidebar-search:focus-within{border-color:var(--accent)}.sidebar-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.sidebar-search input::placeholder{color:var(--muted)}.sidebar-search kbd{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:4px;padding:2px 4px;font-size:10px}.note-list-region{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.note-list-heading{justify-content:space-between;padding:0 25px 12px;display:flex}.note-list{gap:3px;padding:0 10px 16px;display:grid}.note-row{text-align:left;background:0 0;border:0;border-radius:10px;gap:5px;width:100%;min-width:0;padding:14px 16px 15px;display:grid;position:relative}.note-row:hover{background:var(--hover)}.note-row.selected{background:var(--accent-tint)}.note-row.selected:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;height:28px;position:absolute;top:calc(50% - 14px);left:0}.note-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.note-row-preview{color:var(--muted-strong);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.note-row-date{color:var(--muted);margin-top:3px;font-size:10px}.list-empty{color:var(--muted);text-align:center;padding:27px 24px;font-size:12px}.list-empty-mark{color:var(--accent);font-family:Georgia,serif;font-size:35px}.list-message{color:var(--muted);padding:6px 25px;font-size:12px}.load-more{border:1px solid var(--line);width:calc(100% - 32px);color:var(--muted-strong);background:0 0;border-radius:8px;margin:0 16px 22px;padding:9px;font-size:12px;font-weight:700}.load-more:hover{background:var(--hover)}.sidebar-bottom{border-top:1px solid var(--line);gap:16px;padding:16px 18px 24px;display:grid}.settings-link{color:var(--muted-strong);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.settings-link:hover,.settings-link.active{background:var(--accent-soft);color:var(--accent-text)}.sidebar-foot{color:var(--muted);padding:0 10px;font-family:DM Serif Display,Georgia,serif;font-size:13px}.main-panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.mobile-topbar,.mobile-scrim{display:none}.empty-workspace{text-align:center;background:var(--paper);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 12vh;display:flex}.empty-workspace h1{max-width:500px;margin:17px 0 9px;font-size:clamp(38px,3.7vw,56px)}.empty-workspace p{color:var(--muted-strong);margin:0 0 28px;font-size:15px}.empty-illustration{width:210px;height:180px;margin-bottom:28px;position:relative}.paper{background:var(--paper);border:1px solid var(--line);width:122px;height:152px;box-shadow:var(--shadow);border-radius:8px;position:absolute;top:12px;left:43px}.paper-back{background:var(--accent-tint);transform:rotate(-13deg)translate(-17px,4px)}.paper-front{flex-direction:column;gap:9px;padding:35px 23px;display:flex;transform:rotate(7deg)}.paper-front i{background:var(--line);border-radius:3px;height:5px}.paper-front i:first-child{background:var(--accent);width:50%}.paper-front i:nth-child(3){width:80%}.paper-front i:last-child{width:65%}.panel-message{color:var(--muted-strong);text-align:center;margin:auto;padding:30px}.panel-message h2{color:var(--text);font-family:DM Serif Display,Georgia,serif;font-size:32px;font-weight:400}.note-view{flex-direction:column;height:100%;min-height:0;display:flex}.note-header{border-bottom:1px solid var(--line);flex:0 0 72px;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 clamp(25px,4.3vw,65px);display:flex}.note-breadcrumb{color:var(--muted);align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:600;display:flex}.breadcrumb-divider{color:var(--line)}.breadcrumb-current{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.note-header-actions{align-items:center;gap:20px;display:flex}.save-status{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.status-conflict,.status-error,.delete-button:hover{color:var(--danger)}.editor-scroll{flex:1;min-height:0;overflow-y:auto}.editor-column{width:min(760px,100% - 64px);margin:0 auto;padding:73px 0 100px}.note-meta{margin-bottom:24px}.note-date{color:var(--muted);letter-spacing:.03em;font-size:11px;font-weight:600}.title-input{width:100%;color:var(--text);letter-spacing:-.035em;background:0 0;border:0;outline:0;padding:0;font-family:DM Serif Display,Georgia,serif;font-size:clamp(38px,4.2vw,58px);line-height:1.15;display:block}.title-input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.format-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:3px;margin:38px 0 22px;padding:8px 0;display:flex}.format-toolbar button{min-width:32px;height:31px;color:var(--muted-strong);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.format-toolbar button:hover,.format-toolbar button.active{background:var(--accent-soft);color:var(--accent-text)}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 8px}.small-two{align-self:end;padding-bottom:5px;font-size:10px}.editor-surface{min-height:48vh;color:var(--text);overflow-wrap:anywhere;outline:0;padding:4px 0 80px;font-size:16px;line-height:1.78}.editor-surface p{margin:.6em 0}.editor-surface h1,.editor-surface h2,.editor-surface h3{letter-spacing:-.02em;margin:1.1em 0 .4em;font-family:DM Serif Display,Georgia,serif;font-weight:400;line-height:1.22}.editor-surface h1{font-size:34px}.editor-surface h2{font-size:27px}.editor-surface h3{font-size:22px}.editor-surface blockquote{border-left:3px solid var(--accent);color:var(--muted-strong);margin:1.2em 0;padding-left:20px}.editor-surface ul,.editor-surface ol{padding-left:26px}.editor-surface li p{margin:.2em 0}.editor-surface a{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.editor-surface code{background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:1px 4px;font-size:.88em}.editor-surface.ProseMirror-focused{outline:0}.editor-surface>p:first-child:empty:before{content:"Start writing…";color:var(--muted);pointer-events:none;float:left;height:0}.link-form{align-items:center;gap:8px;padding:0 0 16px;display:flex}.link-form .secondary-button{padding:11px 15px}.editor-notice{background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:6px;gap:12px;padding:16px;font-size:13px;line-height:1.5;display:flex}.editor-notice strong{margin-bottom:4px;display:block}.editor-notice p{color:var(--muted-strong);margin:0 0 9px}.settings-view{height:100%;overflow-y:auto}.settings-column{width:min(730px,100% - 64px);margin:0 auto;padding:72px 0 100px}.settings-column h1{letter-spacing:-.03em;margin:14px 0 8px;font-family:DM Serif Display,Georgia,serif;font-size:54px;font-weight:400}.settings-intro{color:var(--muted-strong);margin:0 0 48px;font-size:15px}.settings-section{border-top:1px solid var(--line);gap:29px;padding:30px 0 40px;display:grid}.settings-section h2{margin:0 0 6px;font-size:17px}.settings-section p{color:var(--muted-strong);margin:0;font-size:13px;line-height:1.5}.setting-group{gap:13px;display:grid}.setting-group>label{font-size:12px;font-weight:700}.choice-row,.accent-row{flex-wrap:wrap;gap:10px;display:flex}.theme-choice{border:1px solid var(--line);background:var(--paper);width:110px;color:var(--muted-strong);border-radius:9px;justify-items:center;gap:9px;padding:17px 10px;font-size:12px;font-weight:600;display:grid}.theme-choice:hover,.theme-choice.chosen{color:var(--accent-text);border-color:var(--accent-ring);background:var(--accent-soft)}.accent-choice{border:1px solid var(--line);background:var(--paper);color:var(--muted-strong);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.accent-choice:hover,.accent-choice.chosen{border-color:var(--accent);color:var(--text)}.accent-dot{border-radius:50%;width:18px;height:18px;display:block}.accent-sage{background:#467a62}.accent-blue{background:#426f9c}.accent-plum{background:#80678e}.accent-coral{background:#b96d5e}.accent-gold{background:#a88040}.account-section .secondary-button{justify-self:start}@media (width<=760px){.auth-page{min-height:100dvh;display:block}.auth-aside{display:none}.auth-main{flex-direction:column;justify-content:center;min-height:100dvh;padding:32px 25px 60px;display:flex}.auth-mobile-brand{align-self:flex-start;margin-bottom:62px;display:block}.auth-card{align-self:stretch;width:min(100%,420px);margin:0 auto}.auth-card h2{font-size:39px}.app-shell{height:100dvh;min-height:0;display:block}.sidebar{width:min(85vw,320px);box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-101%)}.sidebar-open .sidebar{transform:translate(0)}.sidebar-close{display:inline-grid}.app-shell:not(.has-detail) .sidebar{width:100%;height:100dvh;box-shadow:none;border-right:0;position:relative;transform:none}.app-shell:not(.has-detail) .sidebar-close,.app-shell:not(.has-detail) .main-panel{display:none}.mobile-scrim{pointer-events:none;z-index:4;opacity:0;background:#0d1b135c;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-open .mobile-scrim{pointer-events:auto;opacity:1}.main-panel{height:100dvh}.mobile-topbar{border-bottom:1px solid var(--line);background:var(--paper);flex:0 0 60px;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.mobile-topbar .brand{font-size:15px}.mobile-topbar .brand-mark{width:27px;height:27px}.empty-workspace{padding:15px 27px 11vh}.empty-workspace h1{font-size:40px}.empty-illustration{margin-bottom:4px;transform:scale(.8)}.note-header{flex-basis:52px;height:52px;padding:0 20px}.note-breadcrumb{font-size:11px}.note-breadcrumb>span:first-child,.breadcrumb-divider{display:none}.breadcrumb-current{max-width:140px}.note-header-actions{gap:5px}.save-status{font-size:10px}.editor-column{width:calc(100% - 44px);padding:37px 0 80px}.title-input{font-size:40px}.format-toolbar{margin:29px 0 16px;overflow-x:auto}.format-toolbar button{flex:0 0 32px}.editor-surface{min-height:52vh;font-size:16px}.settings-column{width:calc(100% - 44px);padding:40px 0 80px}.settings-column h1{font-size:44px}}@media (width>=761px) and (width<=1040px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar-search kbd{display:none}.editor-column{width:calc(100% - 56px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}