:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242927;background:#f8f9f7;font-synthesis:none;text-rendering:optimizeLegibility;--muted: #78817b;--line: #e7eae6;--green: #27765d;--green-soft: #eaf4ef}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}#app{min-height:100vh;--in-layout-background-color: #f8f9f7;--in-layout-content-padding: 0;--in-icon-color-inverse: #263d34;--in-sidebar-background-color: #f1f3f0;--in-sidebar-border-color: var(--line);--in-sidebar-header-background-color: #263d34;--in-sidebar-width: 280px;--in-sidebar-width-collapsed: 64px;--in-topbar-background-color: rgba(255, 255, 255, .7);--in-topbar-border-color: var(--line);--in-topbar-height: 62px}in-sidebar,in-topbar{color:#242927;font-family:inherit}.sidebar{display:flex;flex:1;flex-direction:column;width:100%;min-height:0;padding:18px 14px 14px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#263d34;color:#fff;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.02em}.brand span{margin-top:1px;color:var(--muted);font-size:11px}.workspace-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:22px;padding:3px;border:1px solid #e3e7e2;border-radius:7px;background:#e9ece8}.workspace-tab{height:29px;border:0;border-radius:5px;background:transparent;color:#78817b;cursor:pointer;font-size:11px;font-weight:600}.workspace-tab.active{background:#fff;color:#2e5e47;box-shadow:0 1px 3px #1f33260c}.search{display:flex;align-items:center;gap:8px;height:38px;margin:30px 2px 28px;padding:0 10px;border:1px solid #e3e7e2;border-radius:7px;background:#f8f9f7;color:#879089}.search>span{font-size:19px;line-height:1}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#37433c;font-size:12px}.search input::placeholder{color:#929a94}kbd{padding:2px 5px;border:1px solid #e5e8e4;border-radius:4px;background:#f6f7f5;color:#939b95;font-family:inherit;font-size:10px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 10px;color:#869089;font-size:10px;font-weight:700;letter-spacing:.1em}.sidebar-actions{display:flex;align-items:center;gap:2px}.icon-button{width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:#77817a;cursor:pointer;font-size:17px}.icon-button:hover{background:#e5e9e4}.document-list{display:flex;flex:1;flex-direction:column;gap:3px;overflow:auto}.document-link{display:grid;grid-template-columns:19px minmax(0,1fr);gap:1px 9px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.document-link:hover{background:#e9ede8}.document-link.active{background:#e4eee8;color:#235d48}.document-link-icon{grid-row:span 2;color:#849087;font-size:14px}.document-link-label{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.document-link-path{overflow:hidden;color:#929a94;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.list-empty{padding:8px;color:#929a94;font-size:12px}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:14px 8px 0;border-top:1px solid #e2e6e1;color:#77817a;font-size:10px}in-sidebar:not([open]) .brand>div:last-child,in-sidebar:not([open]) .search,in-sidebar:not([open]) .sidebar-heading>span,in-sidebar:not([open]) .document-link-label,in-sidebar:not([open]) .document-link-path,in-sidebar:not([open]) .list-empty,in-sidebar:not([open]) .sidebar-footer>span:not(.status-dot){display:none}in-sidebar:not([open]) .sidebar-heading{justify-content:center;padding-right:0;padding-left:0}in-sidebar:not([open]) .sidebar-actions{flex-direction:column}in-sidebar:not([open]) .document-link{grid-template-columns:1fr;justify-items:center;padding:10px}in-sidebar:not([open]) .document-link-icon{grid-row:auto}in-sidebar:not([open]) .sidebar-footer{justify-content:center;padding-right:0;padding-left:0}.status-dot{width:7px;height:7px;border-radius:50%;background:#4a9b70;box-shadow:0 0 0 3px #dcece1}.workspace{min-width:0}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#919a93;font-size:11px}.breadcrumb-separator{color:#c0c6c1}#current-path{overflow:hidden;max-width:320px;color:#4c5650;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:15px}.identity-label{max-width:150px;overflow:hidden;color:#4c5650;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.identity-button{padding:0;border:0;background:transparent;color:#66736b;cursor:pointer;font:inherit;font-size:11px}.identity-button:hover{color:#263d30}.collaboration-status{color:#66736b;font-size:11px}.collaboration-carets__caret{position:relative;margin-left:-1px;border-left:2px solid;pointer-events:none}.collaboration-carets__label{position:absolute;top:-1.4em;left:-1px;padding:2px 5px;border-radius:3px 3px 3px 0;color:#fff;font:10px/1.2 sans-serif;white-space:nowrap}.collaboration-carets__selection{background-color:#5a8c6e33}.save-status{color:#8b948e;font-size:11px}.save-status.is-dirty{color:#a76b27}.save-button{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid #dfe4df;border-radius:6px;background:#fff;color:#3e4c44;cursor:pointer;font-size:11px;font-weight:600}.save-button:not(:disabled):hover{border-color:#9dc4ad;background:#f3faf5}.save-button:disabled{cursor:default;opacity:.55}.save-button kbd{margin-left:3px}.empty-state{display:flex;min-height:calc(100vh - 62px);flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center}.empty-icon{display:grid;width:54px;height:54px;place-items:center;margin-bottom:18px;border:1px solid #e4e9e4;border-radius:16px;background:#fff;color:#5b7767;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;box-shadow:0 8px 25px #283e3410}.empty-state h1{margin:0;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.04em}.empty-state p{margin:8px 0 0;color:#8b948e;font-size:12px}.document-view{max-width:980px;margin:0 auto;padding:56px 58px 35px}.code-view{max-width:none}.code-editor-shell{display:flex;height:calc(100vh - 330px);min-height:420px;overflow:hidden;border:1px solid #e8ece8;border-radius:8px;background:#fff;box-shadow:0 4px 18px #2c42370a}#code-editor{width:100%;height:100%;min-width:0;flex:1}.code-editor-shell.has-preview #code-editor,.code-preview{width:50%}.code-preview{display:flex;min-width:0;flex-direction:column;border-left:1px solid #e8ece8;background:#fff}.code-preview-heading{flex:none;padding:10px 12px;border-bottom:1px solid #edf0ed;color:#78817b;font-size:9px;font-weight:700;letter-spacing:.08em}.code-preview iframe{width:100%;min-height:0;flex:1;border:0;background:#fff}.document-header{margin:0 auto 30px;max-width:760px}.document-kicker{display:flex;align-items:center;gap:7px;color:#8b958e;font-size:9px;font-weight:700;letter-spacing:.1em}.document-icon{color:#5d8b72;font-size:13px}.document-header h1{margin:14px 0 9px;color:#27322c;font-family:Manrope,sans-serif;font-size:31px;font-weight:700;letter-spacing:-.05em}.document-meta{display:flex;align-items:center;gap:9px;color:#89928c;font-size:11px}.meta-separator{color:#c4cbc5}.editor-shell{overflow:hidden;border:1px solid #e8ece8;border-radius:8px;background:#fff;box-shadow:0 4px 18px #2c42370a}.toolbar{display:flex;min-height:43px;align-items:center;gap:3px;padding:0 12px;border-bottom:1px solid #edf0ed;background:#fcfdfc}.toolbar button{min-width:28px;height:27px;padding:0 6px;border:0;border-radius:4px;background:transparent;color:#66716a;cursor:pointer;font-size:11px}.toolbar button:hover{background:#eaf2ec;color:#2b7257}.toolbar-divider{width:1px;height:17px;margin:0 5px;background:#e6eae6}.editor{min-height:430px;padding:32px 38px 44px;color:#313a34;font-size:14px;line-height:1.8}.editor:focus{outline:0}.editor>*:first-child{margin-top:0}.editor h1,.editor h2,.editor h3{margin:1.7em 0 .55em;color:#25332b;font-family:Manrope,sans-serif;line-height:1.35;letter-spacing:-.035em}.editor h1{font-size:25px}.editor h2{font-size:20px}.editor h3{font-size:16px}.editor p{margin:.75em 0}.editor a{color:#28775a;text-decoration:underline;text-underline-offset:3px}.editor blockquote{margin:1.2em 0;padding:2px 0 2px 16px;border-left:3px solid #a9cdb6;color:#68756c}.editor ul,.editor ol{padding-left:25px}.editor ul[data-type=taskList]{padding-left:4px;list-style:none}.editor ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.editor ul[data-type=taskList] input[type=checkbox]{margin:7px 0 0;accent-color:#347b5c}.editor li{padding-left:3px}.editor table{width:100%;margin:1.2em 0;border-collapse:collapse;font-size:12px}.editor th,.editor td{min-width:90px;padding:8px 10px;border:1px solid #e3e9e3;text-align:left;vertical-align:top}.editor th{background:#f5f8f5;color:#435149;font-weight:600}.editor pre{overflow:auto;padding:14px 16px;border:1px solid #e8ece8;border-radius:6px;background:#f6f8f6;font-size:12px;line-height:1.6}.editor code{padding:2px 4px;border-radius:3px;background:#f1f4f1;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.editor pre code{padding:0;background:transparent}.editor hr{margin:1.7em 0;border:0;border-top:1px solid #e5eae5}.document-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;color:#929a94;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:3;max-width:380px;padding:11px 15px;border:1px solid #dfe6df;border-radius:7px;background:#fff;color:#37443c;box-shadow:0 8px 24px #24372d18;font-size:12px;opacity:0;pointer-events:none;transform:translateY(7px);transition:opacity .14s ease,transform .14s ease}.toast.visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@media(max-width:900px){.document-view{padding-right:30px;padding-left:30px}.code-editor-shell{height:calc(100vh - 290px)}}@media(max-width:480px){.breadcrumbs,.save-status,.identity-label,.collaboration-status,.save-button kbd{display:none}.document-view{padding:32px 18px 24px}.document-footer{flex-direction:column}}