:root{color:#37352f;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#fff}.sidebar{display:flex;min-width:0;flex-direction:column;gap:8px;border-right:1px solid #eeeeec;background:#fbfbfa;padding:10px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.sidebar-head .brand-row{min-width:0;flex:1}.sidebar-close,.mobile-sidebar-toggle{display:none;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#5f5e5b}.sidebar-close{width:32px;height:32px;flex:0 0 auto}.mobile-sidebar-toggle{min-height:32px;flex:0 0 auto;padding:0 8px;font-size:13px;font-weight:650}.sidebar-close:hover,.mobile-sidebar-toggle:hover{background:#f1f1ef;color:#37352f}.sidebar-backdrop{display:none}.brand-row{display:flex;align-items:center;gap:10px;min-height:36px;border-radius:5px;padding:4px 6px}.brand-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:5px;background:#37352f;color:#fff}.brand-row strong,.brand-row span{display:block}.brand-row strong{color:#37352f;font-size:14px;font-weight:650}.brand-row span{color:#787774;font-size:11px}.search-box{display:flex;align-items:center;gap:8px;min-width:0;border:0;border-radius:5px;background:transparent;color:#787774;padding:6px 7px}.search-box:hover,.search-box:focus-within{background:#f1f1ef}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#37352f;font-size:14px}.icon-button,.tool-button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;border-radius:5px;background:transparent;color:#787774}.icon-button:hover,.tool-button:hover,.tool-button.is-active{background:#eeeeec;color:#37352f}.sidebar-create-wrap{position:relative}.sidebar-create-button{display:inline-flex;width:100%;align-items:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#787774;min-height:30px;padding:4px 7px;text-align:left;font-size:13px;font-weight:600}.sidebar-create-button svg:last-child{margin-left:auto}.sidebar-create-button:hover{background:#f1f1ef;color:#37352f}.sidebar-create-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;display:grid;width:min(220px,100%);gap:2px;border:1px solid #e7e6e3;border-radius:7px;background:#fff;padding:5px;box-shadow:0 12px 32px #0f0f0f24}.sidebar-create-menu button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:5px;background:transparent;color:#37352f;min-height:32px;padding:0 8px;text-align:left;font-size:13px;font-weight:600}.sidebar-create-menu button:hover{background:#f1f1ef}.sidebar-scroll{display:flex;min-height:0;flex:1;flex-direction:column;gap:8px;overflow:auto;padding-bottom:16px}.note-list{display:flex;min-height:0;flex-direction:column;gap:1px;overflow:visible;padding-top:4px}.tree-branch{display:flex;flex-direction:column;gap:2px}.tree-folder,.tree-note{display:flex;width:100%;min-width:0;align-items:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#5f5e5b;min-height:28px;padding:4px 6px;text-align:left}.tree-folder{color:#787774;font-size:13px;font-weight:600}.tree-note{color:#37352f;font-size:14px;font-weight:500}.tree-folder svg,.tree-note svg{flex:0 0 auto}.tree-emoji{display:inline-grid;width:15px;height:15px;flex:0 0 auto;place-items:center;font-size:14px;line-height:1}.tree-folder span,.tree-note span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-folder .tree-folder-add{display:inline-flex;width:22px;height:22px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:5px;color:#9b9a97;margin-left:auto;opacity:0}.tree-folder:hover .tree-folder-add,.tree-folder .tree-folder-add:focus{opacity:1}@media(hover:none){.tree-folder .tree-folder-add{opacity:1}}.tree-folder .tree-folder-add:hover{background:#e7e6e3;color:#37352f}.tree-note.has-unsaved .tree-label{color:#9f1239;font-weight:700}.tree-folder .tree-unsaved,.tree-note .tree-unsaved{flex:0 0 auto;min-width:auto;overflow:visible;color:#9f1239;font-size:13px;font-weight:800;line-height:1}.tree-note .tree-badge{flex:0 0 auto;border-radius:4px;background:#fff0f0;color:#9f1239;font-size:11px;font-weight:700;overflow:visible;padding:1px 5px;text-overflow:clip;white-space:nowrap}.tree-folder:hover,.tree-note:hover,.tree-note.is-selected{background:#f1f1ef}.tree-note.is-selected{color:#111;box-shadow:none}.empty-state{color:#787774;font-size:13px;padding:10px 8px}.main-column{display:flex;min-width:0;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px;border-bottom:1px solid transparent;background:#ffffffeb;padding:6px 12px;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crumb-strip,.topbar-right{display:flex;min-width:0;align-items:center;gap:8px}.crumb-strip{color:#37352f;font-size:14px;font-weight:600}.crumb-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-in-user,.git-strip{display:flex;min-width:0;align-items:center;gap:9px}.signed-in-user{color:#202124}.signed-in-user img{width:28px;height:28px;flex:0 0 auto;border-radius:999px}.signed-in-user div{min-width:0}.signed-in-user strong,.signed-in-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-in-user strong{max-width:140px;color:#37352f;font-size:12px;font-weight:600}.signed-in-user span{max-width:180px;color:#9b9a97;font-size:11px}.user-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px}.git-strip{color:#787774;font-size:12px}.icon-text-button,.save-button,.secondary-button,.danger-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#5f5e5b;padding:6px 8px}.save-button{background:#37352f;color:#fff;font-weight:650}.danger-button{background:#9f1239;color:#fff;font-weight:650}.secondary-button:hover,.ghost-button:hover,.icon-text-button:hover{background:#f1f1ef}.recovery-panel{display:flex;gap:12px;max-width:780px;margin:18px auto;border:1px solid #f0d7d7;border-radius:7px;background:snow;padding:14px;color:#37352f}.recovery-panel.full-page{width:min(560px,calc(100vw - 32px));margin:18vh auto 0}.recovery-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:6px;background:#fff0f0;color:#9f1239}.recovery-panel strong{display:block;font-size:14px;font-weight:750}.recovery-panel p{margin:5px 0 0;color:#787774;font-size:13px;line-height:1.55}.recovery-panel code{display:inline-block;margin-top:8px;border-radius:4px;background:#f7e9e9;color:#9f1239;font-size:12px;padding:2px 5px}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.workspace{position:relative;min-width:0;flex:1;background:#fff}.document-layout{max-width:780px;margin:0 auto}.document-main{min-width:0}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;max-width:780px;margin:0 auto;padding:82px 44px 8px}.workspace-header h1{margin:8px 0 0;color:#37352f;font-size:40px;font-weight:740;line-height:1.12}.eyebrow{margin:0;color:#9b9a97;font-size:12px;font-weight:600;letter-spacing:0}.page-title-block{min-width:0}.page-icon-wrap{position:relative;width:max-content;margin-bottom:16px}.page-icon{display:grid;width:64px;height:64px;place-items:center;border:0;border-radius:5px;background:transparent;color:#787774;padding:0}.page-icon:not(:disabled):hover{background:#f1f1ef}.page-icon:disabled{cursor:default;opacity:1}.page-icon.has-emoji{color:#37352f}.page-emoji{font-size:46px;line-height:1}.emoji-menu{position:absolute;top:68px;left:0;z-index:15;width:252px;border:1px solid #e7e6e3;border-radius:6px;background:#fff;padding:8px;box-shadow:0 12px 32px #0f0f0f29}.emoji-menu-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.emoji-menu button{display:grid;min-width:0;height:28px;place-items:center;border:0;border-radius:5px;background:transparent;color:#37352f;font-size:18px}.emoji-menu button:hover{background:#f1f1ef}.emoji-menu .emoji-custom-button{width:100%;height:30px;justify-content:start;margin-top:7px;padding:0 8px;color:#5f5e5b;font-size:12px;font-weight:650;text-align:left}.page-subline{display:flex;align-items:center;gap:6px;margin-top:10px;color:#9b9a97;font-size:12px}.page-action-row{display:flex;align-items:center;gap:8px;padding-top:86px}.presence-pill{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:5px;color:#787774;padding:5px 7px;white-space:nowrap;font-size:12px}.presence-pill.is-online{color:#2f6f66;background:#edf7f4}.quiet-save{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:5px;background:transparent;color:#787774;padding:5px 7px;white-space:nowrap;font-size:12px}.quiet-save:hover{background:#f1f1ef;color:#37352f}.quiet-save.saved{color:#2f6f66}.quiet-save.dirty{background:#fbf3db;color:#8a5a00;font-weight:700}.quiet-save.danger:hover{background:#fff0f0;color:#9f1239}.quiet-save.conflict,.quiet-save.error{color:#9f1239}.conflict-badge,.unsaved-badge{display:inline-flex;align-items:center;border-radius:4px;background:#fff0f0;color:#9f1239;font-size:11px;font-weight:700;padding:1px 6px}.unsaved-badge{background:#fbf3db;color:#8a5a00}.conflict-notice{display:flex;max-width:780px;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #f3c2c2;border-radius:5px;background:#fff8f8;color:#5f2121;margin:12px auto 8px;padding:12px 14px}.conflict-notice strong,.conflict-notice span{display:block}.conflict-notice strong{margin-bottom:3px;color:#7f1d1d;font-size:14px}.conflict-notice span{font-size:13px;line-height:1.5}.conflict-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px}.conflict-actions button{border:1px solid #efcaca;border-radius:5px;background:#fff;color:#7f1d1d;font-size:12px;font-weight:650;padding:6px 8px}.conflict-actions button:hover{background:#fff0f0}.bubble-menu{position:fixed;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:min(560px,calc(100vw - 24px));border-radius:5px;transform:translate(-50%);background:#191919;color:#fff;padding:4px;box-shadow:0 8px 24px #0f0f0f38}.bubble-menu.is-empty-block{max-width:min(340px,calc(100vw - 24px))}.bubble-group{display:inline-flex;align-items:center;gap:2px}.bubble-group+.bubble-group{border-left:1px solid #3d3d3d;padding-left:4px}.bubble-menu .tool-button{width:28px;height:28px;color:#fff}.bubble-menu .tool-button:hover,.bubble-menu .tool-button.is-active{background:#333;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0f0f0f2e;padding:20px}.comment-modal,.delete-page-modal{width:min(480px,100%);border:1px solid #e7e6e3;border-radius:7px;background:#fff;box-shadow:0 18px 54px #0f0f0f38;padding:14px}.delete-page-modal p{margin:0;color:#5f5e5b;font-size:13px;line-height:1.65}.comment-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.comment-modal-header strong,.comment-modal-header span{display:block}.comment-modal-header strong{color:#37352f;font-size:15px;font-weight:700}.comment-modal-header span{color:#9b9a97;font-size:12px;margin-top:2px}.modal-close-button{display:inline-flex;width:30px;height:30px;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#787774}.modal-close-button:hover{background:#f1f1ef;color:#37352f}.comment-modal textarea{width:100%;min-height:116px;resize:vertical;border:1px solid #e7e6e3;border-radius:6px;outline:none;padding:10px 11px;color:#37352f;font-size:14px;line-height:1.55}.comment-modal textarea:focus{border-color:#c9c8c3;box-shadow:0 0 0 2px #37352f14}.create-page-modal{width:min(460px,100%);border:1px solid #e7e6e3;border-radius:7px;background:#fff;box-shadow:0 18px 54px #0f0f0f38;padding:14px}.history-modal{width:min(640px,100%);max-height:min(680px,calc(100vh - 64px));overflow:auto;border:1px solid #e7e6e3;border-radius:7px;background:#fff;box-shadow:0 18px 54px #0f0f0f38;padding:14px}.history-loading,.history-empty,.history-error{display:flex;align-items:center;gap:8px;min-height:72px;color:#787774;font-size:13px}.history-error{color:#9f1239}.history-list{display:grid;gap:2px;list-style:none;margin:12px 0 0;padding:0}.history-list li{border-radius:6px;padding:9px 8px}.history-list li:hover{background:#f7f6f3}.history-line,.history-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-line strong{min-width:0;overflow:hidden;color:#37352f;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.history-line code{flex:0 0 auto;border-radius:4px;background:#f1f1ef;color:#787774;font-size:12px;padding:2px 5px}.history-meta{margin-top:4px;color:#9b9a97;font-size:12px}.create-page-modal label,.create-page-modal label span{display:block}.create-page-modal label span{color:#787774;font-size:12px;font-weight:650;margin-bottom:6px}.create-page-modal input,.create-page-modal select{width:100%;border:1px solid #e7e6e3;border-radius:6px;outline:none;padding:9px 10px;color:#37352f;font-size:14px}.create-page-modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;margin-bottom:12px}.create-page-modal input:focus,.create-page-modal select:focus{border-color:#c9c8c3;box-shadow:0 0 0 2px #37352f14}.create-page-modal p{color:#9b9a97;font-size:12px;line-height:1.5;margin:8px 0 0}.comment-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.comment-modal-actions button{min-height:32px;border:0;border-radius:5px;padding:0 12px;font-size:13px;font-weight:650}.editor-surface{max-width:780px;min-height:calc(100vh - 230px);margin:0 auto;outline:0;padding:12px 44px 120px;caret-color:#37352f}.editor-surface>*:first-child{margin-top:0}.editor-surface h1,.editor-surface h2,.editor-surface h3{color:#202124;line-height:1.12}.editor-surface h1{margin:1.15em 0 .35em;color:#37352f;font-size:1.875rem;font-weight:700}.editor-surface h2{margin:1.25em 0 .25em;color:#37352f;font-size:1.5rem;font-weight:650}.editor-surface h3{margin:1.2em 0 .2em;color:#37352f;font-size:1.25rem;font-weight:650}.editor-surface p,.editor-surface li{color:#37352f;font-size:1rem;line-height:1.62}.editor-surface p{margin:.35em 0}.editor-surface ul,.editor-surface ol{margin:.35em 0;padding-left:1.6em}.editor-surface blockquote{margin:.55em 0;border-left:3px solid #d6d6d2;color:#5f5e5b;padding:2px 14px}.editor-surface code{border-radius:4px;background:#f1f1ef;color:#eb5757;padding:2px 5px}.editor-surface a{color:#337ea9;text-decoration:underline;text-underline-offset:2px}.editor-surface .code-block-shell{overflow:hidden;border:1px solid #e7e6e3;border-radius:6px;background:#f7f6f3;margin:12px 0}.editor-surface .code-block-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;border-bottom:1px solid #eeeeec;padding:4px 6px}.editor-surface .code-block-toolbar span{color:#787774;font-size:12px;font-weight:650}.editor-surface .code-copy-button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:5px;background:transparent;color:#787774;min-height:26px;padding:0 7px}.editor-surface .code-copy-button:hover,.editor-surface .code-copy-button.is-copied{background:#eeeeec;color:#37352f}.editor-surface .code-copy-button.is-copied{background:#edf7f4;color:#0f766e}.editor-surface .code-copy-icon{font-size:13px;line-height:1}.editor-surface .code-copy-label{font-size:12px;font-weight:650}.editor-surface .code-block-pre{overflow:auto;background:transparent;color:#37352f;font-size:13px;line-height:1.55;margin:0;padding:14px 16px;-moz-tab-size:2;tab-size:2}.editor-surface .code-block-pre code{display:block;background:transparent;color:inherit;padding:0;white-space:pre}.editor-surface .vault-properties{margin:0 0 24px;border-bottom:1px solid #eeeeec;padding:2px 0 12px}.editor-surface .properties-summary{display:flex;width:fit-content;max-width:100%;align-items:center;gap:7px;border-radius:5px;color:#787774;cursor:pointer;font-size:13px;font-weight:600;list-style:none;padding:5px 7px;-webkit-user-select:none;user-select:none}.editor-surface .properties-summary::-webkit-details-marker{display:none}.editor-surface .properties-summary:before{content:"▸";color:#9b9a97;font-size:11px}.editor-surface .vault-properties[open] .properties-summary:before{content:"▾"}.editor-surface .properties-summary:hover{background:#f1f1ef;color:#37352f}.editor-surface .properties-count{color:#b6b5b2;font-size:12px}.editor-surface .properties-list{display:grid;gap:2px;padding-top:6px}.editor-surface .property-row{display:grid;grid-template-columns:minmax(96px,148px) minmax(0,1fr);align-items:start;gap:14px;min-height:28px;border-radius:5px;padding:3px 6px}.editor-surface .property-row:hover{background:#f7f7f5}.editor-surface .property-key{min-width:0;overflow:hidden;color:#9b9a97;font-size:13px;font-weight:500;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.editor-surface .property-value{display:flex;min-width:0;flex-wrap:wrap;gap:5px;color:#37352f;font-size:13px;line-height:22px}.editor-surface .property-text{min-width:0;overflow-wrap:anywhere}.editor-surface .property-icon-value{font-size:18px;line-height:22px}.editor-surface .property-empty{color:#b6b5b2}.editor-surface .property-token{display:inline-flex;align-items:center;min-height:22px;border-radius:4px;background:#f1f1ef;color:#5f5e5b;padding:0 7px;white-space:nowrap}.editor-surface .property-token-status{background:#fbf3db;color:#7c5a12}.editor-surface .property-token-type{background:#edf3f8;color:#2f5f7c}.editor-surface .property-token-source{background:#edf7f4;color:#2f6f66}.editor-surface .wiki-link{border-radius:4px;background:#eef6fb;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#337ea9;cursor:pointer;padding:1px 3px;text-decoration:none}.editor-surface .wiki-link:hover{background:#dceef7}.editor-surface .git-conflict-block{overflow:hidden;border:1px solid #f0c4c4;border-radius:5px;background:snow;margin:18px 0}.editor-surface .git-conflict-block-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #f0d4d4;background:#fff0f0;color:#7f1d1d;padding:9px 12px}.editor-surface .git-conflict-block-header strong{font-size:14px}.editor-surface .git-conflict-block-header span{color:#8c4b4b;font-size:12px}.editor-surface .git-conflict-sides{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#f0d4d4}.editor-surface .git-conflict-side{min-width:0;background:#fff;padding:10px}.editor-surface .git-conflict-side-title{color:#7f1d1d;font-size:12px;font-weight:700;margin-bottom:7px}.editor-surface .git-conflict-side pre{max-height:320px;overflow:auto;border-radius:4px;background:#fbfbfa;color:#37352f;font-size:12px;line-height:1.55;margin:0;padding:10px;white-space:pre-wrap}.editor-surface .comment-reference{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:999px;background:#fff3bf;color:#8a6116;cursor:pointer;font-size:10px;font-weight:700;line-height:1;margin-left:2px;vertical-align:super}.editor-surface .comment-reference:hover{background:#ffe08a;color:#5f3f07}.editor-surface .comment-reference.is-active{outline:2px solid #f2c94c;outline-offset:2px}.editor-surface .comment-definition{display:none}.workspace.has-comments .workspace-header{max-width:1134px}.workspace.has-comments .document-layout{display:grid;grid-template-columns:minmax(420px,780px) 286px;align-items:start;gap:24px;max-width:1134px;padding:0 44px}.workspace.has-comments .editor-surface{max-width:none;margin:0;padding-left:0;padding-right:0}.comment-rail{position:relative;z-index:1;width:auto;min-height:calc(100vh - 230px);overflow:visible;border-left:1px solid #eeeeec;background:transparent;padding:4px 0 120px 14px}.comment-rail-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:7px;background:#fffffff5;color:#787774;font-size:12px;font-weight:650;padding:7px 0 10px}.workspace.has-comments .comment-rail-header{display:none}.comment-list{position:relative;min-height:100%}.comment-card{position:absolute;top:var(--comment-top, 0);left:0;right:0;border:1px solid #eeeeec;border-radius:5px;background:#fff;padding:10px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.comment-card:hover,.comment-card.is-active{border-color:#e2c367;background:#fffdf5;box-shadow:0 6px 20px #0f0f0f0f}.comment-card.is-resolved{opacity:.68}.comment-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-card-header div{min-width:0}.comment-card-header strong,.comment-card-header span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card-header strong{color:#37352f;font-size:12px;font-weight:700}.comment-card-header span,.comment-card-header time{color:#9b9a97;font-size:11px}.comment-card p{margin:9px 0 10px;color:#37352f;font-size:13px;line-height:1.55;white-space:pre-wrap}.comment-warning{border-radius:4px;background:#fff1f2;color:#9f1239;font-size:11px;margin-bottom:8px;padding:5px 6px}.comment-status-button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:5px;background:#f1f1ef;color:#5f5e5b;font-size:12px;padding:5px 7px}.comment-status-button:hover{background:#e7e7e4;color:#37352f}.editor-surface ul[data-type=taskList]{list-style:none;padding-left:0}.editor-surface ul[data-type=taskList] li{display:flex;gap:9px}.editor-surface .is-editor-empty:first-child:before,.editor-surface .is-empty:before{float:left;height:0;color:#c0bfbc;content:attr(data-placeholder);pointer-events:none}.loading-note{display:flex;align-items:center;justify-content:center;gap:9px;min-height:60vh;color:#687176}.loading-note.full-page{min-height:100vh}.login-shell{display:grid;min-height:100vh;place-items:center;background:#fff;padding:24px}.login-panel{width:min(420px,100%);border:1px solid #eeeeec;border-radius:5px;background:#fff;padding:28px;box-shadow:0 10px 32px #0f0f0f0f}.login-brand{margin-bottom:18px}.login-panel h1{margin:6px 0 10px;color:#37352f;font-size:34px;line-height:1}.login-copy{margin:0 0 18px;color:#5f5e5b;line-height:1.6}.login-button{display:inline-flex;width:100%;align-items:center;justify-content:center;border:0;border-radius:5px;background:#37352f;color:#fff;font-weight:700;padding:11px 14px}.login-button:hover{background:#2f2e2a}.login-error{margin-bottom:14px;border:1px solid #fecdd3;border-radius:5px;background:#fff1f2;color:#9f1239;font-size:13px;padding:10px 12px}.vault-list-shell{min-height:100vh;background:#fff}.vault-list-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eeeeec;padding:10px 14px}.vault-list-main{width:min(960px,100%);margin:0 auto;padding:72px 24px}.vault-list-main h1{margin:8px 0 24px;color:#37352f;font-size:40px;line-height:1.08}.vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.vault-card{display:flex;min-height:132px;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #eeeeec;border-radius:5px;background:#fff;color:#37352f;padding:14px;text-align:left}.vault-card:hover{background:#fbfbfa;border-color:#d8d8d4}.vault-card strong{font-size:16px;line-height:1.35}.vault-card span,.vault-empty{color:#787774;font-size:13px}.vault-empty{border:1px solid #eeeeec;border-radius:5px;padding:18px}.setup-list{display:flex;flex-wrap:wrap;gap:8px}.setup-list code{border-radius:4px;background:#f1f1ef;color:#37352f;padding:5px 7px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:901px){body{overflow:hidden}.app-shell,.sidebar{height:100vh;min-height:0;overflow:hidden}.main-column{height:100vh;min-height:0;overflow:auto;overscroll-behavior:contain}.sidebar-scroll{scrollbar-gutter:stable}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:min(86vw,348px);height:100dvh;max-height:none;border-right:1px solid #eeeeec;border-bottom:0;box-shadow:18px 0 42px #0f0f0f29;transform:translate(-104%);transition:transform .18s ease;pointer-events:none;visibility:hidden}.app-shell.sidebar-open .sidebar{transform:translate(0);pointer-events:auto;visibility:visible}.sidebar-head{min-height:40px}.sidebar-close,.mobile-sidebar-toggle{display:inline-flex}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;border:0;background:#0f0f0f38;opacity:0;transition:opacity .18s ease;pointer-events:none}.app-shell.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.topbar{align-items:center;flex-direction:row;gap:8px;min-height:50px;padding:8px 10px;border-bottom-color:#eeeeec}.crumb-strip{flex:1 1 auto;font-size:13px}.topbar-right{flex:0 0 auto;gap:3px}.workspace-header{flex-direction:column;padding-top:42px}.signed-in-user,.topbar-right,.git-strip{flex-wrap:nowrap}.git-strip{gap:2px}.git-strip>span,.icon-text-button span,.signed-in-user div{display:none}.signed-in-user img,.user-dot{width:24px;height:24px}.page-action-row{padding-top:0}.conflict-notice{flex-direction:column;margin-right:18px;margin-left:18px}.conflict-actions{width:100%}.editor-surface .git-conflict-sides{grid-template-columns:1fr}.workspace.has-comments .document-layout{display:block;max-width:780px;padding:0}.workspace.has-comments .editor-surface{padding-left:18px;padding-right:18px}.comment-rail{max-width:780px;min-height:0;border-top:1px solid #eeeeec;border-left:0;margin:0 auto 90px;padding:14px 18px 0}.workspace.has-comments .comment-rail-header{display:flex}.comment-list{display:flex;flex-direction:column;gap:8px}.comment-card{position:static}.editor-surface,.workspace-header,.comment-rail{padding-left:18px;padding-right:18px}.workspace-header h1{font-size:34px}}