:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#262b29;background:#fff;font-synthesis:none;--green:#249969;--muted:#919791;--border:#eceeea;--side:248px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px}button:hover{background:#f1f4f0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #a8dac3;outline-offset:1px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.green{color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#f8f9f7;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 14px 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px}.brand strong{font-size:21px;letter-spacing:2px}.brand-mark{width:31px;height:33px;border-radius:9px;background:var(--green);color:white;display:grid;place-items:center;box-shadow:0 3px 8px #24996925}.brand-mark .icon{width:22px;height:22px}.brand-sub{font-size:11px;color:#979d96;border-left:1px solid #dfe3dc;padding-left:10px;margin-left:5px}.side-search{display:flex;gap:7px;margin:1px 0 18px}.side-search>button:first-child{background:#edf0eb;border-radius:7px;justify-content:flex-start;padding:9px 10px;flex:1;color:#9aa099;font-size:12px;gap:7px;min-width:0}.side-search .icon{width:16px}.side-search kbd{margin-left:auto;font-size:9px;color:#b0b6af;font-family:inherit;white-space:nowrap}.icon-button{border-radius:6px;padding:7px;flex-shrink:0}.side-search>.icon-button{border:1px solid #e3e6e0;background:white;width:32px;color:#798178}.sidebar nav{overflow:auto;flex:1}.nav-item{display:flex;justify-content:flex-start;width:100%;padding:11px 14px;margin-bottom:3px;border-radius:6px;gap:12px;text-align:left}.nav-item.active{background:#e8ede6;color:#176344;font-weight:600}.nav-item .icon{width:18px}.nav-item span:not(.nav-count){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav-count{margin-left:auto;font-size:11px;background:#e5eae1;border-radius:4px;padding:0 5px;color:#6c7969}.tree-label{display:flex;align-items:center;font-size:11px;letter-spacing:.5px;color:#929a8f;margin:29px 13px 10px;gap:10px}.tree-label>span{margin-left:auto}.tree-label .icon-button{padding:2px}.book-nav .nav-item{font-size:12px;color:#666f63}.side-bottom{margin-top:auto}.storage-note{font-size:10px;color:#899482;display:flex;align-items:center;gap:7px;margin:20px 13px 12px}.status-dot{width:5px;height:5px;background:#49ab7a;border-radius:50%}.backup-actions{display:flex;margin:0 6px 15px;gap:9px}.backup-actions button{font-size:11px;color:#7a8275;padding:6px;border-radius:5px}.backup-actions .icon{width:14px;height:14px}.user{display:flex;gap:10px;border-top:1px solid #e5e9e0;padding:18px 6px;align-items:center}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e5ead9;color:#6e7b4f;border-radius:50%;font-size:12px}.user strong{font-size:11px;font-weight:500;display:block}.user small{display:block;font-size:9px;color:#9aa292;margin-top:5px}.personal-tag{margin-left:auto;font-size:9px;color:#879179}.main{margin-left:var(--side);min-height:100vh}.workspace{max-width:1350px;margin:auto;padding:48px 48px 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:16px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#9da494;font-weight:600}h1{font-size:26px;line-height:1.5;letter-spacing:-.6px;font-weight:600;margin:10px 0 7px}.page-heading p{font-size:12px;color:#90988a;margin:0;line-height:1.8}.greeting-dot{color:#d8b15f;font-size:22px;margin-left:4px}.date{font-size:11px;color:#8c9487;border:1px solid var(--border);padding:9px 12px;border-radius:6px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 39px}.quick-actions>button{border:1px solid #e4e9e0;border-radius:9px;text-align:left;padding:22px 18px;justify-content:flex-start;gap:13px;background:white;transition:transform .15s,box-shadow .15s}.quick-actions>button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #203b1410;border-color:#b8d8c4}.quick-icon{width:39px;height:42px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.quick-icon .icon{width:22px;height:22px}.green-bg{background:#eaf5ee;color:#399769}.blue-bg{background:#edf2fa;color:#628ac1}.amber-bg{background:#fbf3e7;color:#c49b4e}.quick-actions strong{display:block;font-size:13px;font-weight:600}.quick-actions small{display:block;font-size:10px;color:#949b8f;margin-top:7px}.quick-plus{margin-left:auto;width:15px;color:#a9b2a1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}h2{font-size:15px;font-weight:600;margin:0}.section-heading h2 span{color:#9ba291;font-size:11px;font-weight:400;margin-left:9px}.text-button{font-size:11px;color:#929a89;padding:4px 0}.text-button .icon{width:13px;height:13px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.book-card{display:block;text-align:left;padding:22px;border:1px solid #e7ebe2;border-radius:9px;background:linear-gradient(135deg,#fafcf8,#fff);min-height:190px;max-width:380px}.book-card:hover{background:#f7faf3;border-color:#c9d8bd}.book-cover{display:grid;place-items:center;width:34px;height:41px;background:#eaf0dd;border:1px solid #dce5cc;border-radius:4px;color:#7c9560;margin-bottom:15px}.book-cover .icon{width:25px;height:25px}.book-card strong{font-size:14px;display:block}.book-card p{font-size:11px;color:#929c87;line-height:1.9;margin:8px 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.book-card>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9da794}.book-card>div .icon{width:12px;height:12px}.recent-section{margin-top:37px}.muted{font-size:11px;color:var(--muted)}.list-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.tabs{display:flex;gap:3px;padding:3px;background:#f4f5f2;border-radius:7px}.tabs button{font-size:11px;border-radius:5px;padding:8px 15px;color:#8a9283}.tabs .selected{background:#fff;box-shadow:0 1px 4px #0000000a;color:#384631}.sort-note{display:flex;align-items:center;gap:5px;font-size:10px}.sort-note .icon{width:13px;height:13px}.table-header,.doc-row{display:grid;grid-template-columns:minmax(160px,1fr) 170px 130px 70px;align-items:center;gap:16px}.table-header{font-size:10px;color:#a0a796;padding:12px 12px;background:#f9faf7;border-bottom:1px solid #eff1ec;border-radius:5px}.doc-row{min-height:75px;border-bottom:1px solid #f0f2ed;padding:10px 12px}.doc-row:hover{background:#fbfcf9}.doc-name{justify-content:flex-start;text-align:left;min-width:0;padding:7px 0;background:none!important;gap:13px}.doc-name>.icon{color:#9fac95;width:21px;height:21px}.doc-name>span{min-width:0}.doc-name strong{font-size:12px;font-weight:500;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.doc-name small{display:block;font-size:10px;color:#a1a898;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.book-cell{justify-content:flex-start;color:#919985;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-date{font-size:10px;color:#a0a794}.row-actions{display:flex;justify-content:flex-end}.row-actions .icon{width:16px;height:16px;color:#aab29f}.favorited .icon{color:#c49c47;fill:#f4e7c3}.restore-button{font-size:11px;color:var(--green);padding:6px}.empty-state{text-align:center;padding:55px 10px 61px}.empty-art{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;width:70px;height:75px}.empty-art:before{content:"";position:absolute;width:60px;height:58px;background:#f0f5e9;border-radius:50%;transform:translate(7px,5px)}.empty-art .icon{position:relative;color:#97b58b;transform:rotate(-8deg);width:44px;height:44px;stroke-width:1}.empty-art span{position:absolute;right:1px;top:5px;color:#d8bb73;font-size:18px}.empty-state h3{font-size:13px;font-weight:500;color:#606d56;margin:8px 0 9px}.empty-state p{font-size:11px;color:#a1a990;margin:0 0 18px;line-height:1.8}.primary{background:var(--green);border:1px solid var(--green);color:white;border-radius:6px;padding:9px 15px;font-size:12px;white-space:nowrap}.primary:hover{background:#1e8057}.primary .icon{width:15px;height:15px}.subtle{border:1px solid #e3e7dd;background:#fff;border-radius:6px;padding:8px 12px;font-size:11px;color:#69765e}.subtle .icon{width:14px;height:14px}.page-footer{text-align:center;color:#b5bba9;font-size:9px;letter-spacing:1px;margin-top:48px;padding-bottom:9px}.back-space{font-size:11px;color:#9aa291;justify-content:flex-start;padding:0 8px 17px}.back-space .icon{width:14px}.current-book{display:flex;align-items:center;gap:9px;margin:0 4px 20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.current-book>.icon{color:#6692c3;width:23px;height:23px}.current-book strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-book .icon-button{margin-left:auto}.tree-item{display:flex;width:100%;justify-content:flex-start;padding:10px 13px;border-radius:5px;font-size:12px;color:#738068;text-align:left}.tree-item .icon{width:15px;height:15px}.tree-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-item.active{background:#e8ede6;color:#207647}.tree-item.drag-over{box-shadow:inset 0 2px var(--green)}.side-empty{font-size:10px;color:#a1ab96;margin:18px 12px;line-height:1.8}.book-page{background:#f8f9f7;padding:46px 6%;min-height:100vh}.book-paper{max-width:980px;margin:auto;background:white;border:1px solid #f0f1ed;border-radius:12px;padding:47px 48px;min-height:calc(100vh - 92px)}.book-header{display:flex;align-items:flex-start;gap:18px}.large-book{display:grid;place-items:center;background:#e8f0fc;border:1px solid #c8d9f0;border-radius:5px;width:39px;height:49px;color:#6089c0;margin-top:8px}.large-book .icon{width:29px;height:29px}.book-header h1{font-size:27px;margin:4px 0 12px;overflow-wrap:anywhere}.book-header p{font-size:11px;color:#9aa48f;margin:0}.book-header p span{padding:0 12px}.book-header>.subtle{margin-left:auto;margin-top:10px}.book-intro{margin:55px 0 55px;border-left:2px solid #e5eddb;padding-left:19px}.book-intro h3{font-size:13px;margin-bottom:10px}.book-intro h3 span{color:#bcaa6b;margin-left:5px}.book-intro p{font-size:12px;color:#939b89;line-height:2;white-space:pre-wrap}.book-paper .table-header,.book-paper .doc-row{grid-template-columns:minmax(100px,1fr) 120px 100px 65px}.editor-page{height:100vh;display:flex;flex-direction:column}.editor-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:15px 25px;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;color:#a1a894}.breadcrumbs button{font-size:11px;color:#68785d;white-space:nowrap;padding:3px}.breadcrumbs>.icon{width:11px;height:11px}.breadcrumbs>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.save-status{font-size:10px;color:#9caa90;display:flex;align-items:center;gap:5px}.save-status .icon{width:12px;height:12px}.toolbar{display:flex;gap:3px;align-items:center;padding:10px 25px;border-bottom:1px solid var(--border);background:white;flex-shrink:0;flex-wrap:wrap}.toolbar button{min-width:30px;height:30px;border-radius:4px;font-size:14px;padding:5px 7px;color:#6b7564}.toolbar select{font-size:11px;color:#65715c;border:0;background:transparent;width:90px;padding:4px}.toolbar-divider{height:17px;width:1px;background:#e8ecdf;margin:0 9px}.toolbar .toolbar-export{margin-left:auto;font-size:10px;gap:5px}.toolbar-export .icon{width:13px;height:13px}.editor-layout{background:#fafbf8;display:flex;justify-content:center;gap:26px;overflow:auto;flex:1;padding:30px 25px}.editor-paper{width:780px;max-width:100%;background:white;padding:42px 55px 20px;min-height:calc(100vh - 180px);border:1px solid #edf0e8;border-radius:7px;height:fit-content}.doc-title{width:100%;border:0;font-size:29px;font-weight:600;color:#30392b;padding:0;line-height:1.7;background:transparent;outline:none!important}.doc-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#a7af9b;margin:9px 0 30px}.doc-meta .icon{width:12px;height:12px}.content-editor{min-height:380px;outline:0;font-size:14px;line-height:1.95;overflow-wrap:anywhere;color:#414b39}.content-editor:empty:before{content:attr(data-placeholder);color:#bdc4b2;pointer-events:none}.content-editor h1{font-size:25px}.content-editor h2{font-size:21px;margin:26px 0 12px}.content-editor h3{font-size:18px;margin:22px 0 10px}.content-editor p,.content-editor div{margin:0 0 12px}.content-editor blockquote{border-left:3px solid #b6d3a7;margin:16px 0;padding:10px 18px;background:#f6f9f1;color:#7a896d}.content-editor pre{background:#f4f6f1;border:1px solid #e6ecdd;border-radius:6px;padding:18px;white-space:pre-wrap;font-family:Consolas,monospace;font-size:12px;line-height:1.8}.content-editor a{color:var(--green);text-decoration:underline}.paper-end{border-top:1px solid #f2f3ef;margin-top:70px;padding-top:16px;font-size:9px;text-align:center;color:#c4cbbb;letter-spacing:1px}.outline{width:140px;flex-shrink:0;padding-top:13px;position:sticky;top:0;align-self:flex-start}.outline h4{font-size:10px;color:#97a28a;font-weight:500;letter-spacing:1px;margin-bottom:15px}.outline p{font-size:10px;line-height:2;color:#bdc5b2}.outline button{font-size:11px;color:#91a180;display:block;width:100%;text-align:left;line-height:1.8;padding:5px;overflow-wrap:anywhere}.outline .outline-h2{padding-left:13px}.outline .outline-h3{padding-left:23px}dialog{border:1px solid #e5e9df;border-radius:12px;padding:26px;width:450px;max-width:calc(100vw - 30px);box-shadow:0 25px 100px #23351425;color:#384331}dialog::backdrop{background:#1c29183d;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modal-heading h2{font-size:17px}.close-modal{font-size:23px;color:#a0aa95;width:28px;height:28px;border-radius:5px}label{display:block;font-size:12px;color:#707e63;margin:18px 0}label input,label textarea,label select{display:block;width:100%;margin-top:9px;padding:11px 12px;border:1px solid #dfe6d6;border-radius:6px;font-size:13px;color:#394a2f;background:#fff}label textarea{resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}.hint{font-size:11px;color:#9ba68e;line-height:1.9}.danger-link{font-size:11px;color:#b37265;padding:8px 0}.danger-link .icon{width:15px;height:15px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #dce4d4;border-radius:6px;padding:10px;color:#9aa98b}.search-field input{border:0;width:100%;outline:none;font-size:12px}.search-results{max-height:340px;overflow:auto;margin-top:12px}.search-results>button{display:flex;width:100%;padding:12px 8px;text-align:left;border-bottom:1px solid var(--border);justify-content:flex-start}.search-results>button>span{flex:1;min-width:0}.search-results strong{display:block;font-size:12px;font-weight:500}.search-results small{display:block;font-size:10px;color:#a0ad91;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results .icon{width:15px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.template-grid button{flex-direction:column;border:1px solid var(--border);border-radius:7px;padding:20px 8px;gap:14px}.template-grid .icon{color:#88a173;width:26px;height:26px}.template-grid strong{font-size:12px}.template-grid small{font-size:8px;color:#a0ab96}.import-warning{font-size:13px;line-height:2;color:#69755e}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#334a2d;color:white;z-index:100;border-radius:8px;padding:12px 22px;font-size:12px;box-shadow:0 4px 20px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.startup-error{padding:50px}.startup-error button{border:1px solid;padding:10px}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f8f9f7;padding:25px}.login-page form{max-width:420px;width:100%;padding:38px;background:white;border:1px solid var(--border);border-radius:12px}.login-page h1{font-size:23px}.login-page .primary{width:100%}#auth-error{color:#b16f61;font-size:12px}.backup-actions{flex-wrap:wrap}.logout-button{font-size:10px;color:#9b7768}.draft-banner{padding:10px;margin-bottom:20px;background:#fff5dd;font-size:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-list,.share-management{max-height:420px;overflow:auto}.history-list button{display:flex;width:100%;justify-content:space-between;text-align:left;padding:14px 8px;border-bottom:1px solid var(--border);font-size:12px}.history-list small{color:#9ca58e}.version-preview{max-height:350px;overflow:auto;min-height:100px!important}.share-management>div{padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.share-management small{display:block;color:#98a288;margin:7px 0}.share-management button{color:#a7796a;font-size:11px}.editor-actions{flex-wrap:wrap}.book-header-actions{display:flex;gap:8px;margin-left:auto;margin-top:10px;flex-shrink:0}.share-local-note{font-size:12px;line-height:1.8;background:#fbf4e5;border:1px solid #eee0bb;color:#9a7b36;padding:12px;border-radius:6px}.share-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.share-tools a{display:inline-flex}.share-tools .danger-link{margin-left:auto}.reader-body{background:#f8f9f7}.reader-header{height:64px;display:flex;align-items:center;gap:16px;padding:0 30px;border-bottom:1px solid var(--border);background:white}.reader-header strong{font-size:20px;color:var(--green);letter-spacing:2px}.reader-header>span{font-size:11px;color:#8a987d;border-left:1px solid var(--border);padding-left:16px}.reader-header small{margin-left:auto;font-size:11px;color:#a6af9c}.reader-layout{display:flex;gap:30px;max-width:1180px;margin:36px auto;padding:0 24px;align-items:flex-start}.reader-layout.single{max-width:870px;justify-content:center}.reader-nav{width:240px;flex-shrink:0;position:sticky;top:25px;padding:10px}.reader-nav h2{font-size:18px;line-height:1.6;margin:14px 0;overflow-wrap:anywhere}.reader-nav p{font-size:12px;color:#8f9c82;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.reader-nav>small{color:#9faa94;font-size:11px}.reader-nav nav{margin-top:25px}.reader-nav button{display:block;text-align:left;width:100%;padding:11px 12px;border-radius:6px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.reader-nav button.active{color:#217348;background:#e7eedf}.reader-paper{flex:1;min-width:0;width:auto;min-height:65vh}.reader-paper h1{overflow-wrap:anywhere}.reader-label{font-size:10px;color:#91a281;letter-spacing:1px;margin-bottom:17px}.reader-content{min-height:200px}.reader-loading,.reader-error{max-width:700px;margin:80px auto;text-align:center;padding:25px}.reader-error p{font-size:13px;color:#8c987c;line-height:2}.reader-error small{color:#a6b296}.reader-header,.reader-nav,.reader-paper{overflow-wrap:anywhere}
@media(max-width:800px){.book-header-actions{flex-direction:column}.reader-layout{gap:15px;padding:0 16px}.reader-nav{width:180px}.reader-paper{padding:30px 25px}}
@media(max-width:580px){.editor-actions .subtle{padding:5px 8px;font-size:10px}.editor-actions .subtle .icon{display:none}.reader-header{padding:0 18px}.reader-layout{display:block;margin:20px auto}.reader-nav{position:static;width:100%;padding:0 6px 20px}.reader-nav nav{display:flex;overflow:auto;gap:7px;margin-top:15px}.reader-nav button{white-space:nowrap;width:auto;flex-shrink:0}.reader-nav p{margin:6px 0}.reader-paper{padding:30px 22px}.reader-header small{font-size:9px}}
@media(min-width:1500px){.workspace{padding-top:56px}.quick-actions{margin-bottom:48px}.book-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1150px){:root{--side:220px}.workspace{padding:35px 28px}.quick-actions{gap:10px}.quick-actions>button{padding:18px 13px;gap:10px}.quick-actions small{font-size:9px}.quick-plus{display:none}.table-header,.doc-row{grid-template-columns:minmax(140px,1fr) 110px 105px 65px;gap:8px}.outline{display:none}.editor-paper{padding:35px}.book-page{padding:30px}.book-paper{padding:30px}.book-paper .table-header,.book-paper .doc-row{grid-template-columns:minmax(100px,1fr) 100px 90px 60px}}
@media(max-width:800px){:root{--side:200px}.brand-sub{display:none}.workspace{padding:30px 22px}.page-heading h1{font-size:22px}.date{display:none}.quick-actions{grid-template-columns:1fr;gap:8px}.quick-actions>button{padding:13px 16px}.quick-icon{width:32px;height:35px}.quick-actions small{margin-top:4px}.quick-plus{display:block}.book-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.table-header,.doc-row,.book-paper .table-header,.book-paper .doc-row{grid-template-columns:minmax(100px,1fr) 65px}.table-header>span:nth-child(2),.table-header>span:nth-child(3),.book-cell,.row-date{display:none}.book-header{gap:12px}.book-header .eyebrow{display:none}.book-header h1{font-size:22px}.book-header>.subtle{font-size:0;padding:8px}.book-header>.subtle .icon{width:15px}.book-paper{padding:28px 20px}.editor-top{padding:13px 15px}.toolbar{padding:8px 13px}.toolbar-divider{margin:0 3px}.toolbar-export{font-size:0!important}.editor-layout{padding:20px 12px}.editor-paper{padding:28px 24px}.doc-title{font-size:25px}}
@media(max-width:580px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 40px #0001}.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:flex;position:fixed;top:10px;left:10px;z-index:25;background:#f0f4ea;border:1px solid #dde7d3}.workspace{padding:65px 20px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .primary{font-size:10px;padding:8px;margin-top:20px}.book-page{padding:60px 12px 15px}.book-paper{min-height:calc(100vh - 75px)}.editor-top{padding-left:51px}.editor-actions{gap:2px}.save-status{font-size:9px}.breadcrumbs>span{display:none}.editor-paper{border-radius:5px;padding:28px 20px}.toolbar select{width:70px}.toolbar{gap:1px}.toolbar button{min-width:27px;font-size:12px;padding:5px}.toolbar-export{display:none}.outline{display:none}.doc-meta{font-size:9px}.sort-note{font-size:9px}.empty-state{padding:40px 5px}.book-intro{margin:35px 0}.book-grid{gap:10px}.book-card{padding:17px;min-height:180px}}