:root{--bg:#f7f8f5;--paper:#fff;--sidebar:#f0f3ee;--ink:#243c33;--text:#394c43;--muted:#7c8981;--line:#e3e8e1;--green:#226953;--light-green:#e2ece3;--orange:#c7774d;--radius:12px;--shadow:0 4px 20px #2a473308}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button,input,select,textarea{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #71a38b;outline-offset:3px}input,select,textarea{border:1px solid var(--line);border-radius:7px;background:white;color:var(--text);padding:10px 12px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#83a48f}input::placeholder,textarea::placeholder{color:#a0aaa2}button{border:0;background:none;color:inherit}form{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{font-size:32px;letter-spacing:-1px;line-height:1.4;font-weight:650}h2{font-size:17px;line-height:1.5}h3{font-size:18px;line-height:1.6}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-4px}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#89988d;font-weight:600;margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:10px 16px;font-weight:550;line-height:1.6;white-space:nowrap;border:1px solid transparent;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #22695312}.primary:hover{background:#195741}.secondary{background:white;border-color:var(--line);color:#526557}.secondary:hover{background:#f0f4ed}kbd{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;padding:1px 5px;border:1px solid currentColor;border-radius:4px;opacity:.5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:25px;font-weight:700;letter-spacing:3px}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;width:40px;height:44px;border-radius:11px;transform:rotate(-4deg)}.brand-mark .icon{width:24px;height:24px;transform:rotate(4deg)}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:600;line-height:1;color:#778c7d;margin-top:1px}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;z-index:20;background:var(--sidebar);border-right:1px solid var(--line);padding:30px 20px 16px;display:flex;flex-direction:column;overflow-y:auto}.workspace{display:flex;align-items:center;gap:9px;margin:33px 0 20px;font-size:12px;font-weight:550}.workspace-avatar{width:31px;height:31px;border-radius:9px;background:#e1e7dd;display:grid;place-items:center;font-size:12px}.workspace small{display:block;font-size:10px;font-weight:400;color:#98a296;margin-top:2px}.private-indicator{margin-left:auto;color:#9ca697}.private-indicator .icon{width:13px;height:13px}.new-note{justify-content:flex-start;width:100%;font-size:13px}.new-note kbd{margin-left:auto}.main-nav{margin:20px 0 24px;display:grid;gap:5px}.main-nav a,.folder-nav a,.sidebar-bottom>a,.sidebar-bottom button{display:flex;align-items:center;gap:11px;padding:10px;border-radius:6px;font-size:12px;color:#657468}.main-nav a:hover,.folder-nav a:hover,.sidebar-bottom>a:hover,.sidebar-bottom button:hover{background:#e6ece2}.main-nav a.active,.folder-nav a.active{color:var(--green);background:#dfe9dd;font-weight:600}.main-nav a>span,.sidebar-bottom span{margin-left:auto;font-size:11px;color:#8b9a8c}.main-nav .icon,.folder-nav .icon,.sidebar-bottom .icon{width:16px;height:16px}.nav-section-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#899589;letter-spacing:1px;padding:0 9px;margin:0 0 7px}.nav-section-title .icon{width:14px;height:14px}.folder-nav{display:grid;gap:2px;margin-bottom:24px}.folder-nav a{padding-top:7px;padding-bottom:7px;font-size:12px}.folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-nav small{margin-left:auto;color:#9ba598;font-size:10px}.folder-nav a.folder-depth-1{padding-left:23px}.folder-nav a.folder-depth-2{padding-left:33px}.folder-nav a.folder-depth-3,.folder-nav a.folder-depth-4,.folder-nav a.folder-depth-5{padding-left:43px}.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px 25px}.tag{display:inline-block;font-size:10px;color:#748371;background:#eef2eb;border:1px solid #e5ebe1;border-radius:4px;padding:2px 7px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag:hover,.tag.selected{color:var(--green);background:#dde9d9}.sidebar-tags .tag{background:transparent;border-color:#dce4d7}.sidebar-bottom{margin-top:auto;border-top:1px solid #dfe6da;padding-top:12px}.sidebar-bottom button{width:100%}.sidebar-empty{font-size:11px;color:var(--muted);padding:8px}.main-shell{margin-left:246px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fafbf8}.breadcrumb{font-size:11px;color:#748172}.breadcrumb span{padding:0 11px;color:#b2bbae}.privacy-label{color:#879780;font-size:10px;display:flex;align-items:center;gap:7px}.privacy-label .icon{width:12px;height:12px}.content-shell{max-width:1450px;margin:0 auto;padding:40px 42px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading h1{margin:0 0 8px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.page-heading .button{font-size:12px}.heading-dot{color:var(--orange);padding-left:3px}.overview{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:0;margin:0 0 30px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.overview>div{display:flex;flex-direction:column;align-items:flex-start;padding:19px 24px;border-left:1px solid var(--line);position:relative;gap:0}.overview>div:first-child{border:0}.overview .overview-main{background:#edf2e9;display:flex;flex-direction:row;align-items:center;gap:16px;padding:24px}.overview-main>div{display:flex;flex-direction:column}.overview strong{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:500;color:#3d5d44}.overview span:not(.overview-icon):not(.metric-icon){font-size:11px;color:#8a9786;margin-top:6px}.overview-main p{margin:4px 0 0 auto;font-size:10px;color:#8e9f85;line-height:1.9}.overview-icon{background:#dce7d4;width:45px;height:48px;border-radius:10px;display:grid;place-items:center;color:#68865a}.overview-icon .icon{width:25px;height:25px}.metric-icon{position:absolute;right:22px;top:22px;color:#a8b4a2}.metric-icon .icon{width:19px;height:19px}.search-toolbar{display:flex;align-items:center;gap:11px;margin-bottom:26px}.search-input{flex:1;display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:7px;padding:0 14px;max-width:560px}.search-input .icon{width:17px;color:#9aa694}.search-input input{border:0;background:none;padding:11px 0;outline-offset:0;font-size:12px;width:100%}.search-input kbd{color:#99a292;opacity:.7}.sort-label{margin-left:auto;font-size:11px;color:var(--muted)}.search-toolbar select{font-size:11px;padding:11px 12px;color:#6b7866}.search-toolbar .button{font-size:11px;padding:9px 15px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.list-heading h2{font-size:14px;margin:0;font-weight:600}.list-heading h2 span{font-size:10px;color:#91a083;padding:2px 7px;background:#eaf0e4;border-radius:4px;margin-left:9px}.list-heading>.small{font-size:10px;color:#9ca795}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px 0;background:var(--paper);transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:var(--shadow)}.note-card:hover{border-color:#b5c6ac;box-shadow:0 6px 22px #31522e0d;transform:translateY(-2px)}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:15px}.file-icon{width:32px;height:34px;background:#eef1e8;border-radius:7px;display:grid;place-items:center;color:#7e936d}.file-icon .icon{width:18px;height:18px}.card-folder{font-size:10px;color:#8d9985;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.card-top>.icon{width:14px;height:14px}.starred{color:#c18b42;fill:#f5e9c9}.card-title h3{margin:0 0 10px;font-size:15px;font-weight:600;color:#3c503c;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title:after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--radius)}.card-excerpt{font-size:11px;color:#8a9685;line-height:1.9;margin:0 0 18px;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.card-tags a{position:relative;z-index:2}.card-footer{margin-top:auto;border-top:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:#a3ad9c;font-size:9px}.card-footer span{display:flex;align-items:center;gap:5px}.card-footer .icon{width:12px;height:12px}.card-footer a{position:relative;z-index:2}.card-footer a .icon{width:15px;height:15px}.page-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:35px;font-size:9px;color:#a4af9b}.notice{display:flex;align-items:center;gap:10px;border:1px solid #d7e4d5;background:#edf5e9;color:#4b6c48;padding:12px 16px;border-radius:7px;margin-bottom:20px;font-size:12px}.notice.error{background:#fff0eb;border-color:#ebd3c8;color:#9b4935}.notice .icon{width:16px;height:16px}.dismiss{margin-left:auto;font-size:20px;line-height:1;color:inherit}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #d5dece;border-radius:12px;padding:70px 25px;background:#fafcf7}.empty-state>.icon{width:42px;height:42px;color:#a3b496;margin-bottom:15px}.empty-state h3{font-size:18px;font-weight:500}.empty-state p{color:var(--muted);font-size:12px}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:28px;font-size:12px}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.back-link{display:flex;align-items:center;gap:6px;font-size:12px;color:#71816b}.back-link .icon{width:15px;height:15px}.actions{display:flex;align-items:center;gap:8px}.actions .button{font-size:12px;padding:8px 13px}.actions .icon{width:16px;height:16px}.document-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px}.document{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:36px 42px 20px}.document-heading{border-bottom:1px solid var(--line);margin-bottom:30px}.document-heading h1{font-size:29px;overflow-wrap:anywhere;margin-bottom:15px}.document-heading .eyebrow{color:#8a9c7e}.document-meta{font-size:10px;color:#98a28d;display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:17px}.document-meta .icon{width:12px;height:12px}.document-heading .card-tags{margin-bottom:22px}.markdown-body{font-size:14px;line-height:1.9;overflow-wrap:anywhere;color:#4b5b48;min-width:0}.markdown-body>*:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#3b5038;margin-top:1.6em;margin-bottom:.7em;line-height:1.5;scroll-margin-top:24px}.markdown-body h1{font-size:27px}.markdown-body h2{font-size:22px;border-bottom:1px solid #edf0e9;padding-bottom:9px}.markdown-body h3{font-size:18px}.markdown-body h4{font-size:16px}.markdown-body p{margin:1em 0}.markdown-body a{color:#2b7851;text-decoration:underline;text-underline-offset:3px}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;color:#8b6643;background:#f3f1e9;padding:2px 5px;border-radius:4px}.markdown-body pre{position:relative;background:#243d33;color:#d5e1d7;border-radius:8px;padding:22px;overflow:auto;margin:20px 0;font-size:12px;line-height:1.8;tab-size:4;white-space:pre}.markdown-body pre code{color:inherit;background:none;padding:0;white-space:pre}.copy-code{position:absolute;right:9px;top:7px;font-size:10px;background:#3a5146;color:#bdcdbf;border-radius:4px;padding:3px 7px}.copy-code:hover{background:#496656}.markdown-body table{width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto;font-size:12px}.markdown-body th,.markdown-body td{border:1px solid #e1e7db;padding:10px 14px;text-align:left;min-width:80px}.markdown-body th{background:#f0f4eb;color:#526b43}.markdown-body blockquote{margin:20px 0;border-left:3px solid #9cb78b;padding:3px 18px;color:#7d8b73;background:#f4f7ef}.markdown-body ul,.markdown-body ol{padding-left:25px}.markdown-body li{padding-left:3px;margin:5px 0}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:28px 0}.markdown-body img{max-width:100%;border-radius:6px}.document-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:11px}.document-footer .icon{width:14px;height:14px}.text-button{padding:0;font-size:inherit}.danger{color:#b17b6c}.toc-panel{padding:15px 0;position:sticky;top:25px;align-self:start;font-size:11px}.toc-panel .eyebrow{display:block;color:#879578;margin-bottom:15px}.toc ul{list-style:none;padding-left:0;margin:0}.toc ul ul{padding-left:13px}.toc li{margin-bottom:9px;color:#8c9a7f}.toc a:hover{color:var(--green)}.toc-top{display:block;font-size:10px;color:#859778;margin:20px 0}.toc-tip{border-top:1px solid var(--line);padding-top:20px;color:#a2ad97;font-size:10px;line-height:2}.editor-heading{margin-bottom:22px}.editor-heading h1{font-size:27px}.title-input{border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:24px;font-weight:600;width:100%;padding:15px 0 20px;background:none}.editor-metadata{display:flex;gap:25px;padding:20px 0 25px}.editor-metadata>div{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.editor-metadata label{white-space:nowrap;font-size:11px;color:#8c9880}.editor-metadata label .icon{width:14px;height:14px}.editor-metadata select,.editor-metadata input{flex:1;font-size:11px;min-width:0}.editor-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden;min-height:500px}.editor-pane{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.preview-pane{min-width:0}.pane-heading{display:flex;justify-content:space-between;align-items:center;height:48px;background:#f3f6ef;border-bottom:1px solid var(--line);padding:10px 17px;font-size:10px;color:#819673;letter-spacing:.8px}.pane-heading .icon{width:14px;height:14px;margin-right:5px}.pane-heading small{font-size:9px;letter-spacing:0}.format-tools{display:flex;gap:10px;align-items:center}.format-tools button{font-size:11px;padding:2px 4px;letter-spacing:0}.format-tools .icon{margin:0}.editor-pane textarea{resize:vertical;border:0;border-radius:0;width:100%;min-height:500px;flex:1;padding:23px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,"Microsoft YaHei",monospace;color:#586b4e;tab-size:4}.editor-pane textarea:focus-visible{outline-offset:-3px}.preview-pane .markdown-body{padding:24px;font-size:12px;max-height:650px;overflow:auto}.preview-pane .markdown-body h1{font-size:23px}.preview-pane .markdown-body h2{font-size:19px}.editor-status{display:flex;justify-content:space-between;color:#9aa58e;font-size:10px;margin-top:12px}.unsaved{color:#bb8954}.settings-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px;margin-bottom:22px;min-width:0}.settings-card h2{font-size:16px;font-weight:600;margin-bottom:15px}.settings-card h2 .icon{width:18px;height:18px;margin-right:6px;color:#8d9e7d}.settings-card p{font-size:12px;line-height:1.9}.settings-card .button{font-size:12px}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;min-width:0}.inline-form+p{margin:10px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stacked-form{display:flex;flex-direction:column}.stacked-form label{font-size:11px;color:#849278;margin:12px 0 6px}.stacked-form button{align-self:flex-start;margin-top:22px}.folder-list>div{display:flex;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #edf0e8}.folder-list a{flex:1;word-break:break-word;font-size:12px}.folder-list a .icon{width:16px;height:16px;margin-right:6px;color:#8fa07c}.folder-list span{font-size:11px;color:#97a38b;white-space:nowrap}.icon-button{color:#a4ae98}.icon-button .icon{width:15px;height:15px}.history-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.history-list{padding:12px;height:fit-content}.history-list a{display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:6px;font-size:12px}.history-list a.selected,.history-list a:hover{background:#eef4e9}.history-list span,.history-list small{font-size:10px;color:#97a38a}.history-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.history-heading h2{margin:0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2e4b38;color:white;border:1px solid #486648;padding:12px 20px;border-radius:8px;z-index:100;font-size:12px;box-shadow:0 8px 30px #16322225}.mobile-menu{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{background:#eaf0e5;padding:45px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;right:-100px;bottom:-170px;width:450px;height:450px;border:1px solid #dce5d2;border-radius:50%;box-shadow:0 0 0 60px #e3ebdc,0 0 0 61px #dce5d2;pointer-events:none}.login-story .brand{position:relative;z-index:1}.login-copy{margin:auto 0;padding:65px 0;position:relative;z-index:1}.login-copy .eyebrow{color:#8a9f7c;font-size:9px}.login-copy h1{font-size:42px;line-height:1.55;font-weight:550;margin:22px 0;color:#2e4c34;letter-spacing:1px}.login-copy h1>span{color:#b78357}.login-copy>p{font-size:13px;color:#85977b;line-height:2.1;margin:24px 0 32px}.terminal-card{background:#2d4635;border:1px solid #3b5341;border-radius:10px;box-shadow:0 16px 40px #2d46351a;max-width:430px;transform:rotate(-1deg);overflow:hidden}.terminal-card>div{padding:13px 17px;background:#293f30;display:flex;gap:6px;align-items:center}.terminal-card i{width:7px;height:7px;border-radius:50%;background:#b88266}.terminal-card i:nth-child(2){background:#b0a06b}.terminal-card i:nth-child(3){background:#7e9b72}.terminal-card>div span{font-size:9px;color:#81977a;margin-left:10px;font-family:monospace}.terminal-card pre{font:11px/2.1 ui-monospace,Consolas,monospace;color:#b6c7a9;padding:12px 23px 20px;white-space:pre-wrap}.terminal-card pre span{color:#d5af71}.terminal-card pre b{font-weight:400;color:#b1c79c}.login-story footer{font-size:10px;letter-spacing:4px;color:#94a687;position:relative;z-index:1}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 45px;background:#fbfcf8}.login-form{width:100%;max-width:330px}.login-form .eyebrow{color:#9aa78d;font-size:9px}.login-form h2{font-size:27px;font-weight:550;letter-spacing:0;margin:13px 0 8px}.login-form>.muted{font-size:12px;margin-bottom:35px}.login-form label{display:block;font-size:11px;color:#75866a;margin-bottom:8px}.login-form input{width:100%;background:white;font-size:13px;padding:13px 15px;margin-bottom:22px}.login-form>.button{width:100%;margin-top:5px;font-size:12px;padding:12px}.login-form>.button .icon{margin-left:auto;width:17px}.login-footnote{text-align:center;margin-top:27px;font-size:10px;color:#a1ad96}.login-footnote .icon{width:11px;height:11px;margin-right:5px}
@media(min-width:1600px){.content-shell{padding-top:48px}.note-grid{gap:24px}.note-card{padding:26px 26px 0}.card-title h3{font-size:17px}.card-excerpt{font-size:12px}}
@media(max-width:1200px){.sidebar{width:220px;padding:25px 15px 15px}.main-shell{margin-left:220px}.content-shell{padding:30px}.topbar{padding:0 30px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:1.3fr 1fr 1fr 1fr}.overview-main p{display:none}.overview>div{padding:18px}.overview .overview-main{padding:18px}.metric-icon{right:15px;top:18px}.document-layout{grid-template-columns:minmax(0,1fr) 145px;gap:20px}.document{padding:28px}.login-story{padding:40px}.login-copy h1{font-size:36px}}
@media(max-width:950px){.overview-icon{display:none}.overview strong{font-size:26px}.metric-icon{display:none}.document-layout{display:flex;flex-direction:column}.toc-panel{position:static;order:-1;padding:16px 20px;border:1px solid var(--line);border-radius:8px}.toc-panel .toc{max-height:150px;overflow:auto}.toc-panel .toc-top,.toc-panel .toc-tip{display:none}.toc-panel .eyebrow{margin-bottom:10px}.toc li{margin-bottom:4px}.toc ul ul{display:none}.editor-workspace{grid-template-columns:1fr}.editor-pane{border-right:0}.editor-pane textarea{min-height:350px}.preview-pane{border-top:1px solid var(--line)}.preview-pane .markdown-body{min-height:220px;max-height:450px}.editor-metadata{flex-direction:column;gap:12px}.settings-grid{grid-template-columns:1fr}.history-layout{grid-template-columns:180px minmax(0,1fr)}.login-story{padding:32px}.login-copy h1{font-size:32px}.login-form-wrap{padding:35px}}
@media(max-width:720px){.mobile-menu{display:flex;align-items:center;justify-content:center;position:fixed;top:15px;left:15px;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#f7faf4;z-index:31;color:#6c805c}.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px;padding-top:64px;box-shadow:10px 0 30px #243b351a}.nav-open .sidebar{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:64px;padding:0 20px 0 62px}.privacy-label{font-size:9px}.content-shell{padding:27px 20px 20px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;line-height:1.9}.page-heading>.button{font-size:11px;padding:8px 10px;margin-top:20px}.page-heading>.button .icon{width:14px;height:14px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.overview{margin-bottom:24px;grid-template-columns:1.3fr 1fr 1fr 1fr}.overview>div,.overview .overview-main{padding:15px 12px}.overview strong{font-size:25px}.overview span:not(.overview-icon):not(.metric-icon){font-size:9px}.search-toolbar{gap:8px;flex-wrap:wrap}.search-input{flex-basis:100%;max-width:none}.sort-label{margin-left:0}.search-toolbar .button{margin-left:auto}.search-toolbar select{padding:8px 10px}.list-heading>.small{font-size:9px}.note-grid{gap:12px}.note-card{padding:17px 17px 0}.card-title h3{font-size:14px}.card-excerpt{font-size:11px}.card-folder{font-size:9px}.card-footer{font-size:8px}.card-footer .icon{width:10px;height:10px}.card-tags{gap:4px}.tag{font-size:9px;padding:2px 5px}.page-footer{font-size:8px}.document-toolbar{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}.document{padding:23px 20px}.document-heading h1{font-size:24px}.document-meta{gap:10px;font-size:9px}.markdown-body{font-size:13px}.markdown-body h2{font-size:19px}.document-footer{gap:15px;flex-wrap:wrap;font-size:10px}.editor-heading{flex-direction:column;align-items:stretch}.editor-heading .actions{align-self:flex-end}.editor-heading h1{font-size:26px}.title-input{font-size:21px}.editor-status{font-size:8px;gap:12px}.pane-heading{padding:10px 12px}.editor-pane textarea,.preview-pane .markdown-body{padding:17px}.settings-card{padding:20px}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%}.history-layout{grid-template-columns:1fr}.history-list{display:flex;gap:8px;overflow:auto}.history-list a{min-width:145px}.history-heading{flex-wrap:wrap}.login-page{grid-template-columns:1fr}.login-story{padding:27px 30px}.login-copy{padding:36px 0 10px}.login-copy h1{font-size:29px;margin:12px 0}.login-copy>p{font-size:11px;margin:14px 0}.terminal-card,.login-story footer,.login-story:after{display:none}.login-story .brand{font-size:22px}.login-form-wrap{padding:40px 30px 60px}.login-form{max-width:400px}.login-form h2{font-size:24px}.login-form>.muted{margin-bottom:25px}}
@media(max-width:440px){.note-grid{grid-template-columns:1fr}.note-card{padding:21px 22px 0}.card-title h3{font-size:16px}.card-excerpt{font-size:12px}.card-folder{font-size:10px}.card-footer{font-size:10px}.tag{font-size:10px}.page-heading{flex-wrap:wrap}.page-heading>.button{margin-top:0}.overview>div,.overview .overview-main{padding:14px 10px}.overview span:not(.overview-icon):not(.metric-icon){font-size:8px}.overview strong{font-size:24px}.privacy-label{display:none}.page-footer span:last-child{display:none}.editor-heading .actions{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}