:root{--paper:#fbfaf7;--white:#fff;--ink:#273830;--muted:#839088;--green:#236b59;--green-light:#e9f0e9;--line:#e8eae4;--danger:#b34842;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button,a,label[for]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a3c7ba;outline-offset:3px}[hidden]{display:none!important}a{color:var(--green);text-decoration:none}button{border:0;background:none;color:inherit}.brand{display:flex;align-items:center;gap:11px;font-size:32px;font-family:var(--serif);color:var(--green);font-weight:bold}.brand>span{color:var(--ink);font-size:28px;font-weight:normal}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}.primary{border-radius:7px;background:var(--green);color:#fff;padding:13px 18px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .15s}.primary:hover{background:#195343}.text-button{padding:4px 0;color:var(--green);font-weight:550}.muted{color:var(--muted)}.danger{color:var(--danger)}.error{color:var(--danger);font-size:13px;min-height:16px}.icon-button{width:34px;height:34px;border-radius:6px;font-size:21px;display:inline-flex;align-items:center;justify-content:center;color:#6b7b72}.icon-button:hover{background:var(--green-light);color:var(--green)}.icon-button.selected{background:var(--green-light);color:var(--green)}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:48px 9%;background:#f0f2e9;display:flex;flex-direction:column;justify-content:space-between;gap:48px}.auth-story h1{font:normal clamp(44px,5vw,72px)/1.09 var(--serif);letter-spacing:-2px;margin:25px 0}.auth-story h1 em{font-weight:normal;color:var(--green)}.auth-story>div>p{max-width:360px;font-size:16px;line-height:1.8;color:#6d7e72}.auth-story>small{color:#899587}.story-note{margin-top:40px;padding:24px;background:#fffdf8;border:1px solid #e8e9dc;border-radius:3px;transform:rotate(-2deg);max-width:390px;box-shadow:0 6px 20px #27383007}.story-note>span{font-size:11px;color:#b48a43}.story-note p{font:18px/1.5 var(--serif)}.story-note small{font-size:9px;letter-spacing:2px;color:#a0a498}.auth-panel{display:flex;justify-content:center;align-items:center;padding:50px 30px;background:var(--paper)}.auth-panel form{width:100%;max-width:370px}.auth-panel h2{font:normal 38px var(--serif);letter-spacing:-1px;margin:18px 0 10px}.auth-panel form>p.muted{line-height:1.6;margin-bottom:35px}.auth-panel label{display:block;font-size:12px;font-weight:600;margin:20px 0}.auth-panel input{display:block;width:100%;margin-top:9px;border:1px solid #dfe4dc;border-radius:6px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}.auth-panel input:focus{border-color:var(--green)}.auth-panel .primary{width:100%;justify-content:space-between;margin-top:20px}.auth-switch{margin-top:24px;color:#77857b;font-size:13px}.auth-footnote{font-size:11px;color:#99a198;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.workspace{height:100dvh;display:grid;grid-template-columns:220px 340px minmax(0,1fr);overflow:hidden}.sidebar{background:#f0f2eb;border-right:1px solid var(--line);padding:29px 19px 0;display:flex;flex-direction:column;overflow:auto}.sidebar .brand{padding-left:8px}.new-note{margin:30px 0 30px;justify-content:flex-start;padding-left:18px}.new-note span{font-size:21px}.sidebar-label{padding-left:13px;margin-bottom:15px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;padding:11px 13px;border-radius:6px;color:#768477;text-align:left;font-size:13px;margin:2px 0;min-height:39px}.nav-item>span:first-child{width:17px;font-size:18px;text-align:center}.nav-item.active{background:#dfe9de;color:var(--green);font-weight:600}.nav-item:hover{background:#e6ebe1}.nav-item small{margin-left:auto;font-size:11px}.section-label{display:flex;align-items:center;justify-content:space-between;margin:27px 13px 9px}.section-label .icon-button{width:20px;height:20px;font-size:18px}#tags .nav-item,#folders .nav-item{font-size:12px;padding-top:8px;padding-bottom:8px}.sidebar-bottom{margin-top:auto;padding-top:35px}.account{display:flex;align-items:center;gap:10px;border-top:1px solid #dce2d6;padding:20px 0;margin-top:12px}.avatar{width:31px;height:31px;flex-shrink:0;background:#e1d9be;color:#7e714a;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:16px}.account-details{min-width:0;flex:1}.account-details strong{display:block;font-size:11px;font-weight:600}.account-details small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#899287;margin-top:4px}.account .icon-button{width:24px;font-size:19px}.list-pane{display:flex;flex-direction:column;background:#fbfcf8;border-right:1px solid var(--line);min-width:0}.list-header{padding:35px 24px 0}.heading-row{display:flex;align-items:center;gap:8px}.heading-row h1{font:normal 34px var(--serif);letter-spacing:-1px;margin:13px 0 26px}.heading-row h1 span{color:var(--green)}.search{display:flex;align-items:center;background:#f1f3ed;border:1px solid #e5e9df;border-radius:6px;padding:8px 11px;gap:8px}.search>span{font-size:23px;color:#929d90}.search input{width:100%;min-width:0;background:none;border:0;outline:0;font-size:12px;padding:4px 0;color:var(--ink)}.search input::placeholder{color:#98a192}.search kbd{padding:1px 5px;color:#a0aa9c;border:1px solid #d9dfd1;border-radius:3px;font-size:10px}.list-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#99a292;margin:24px 0 15px}.list-meta>span:first-child{letter-spacing:0;font-size:11px}.note-list{overflow:auto;flex:1;padding:0 13px 20px}.note-card{display:block;text-align:left;width:100%;padding:20px 15px;border-bottom:1px solid var(--line);border-radius:5px}.note-card.selected{background:#eaf1e8;border-color:transparent}.note-card:hover{background:#f0f4ec}.note-card h3{font:normal 18px var(--serif);margin:0 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card p{color:#8a9488;font-size:12px;line-height:1.6;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.card-meta{font-size:10px;color:#9aa492;display:flex;justify-content:space-between}.card-meta span:last-child{color:var(--green)}.list-footer{padding:16px 24px;border-top:1px solid var(--line);font-size:10px;color:#9ca694;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#9bb294}.no-notes{padding:40px 15px;text-align:center;color:#9aa492;font-size:13px;line-height:1.8}.editor-pane{background:var(--paper);min-width:0;overflow:hidden}.empty-editor{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-mark{font-size:56px;color:#b4c3a9;margin-bottom:28px;transform:rotate(-7deg)}.empty-editor h2{font:normal 36px/1.2 var(--serif);letter-spacing:-.8px;margin:19px 0}.empty-editor p{font-size:13px;line-height:1.9;color:#929e8c;margin-bottom:25px}.empty-editor small{font-size:8px;letter-spacing:1.3px;color:#b0b8a5;margin-top:40px}.editor{height:100%;display:flex;flex-direction:column}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 29px;gap:8px}.toolbar-left{display:flex;gap:10px;align-items:center}#save-status{font-size:11px;color:#8ea083}#save-status::before{content:'●';font-size:7px;margin-right:6px}#save-status.saving{color:#b08d43}#save-status.conflict{color:var(--danger)}.toolbar-actions{display:flex;gap:5px}.editor-content{padding:41px clamp(24px,5vw,80px) 25px;overflow:auto;flex:1;display:flex;flex-direction:column}.note-title{width:100%;font:normal 38px var(--serif);letter-spacing:-1px;border:0;background:none;color:var(--ink);outline:0;padding:0}.note-title::placeholder{color:#b0b8aa}.note-details{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:10px;color:#a0ab97}.note-details select{border:0;background:none;color:#8d9d82;font-size:10px;max-width:200px;outline:none}.tag-input{display:flex;align-items:center;gap:8px;margin-bottom:28px;color:#91a47e}.tag-input input{border:0;background:none;outline:0;font-size:11px;width:100%;color:#7e956e}.tag-input input::placeholder{color:#b1bba8}.mode-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:23px}.mode-switch{display:flex;gap:3px}.mode-switch button{font-size:11px;padding:6px 12px;border-radius:4px;color:#9ba78f}.mode-switch button.active{background:#eaf0e3;color:#526e42}#word-count{font-size:10px;color:#aab39f}#note-body{width:100%;min-height:300px;flex:1;resize:vertical;background:none;border:0;outline:0;line-height:1.85;color:#516047;font-size:14px;padding:0}#note-body::placeholder{color:#b4bdaa}.markdown{line-height:1.85;font-size:15px;color:#52614a;word-break:break-word;min-height:280px}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-family:var(--serif);font-weight:normal;color:var(--ink);line-height:1.4}.markdown h1{font-size:32px}.markdown h2{font-size:27px}.markdown h3{font-size:22px}.markdown p{margin:0 0 16px}.markdown blockquote{margin:16px 0;border-left:3px solid #bfd0b3;padding:4px 20px;color:#839775;background:#f0f4e9}.markdown pre{white-space:pre-wrap;background:#eef1e9;padding:16px;border-radius:6px;font-size:12px}.markdown code{background:#eef1e9;padding:2px 4px;border-radius:3px;font-size:12px}.markdown pre code{padding:0}.markdown a{text-decoration:underline}.markdown ul,.markdown ol{padding-left:24px}.markdown hr{border:0;border-top:1px solid var(--line);margin:24px 0}.editor-footer{display:flex;justify-content:space-between;padding:16px 29px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.5px;color:#a5b197}.attachments{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.attachment-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.attachment-heading label{cursor:pointer;font-size:11px}.attachment-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px}.attachment-row a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-row small{font-size:10px;color:var(--muted)}.attachments>small{font-size:10px}.banner{padding:12px 24px;display:flex;align-items:center;gap:14px;background:#eeeadd;font-size:11px;flex-wrap:wrap}.banner>span{flex:1}.banner.warning{background:#f9eadb;color:#865f3b}.banner button{font-size:11px}.shared-page{max-width:800px;margin:0 auto;padding:48px 32px}.shared-page>.brand{margin-bottom:70px}.shared-page>h1{font:normal 44px var(--serif);margin:20px 0 40px;word-break:break-word}.shared-page .shared-cta{display:block;margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.shared-page>small{display:block;margin-top:30px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--paper);color:var(--ink);width:min(540px,90vw);max-height:80dvh;box-shadow:0 20px 90px #1b30272b}dialog::backdrop{background:#1b302750;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-header h2{font:normal 28px var(--serif);margin:0 0 20px}.modal-header .icon-button{align-self:flex-start}#modal-content p{font-size:13px;line-height:1.8;color:#84917a}#modal-content input{width:100%;padding:12px;margin:12px 0;border:1px solid #d9e0d0;border-radius:5px;background:white;color:var(--ink)}#modal-content code{display:block;padding:18px;background:#e7edde;border-radius:5px;word-break:break-all;font-size:14px;user-select:all}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.history-entry{border-bottom:1px solid var(--line);padding:16px 0}.history-entry>button{float:right}.history-entry strong{display:block;font-size:13px}.history-entry p{max-height:120px;overflow:auto;white-space:pre-wrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#263b2b;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 5px 20px #263b2b26;max-width:90vw;font-size:13px}.mobile-only{display:none}#empty-trash{padding:17px;border-top:1px solid var(--line);font-size:11px}
@media(min-width:1500px){.workspace{grid-template-columns:240px 390px minmax(0,1fr)}.editor-content{padding-left:90px;padding-right:90px}}@media(max-width:1000px){.workspace{grid-template-columns:180px 280px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.list-header{padding-left:18px;padding-right:18px}.editor-content{padding:32px 25px}.editor-toolbar{padding:15px}.note-title{font-size:31px}.toolbar-actions{gap:0}.icon-button{width:30px}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story>div,.auth-story>small{display:none}.auth-panel{padding:45px 25px}.workspace{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:230px;z-index:30;box-shadow:20px 0 70px #22382b30;transform:translateX(-110%);transition:transform .18s}.workspace.menu-open .sidebar{transform:translateX(0)}.list-pane{height:100dvh;width:100%}.list-header{padding:26px 22px 0}.heading-row h1{margin-bottom:20px;font-size:36px}.heading-row>div{flex:1}.heading-row>.icon-button{margin-top:9px}.mobile-only{display:inline-flex}.editor-pane{display:none;height:100dvh}.workspace.editing .list-pane{display:none}.workspace.editing .editor-pane{display:block}.editor-content{padding:30px 24px 24px}.editor-toolbar{padding:14px 16px}.editor-toolbar .icon-button{width:31px}.note-title{font-size:33px}.empty-editor h2{font-size:30px}#note-body{min-height:350px}.shared-page{padding:30px 24px}.shared-page>h1{font-size:35px}.shared-page>.brand{margin-bottom:45px}.note-card{padding:22px 15px}}