:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#24342f;background:#fafbf9;font-synthesis:none;--green:#1d6254;--ink:#20382f;--muted:#85908a;--line:#e4e9e3;--soft:#f1f4ef}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button{border:0;background:none}a{color:var(--green)}input,select{border:1px solid #dce2da;border-radius:7px;background:#fff;color:inherit;padding:11px 12px;outline:none}input:focus,select:focus{border-color:#458c78;box-shadow:0 0 0 3px #2e816412}button:focus-visible,a:focus-visible{outline:2px solid #458c78;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.95)}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px;line-height:1.8}.error{color:#ad493b;font-size:13px;min-height:16px}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.button{padding:9px 14px;border:1px solid var(--line);border-radius:7px;font-size:13px;white-space:nowrap}.button.primary{border-color:var(--green)}.subtle{background:#fff}.icon-button{width:30px;height:30px;border-radius:6px;font-size:18px;color:#7a8980;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#e9eee7}.icon-button.active{color:var(--green);background:#dfeae0}kbd{font-family:inherit;font-size:10px;border:1px solid #dce3d9;border-radius:4px;padding:2px 4px;color:#899288}.brand-mark{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#e5efde;color:#245d46;font-size:37px;font-weight:800;border-radius:18px;position:relative;letter-spacing:-5px;padding-right:8px}.brand-mark span{position:absolute;font-size:17px;right:11px;top:8px;letter-spacing:0}.brand-mark.small{width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;font-size:23px;letter-spacing:-3px;padding-right:5px}.brand-mark.small span{font-size:10px;right:5px;top:4px}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:#164f46;color:#e9f2e7;padding:9vh 12%;position:relative;overflow:hidden;display:flex;align-items:flex-start;flex-direction:column}.login-intro:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff0b;border-radius:50%;right:-230px;bottom:30px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02}.eyebrow{letter-spacing:3px;font-size:10px;margin-top:70px;color:#b4c9b9}.login-intro h1{font-size:clamp(40px,4.8vw,68px);font-weight:500;letter-spacing:-2px;line-height:1.3;margin:20px 0 24px}.login-intro>p:not(.eyebrow){font-size:15px;color:#b8cec1;line-height:2}.login-tags{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 90px;font-size:11px}.login-tags span{border:1px solid #ffffff27;border-radius:30px;padding:7px 12px}.login-footer{margin-top:auto;font-size:9px;letter-spacing:2px;color:#a2beb0;display:flex;justify-content:space-between;width:100%}.login-footer span{letter-spacing:1px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-panel form{width:340px;max-width:100%}.mini-brand{font-weight:600;font-size:15px;color:var(--green);margin-bottom:48px}.login-panel h2{font-size:29px;font-weight:550;letter-spacing:-.8px;margin:0 0 12px}.login-panel .muted{margin-bottom:32px}label{display:block;font-size:12px;font-weight:500;margin-bottom:9px}.login-panel input{width:100%;margin-bottom:21px;padding:13px}.login-submit{width:100%;padding:13px 16px;border-radius:7px;display:flex;justify-content:space-between;font-size:13px}.login-note{text-align:center;font-size:11px;color:#929c94;margin-top:23px}.app{display:flex;height:100dvh;overflow:hidden}.sidebar{width:274px;min-width:274px;background:#f2f5ef;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:17px;font-weight:650;padding:29px 23px 32px;color:#203e31}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:1.6px;margin-top:4px;color:#87958a}.workspace-field{padding:0 18px 20px}.workspace-field label{font-size:10px;color:#8a978c;letter-spacing:1px}.workspace-field select{width:100%;padding:10px;font-size:12px;background:#fbfcfa;cursor:pointer}.workspace-path{font-family:monospace;color:#929d91;font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box{display:flex;align-items:center;gap:7px;margin:0 18px 22px;padding:0 9px;border:1px solid #dfe6dc;background:#f9fbf7;border-radius:7px}.search-box>span{font-size:23px;color:#82967f}.search-box input{width:100%;min-width:0;background:none;padding:10px 0;border:0;border-radius:0;font-size:11px;box-shadow:none}.search-box kbd{border:0}.explorer-title{display:flex;align-items:center;justify-content:space-between;padding:0 18px 8px;color:#849080;font-size:10px;letter-spacing:1px}.directory-path{font-size:11px;color:#6c7d69;padding:0 17px 8px;overflow-wrap:anywhere}.file-list{overflow:auto;flex:1;padding:0 10px 12px;scrollbar-width:thin}.file-row{width:100%;padding:9px 10px;display:flex;text-align:left;align-items:center;gap:9px;border-radius:6px;font-size:12px;min-height:35px}.file-row:hover{background:#e9eee4}.file-row.active{background:#dde9db;color:#26563d;font-weight:600}.file-symbol{width:22px;min-width:22px;color:#789079;font-size:12px;text-align:center}.file-symbol.folder{color:#99a981;font-size:17px}.file-row .file-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-row .file-label small{display:block;font-weight:400;font-size:10px;color:#9aa492;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:3px}.file-row .arrow{color:#a0aa98;font-size:15px}.file-actions{padding:14px 10px;border-top:1px solid var(--line);display:flex;gap:2px}.file-actions button{font-size:10px;padding:7px;border:1px solid #dce4d7;border-radius:5px;background:#fafcf8;flex:1;white-space:nowrap}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:#82937e}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5f9563;margin-right:7px}.main{min-width:0;flex:1;display:flex;flex-direction:column;background:#fff}.topbar{height:69px;min-height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);gap:12px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#9ca79e;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.breadcrumbs button{font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding:2px}.breadcrumbs .current{color:#405844}.topbar-right{display:flex;gap:22px;align-items:center}.private-badge{font-size:10px;color:#8c9a8b;white-space:nowrap}.avatar{background:#e7ede1;border:1px solid #dce4d5;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5b7653;font-size:11px}.menu-toggle{display:none}.welcome{padding:clamp(35px,7vh,80px) clamp(30px,6vw,100px);max-width:1100px;width:100%;overflow:auto}.welcome-overline{font-size:10px;letter-spacing:1.5px;color:#839380;display:flex;align-items:center}.welcome h1{font-weight:500;font-size:36px;letter-spacing:-1px;margin:23px 0 14px}.welcome-description{font-size:13px;line-height:1.9;color:#879282;margin:0 0 38px}.welcome-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.welcome-cards button{border:1px solid var(--line);background:#fafcf8;border-radius:10px;text-align:left;padding:23px;position:relative}.card-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e8efdf;border-radius:9px;font-size:21px;color:#6d8359;margin-bottom:19px}.welcome-cards strong{display:block;font-size:14px;font-weight:550;margin-bottom:8px}.welcome-cards button>span:not(.card-icon){color:#8e9a86;font-size:11px}.welcome-cards b{position:absolute;right:22px;top:24px;color:#99a891;font-weight:400}.recent-section{margin-top:42px}.section-label{font-size:11px;color:#5e7557;display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.section-label>span{font-size:8px;letter-spacing:1.5px;color:#a5b09e}.recent-row{width:100%;display:flex;align-items:center;gap:14px;padding:17px 2px;border-bottom:1px solid #eff2ec;text-align:left;font-size:12px}.recent-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row small{font-size:10px;color:#9aa493;margin-right:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{font-size:12px;color:#95a08e;padding:24px 10px;line-height:1.8;text-align:center}.welcome-footnote{font-size:10px;color:#9aa692;margin-top:40px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.welcome-footnote>span{margin:0 8px}.document{flex:1;min-height:0;display:flex;flex-direction:column}.document-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 30px}.document-name{display:flex;align-items:center;gap:14px;min-width:0}.document-name>div{min-width:0}.document-icon{display:flex;align-items:center;justify-content:center;min-width:39px;height:43px;border:1px solid #dce7d8;background:#f1f6ec;border-radius:8px;color:#65824f;font-size:15px;font-weight:550}.document-name h1{font-size:19px;margin:0 0 6px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-name p{font-size:10px;color:#97a18f;margin:0}.document-actions{display:flex;gap:8px}.document-actions kbd{margin-left:10px;border-color:#ffffff35;color:#c7dcd0}.document-toolbar{display:flex;align-items:center;gap:15px;padding:10px 30px;border-top:1px solid #f0f3ed;border-bottom:1px solid var(--line)}.view-switch{display:flex;padding:3px;background:#f0f3ed;border-radius:6px;gap:2px}.view-switch button{padding:5px 15px;font-size:11px;color:#87927d;border-radius:4px}.view-switch button.active{background:#fff;color:#3b6347;box-shadow:0 1px 3px #213a2514}.save-state{font-size:10px;color:#8d9c84;margin-left:auto}.save-state.dirty{color:#a68034}.text-button{font-size:10px;color:#7d8d75;padding:5px 0}.document-body{flex:1;display:flex;min-height:0;overflow:hidden}.editor-pane,.preview-pane{width:50%;min-width:0;display:flex;flex-direction:column}.editor-pane{border-right:1px solid var(--line);background:#fcfdfb}.pane-label{height:34px;min-height:34px;padding:11px 22px 8px;font-size:9px;letter-spacing:.6px;display:flex;justify-content:space-between;color:#97a18e;border-bottom:1px solid #f0f3ed}.pane-label span{font-size:8px;color:#b2bbab;letter-spacing:1px}#editor{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%;font-size:13px}.cm-scroller{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace!important;line-height:1.85!important}.cm-gutters{background:#f8faf5!important;border-right:none!important;color:#b3bfaa!important}.cm-content{padding:16px 0!important}.cm-line,.cm-gutterElement{padding-left:12px!important}.cm-activeLine,.cm-activeLineGutter{background:#edf3e65c!important}.cm-focused{outline:none!important}.cm-selectionBackground{background:#dcead5!important}.cm-cursor{border-left-color:#337255!important}.cm-panels{background:#f1f5ed!important;border-color:#dfe6d7!important;color:#49633e}.cm-search,.cm-search input{font-size:12px}.markdown-body{padding:28px 32px 60px;overflow:auto;line-height:1.9;font-size:14px;color:#42503e;overflow-wrap:anywhere;flex:1}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-weight:600;line-height:1.5;color:#2f482e;margin:28px 0 15px}.markdown-body h1{font-size:27px;border-bottom:1px solid #e8ede3;padding-bottom:16px}.markdown-body h2{font-size:21px}.markdown-body h3{font-size:17px}.markdown-body>:first-child{margin-top:0}.markdown-body p{margin:12px 0 18px}.markdown-body a{color:#2b795e;text-decoration-thickness:1px;text-underline-offset:3px}.markdown-body img{max-width:100%;border-radius:6px}.markdown-body pre{background:#f4f6f1;border:1px solid #e4e9df;padding:17px;border-radius:7px;overflow:auto;line-height:1.65;white-space:pre;overflow-wrap:normal;font-size:12px}.markdown-body code{font-family:Consolas,monospace;font-size:.88em;background:#f0f4eb;border-radius:4px;padding:2px 5px;color:#517146}.markdown-body pre code{padding:0;background:none;color:#52664a;font-size:inherit}.markdown-body blockquote{margin:20px 0;padding:1px 18px;border-left:3px solid #7c9c6a;background:#f5f8f0;color:#738568}.markdown-body ul,.markdown-body ol{padding-left:25px}.markdown-body li{padding:2px 0}.markdown-body table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;font-size:12px}.markdown-body th,.markdown-body td{border:1px solid #e1e8db;padding:9px 13px}.markdown-body th{background:#f1f5ea;font-weight:600}.markdown-body hr{border:0;border-top:1px solid #e4ebde;margin:28px 0}.mode-edit .editor-pane,.mode-preview .preview-pane{width:100%}.mode-edit .preview-pane,.mode-preview .editor-pane{display:none}.file-viewer{flex:1;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;overflow:auto;padding:35px;background:#fafcf8;color:#89977e;font-size:13px}.file-viewer img{max-width:100%;max-height:100%;object-fit:contain}.statusbar{min-height:28px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);font-size:9px;padding:0 22px;color:#9ba790;background:#fafcf7}.statusbar>span:last-child{margin-left:auto}.conflict-banner{background:#fff8e6;color:#9d722c;font-size:12px;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.conflict-banner button{background:#f4e8c7;border-radius:4px;padding:6px 10px;font-size:11px;white-space:nowrap}dialog{width:470px;max-width:calc(100vw - 30px);border:1px solid #dce4d4;border-radius:12px;padding:25px;box-shadow:0 20px 100px #20371b20;color:#344e2e}dialog::backdrop{background:#14221e55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading h2{font-size:18px;font-weight:550;margin:0}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.history-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.history-row>span:first-child{flex:1}.history-row small{color:var(--muted)}.history-row a{font-size:11px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#254e3e;color:#f1f7ec;padding:12px 19px;font-size:12px;border-radius:8px;box-shadow:0 5px 30px #18331820;max-width:calc(100vw - 30px);z-index:100;line-height:1.8}.toast.error-toast{background:#8e4d38}.loading{opacity:.5;pointer-events:none}@media(min-width:1600px){.sidebar{width:300px;min-width:300px}.markdown-body{padding:38px 55px}.welcome{padding-top:95px}.welcome h1{font-size:43px}}@media(max-width:1100px){.sidebar{width:237px;min-width:237px}.document-heading{padding:18px 20px}.document-actions{gap:5px}.document-actions kbd{display:none}.document-actions .button{padding:8px 10px}.markdown-body{padding:23px}.document-name h1{font-size:16px}.document-toolbar{padding:10px 20px}.topbar{padding:0 20px}.welcome{padding:45px 30px}.welcome h1{font-size:30px}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100dvh;padding:32px}.sidebar{position:fixed;top:60px;bottom:0;left:0;width:280px;z-index:30;box-shadow:8px 0 30px #17331a15;display:none}.sidebar.open{display:flex}.menu-toggle{display:inline-flex}.topbar{height:60px;min-height:60px;padding:0 14px}.topbar-right{gap:8px}.private-badge{display:none}.breadcrumbs{flex:1}.welcome{padding:37px 23px}.welcome h1{font-size:28px}.welcome-cards{gap:10px}.welcome-cards button{padding:18px 14px}.welcome-cards strong{font-size:12px}.welcome-cards button>span:not(.card-icon){font-size:10px}.welcome-footnote{line-height:2}.document-heading{padding:17px 14px;gap:9px;flex-wrap:wrap;min-height:82px}.document-name{gap:8px;max-width:100%;flex:1}.document-icon{min-width:30px;height:36px;font-size:12px}.document-name h1{font-size:14px;max-width:calc(100vw - 218px)}.document-name p{font-size:9px}.document-actions{gap:4px}.document-actions .button{padding:8px;font-size:11px}.document-actions .subtle span{display:none}.document-toolbar{padding:8px 13px;gap:8px}.view-switch button{padding:5px 9px;font-size:10px}.save-state,.text-button{font-size:9px}.pane-label{padding:10px 14px}.mode-split{flex-direction:column}.mode-split .editor-pane,.mode-split .preview-pane{width:100%;height:50%;min-height:0}.mode-split .editor-pane{border-right:0;border-bottom:1px solid var(--line)}.markdown-body{padding:20px;font-size:13px}.markdown-body h1{font-size:23px}.statusbar{padding:0 13px;gap:12px;font-size:8px}.recent-row small{max-width:80px}.conflict-banner{padding:10px 14px;font-size:10px}}#password-form input{margin-bottom:18px}.password-field{position:relative}.login-panel .password-field input{padding-right:84px}.password-field button{position:absolute;top:0;right:7px;height:44px;padding:0 8px;font-size:12px;color:var(--green)}