:root{color-scheme:light;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-soft: #f9fafb;--color-border: #e2e7ee;--color-border-strong: #cfd7df;--color-border-hover: #a7b3c3;--color-control-border: #7b8798;--color-control-border-hover: #596579;--color-text: #20242b;--color-muted: #596579;--color-muted-soft: var(--color-muted);--color-primary: #2563eb;--color-primary-strong: #1d4ed8;--color-primary-soft: #eef4ff;--color-on-primary: #ffffff;--color-danger: #c4362e;--color-danger-strong: #a82922;--color-danger-soft: #fff0ee;--color-on-danger: #ffffff;--color-success: #24704c;--color-success-soft: #eaf6ef;--color-warning: #855900;--color-focus: var(--color-primary);--color-code: #111827;--color-on-code: #f8fafc;--color-inline-code: #eef2f7;--color-highlight: #ffed9b;--color-on-highlight: #302c15;--color-highlight-focus: #855900;--color-backdrop: rgb(15 23 42 / 42%);--color-image-backdrop: rgb(0 0 0 / 88%);--shadow-menu: 0 14px 34px rgb(15 23 42 / 10%);--shadow-card: 0 12px 28px rgb(15 23 42 / 7%);--shadow-selected: 0 1px 3px rgb(0 0 0 / 8%);--shadow-sheet: 0 -12px 48px rgb(0 0 0 / 12%);--radius-control: 8px;--radius-card: 12px;--radius-dialog: 12px;--font-page-title: 28px;--font-dialog-title: 22px}:root[data-theme=dark]{color-scheme:dark;--color-bg: #17191d;--color-surface: #20242b;--color-surface-soft: #242932;--color-border: #333a45;--color-border-strong: #404856;--color-border-hover: #69778a;--color-control-border: #7b8798;--color-control-border-hover: #aab4c0;--color-text: #e9edf2;--color-muted: #aab4c0;--color-primary: #8ab4ff;--color-primary-strong: #adcaff;--color-primary-soft: #243752;--color-on-primary: #10213b;--color-danger: #ff9a94;--color-danger-strong: #ffb5b0;--color-danger-soft: #402a2d;--color-on-danger: #321715;--color-success: #80c8a1;--color-success-soft: #23382e;--color-warning: #e5bd73;--color-inline-code: #2b313a;--color-highlight: #71581c;--color-on-highlight: #fff5d6;--color-highlight-focus: #e5bd73;--color-backdrop: rgb(0 0 0 / 56%);--shadow-menu: 0 16px 38px rgb(0 0 0 / 28%);--shadow-card: 0 16px 34px rgb(0 0 0 / 18%)}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){:root{--radius-dialog: 16px;--font-page-title: 24px;--font-dialog-title: 20px}}:root{color:var(--color-text);background:var(--color-bg);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}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh}html,body,#root{height:100%;overflow:hidden}button,input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font:inherit}button{cursor:pointer;font-size:14px;font-weight:500;line-height:20px;min-height:40px;background:var(--color-surface);color:inherit;padding:9px 12px;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,color .14s ease}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;font-size:16px;font-weight:400;border-color:var(--color-control-border);background:var(--color-surface);color:inherit;padding:10px 12px}input:not([type=checkbox]):not([type=range]):not([type=file]),select{min-height:44px}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}input[readonly]{background:var(--color-surface-soft)}input[type=checkbox],input[type=range]{accent-color:var(--color-primary)}a{color:var(--color-primary-strong)}a:hover{text-decoration-thickness:2px}button:hover:not(:disabled){border-color:var(--color-border-hover)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-control-border-hover)}button:active:not(:disabled){background:var(--color-surface-soft)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-primary)}textarea{resize:vertical}label{font-size:14px;font-weight:500}.loadingShell{display:grid;min-height:100vh;place-items:center;color:var(--color-muted)}.authShell{display:flex;height:100dvh;overflow:auto;padding:24px}.authPanel{display:grid;width:min(100%,380px);flex-shrink:0;gap:18px;margin:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:28px}.authField{display:grid;gap:6px;font-size:14px;font-weight:500}.authField input{min-height:44px;font-size:16px;font-weight:400}.authPanel>.primaryButton{min-height:44px}.authPanel h1,.sectionHeader h1,.libraryHeader h1,.readerTitle h1{margin:0;letter-spacing:0}.authPanel h1{font-size:28px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--radius-card);background:var(--color-border)}.segmented>button{border:0;background:transparent;color:var(--color-muted)}.segmented .active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-selected);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.primaryButton{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.primaryButton:hover:not(:disabled),.primaryButton:active:not(:disabled){border-color:var(--color-primary-strong);background:var(--color-primary-strong)}.secondaryButton{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.ghostButton{border-color:transparent;background:transparent}.ghostButton:hover:not(:disabled),.secondaryButton:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-soft)}.nowrapButton{white-space:nowrap}.iconButton{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:0}.commandButton{display:inline-flex;align-items:center;justify-content:center;gap:6px}.dangerButton{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-danger)}.dangerButton:hover:not(:disabled),.dangerButton:active:not(:disabled){border-color:var(--color-danger-strong);background:var(--color-danger-strong)}.errorText,[role=alert]{margin:0;color:var(--color-danger);font-size:14px}[role=status]{color:var(--color-muted)}.statusNotice{margin:0;padding:12px 16px;border:1px solid var(--color-success);border-radius:var(--radius-control);background:var(--color-success-soft);color:var(--color-success);font-size:14px;line-height:1.7}.saveStatus[data-state=saved]{color:var(--color-success)}.saveStatus[data-state=error]{color:var(--color-danger)}.mutedText,.sectionHeader p,.libraryHeader p,.readerTitle p,.documentCard p,.searchMenu small{color:var(--color-muted)}.appShell{height:100vh;min-height:0;overflow:auto;scrollbar-width:none}.appShell::-webkit-scrollbar{display:none}.readerShell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.readerShell>.documentTopBar{flex-shrink:0}.appHeader,.documentTopBar,.editTopBar{position:sticky;top:0;z-index:10;display:grid;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:10px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.appHeader{grid-template-columns:auto auto minmax(160px,1fr) 124px auto;padding-right:max(16px,calc((100vw - 1180px)/2));padding-left:max(16px,calc((100vw - 1180px)/2))}.documentTopBar{grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding-right:max(16px,calc((100vw - 1180px)/2));padding-left:max(16px,calc((100vw - 1180px)/2))}.editTopBar{grid-template-columns:auto minmax(120px,1fr) auto}.brandButton{border:0;background:transparent;padding-left:0;font-size:18px;font-weight:800}.mainNav{display:flex;gap:6px}.mainNav button,.topicSidebar>button,.topicRow>button{border-color:transparent;background:transparent}.mainNav .active,.topicSidebar .active,.topicRow.active>button{background:var(--color-primary-soft);color:var(--color-primary-strong)}.mainNav button[aria-current=page],.mobileBottomNav button[aria-current=page]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.topicSidebar button.active,.topicRow.active>button,.tocPanel a.active{box-shadow:inset 3px 0 0 var(--color-primary)}.appHeader .globalSearch,.appHeader .globalSearch>input{height:44px}.globalSearch,.moreMenu{position:relative}.searchMenu,.menuPanel{position:absolute;z-index:20;display:grid;overflow:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-menu)}.searchMenu{top:calc(100% + 6px);right:0;left:0;max-height:360px}.searchResults{display:grid;gap:12px;min-width:0}.searchResults .documentCard{grid-template-columns:minmax(0,1fr)}.searchSnippet{color:var(--color-muted);font-size:14px;overflow-wrap:anywhere}.searchResults.compact{padding:8px}.searchResults.compact .documentCard{padding:8px;box-shadow:none}.searchResults.compact h2{font-size:15px}mark{background:var(--color-highlight);color:var(--color-on-highlight);border-radius:2px}.searchMenu button,.menuPanel button{display:grid;gap:4px;border:0;padding:10px 12px;text-align:left}.searchMenu button:hover:not(:disabled),.menuPanel button:hover:not(:disabled){background:var(--color-surface-soft)}.menuHint{margin:0;padding:10px 12px;color:var(--color-danger)}.menuPanel{top:calc(100% + 8px);right:0;min-width:176px;max-width:240px;overflow:visible;padding:6px}.menuPanel:before{position:absolute;right:0;bottom:100%;left:0;height:10px;content:""}.menuPanel button{min-height:34px;border-radius:var(--radius-control);color:var(--color-text);font-size:14px;line-height:1.35;white-space:nowrap}.menuPanel button:active:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-strong)}.menuPanel button:disabled{color:var(--color-muted-soft);opacity:1}.dangerMenuItem{color:var(--color-danger)!important}.dangerMenuItem:hover:not(:disabled),.dangerMenuItem:focus-visible{background:var(--color-danger-soft)!important}.pageShell{display:grid;width:min(100% - 48px,1180px);gap:24px;margin:0 auto;padding:24px 0 48px}.libraryHeader h1,.sectionHeader h1,.utilityHeader h1{font-size:var(--font-page-title)}.libraryHeader p{margin:6px 0 0;font-size:14px}.libraryHeader,.sectionHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.headerActions,.cardActions,.formActions,.dialogActions,.documentActions,.inlineControl{display:flex;align-items:center;gap:10px}.libraryLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;min-height:calc(100vh - 172px)}.topicSidebar{display:grid;align-content:start;min-height:0;gap:24px;overflow:auto;border-right:1px solid var(--color-border);padding-right:16px}.topicSidebar h2{margin:0 0 8px;color:var(--color-muted-soft);font-size:13px;font-weight:700;letter-spacing:0}.sidebarSection{display:grid;gap:6px}.mobileTopicFilter{display:none}.topicSidebar .sidebarSection>button{display:flex;align-items:center;justify-content:space-between;border-color:transparent;background:transparent;color:var(--color-muted);text-align:left}.topicSidebar .sidebarSection>button:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.topicSidebar .sidebarSection>button.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.topicSidebar .sidebarSection>button.active small{color:inherit}.topicSidebar small{color:var(--color-muted-soft);font-size:12px}.topicRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:var(--radius-control)}.topicRow>button{display:grid;gap:3px;min-width:0;color:var(--color-muted);text-align:left}.topicRow span{color:var(--color-muted-soft);font-size:13px}.topicRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topicRow .moreMenu{opacity:0;pointer-events:none;transition:opacity .14s ease}.topicRow:hover .moreMenu,.topicRow:focus-within .moreMenu,.topicRow.active .moreMenu{opacity:1;pointer-events:auto}.documentListPane{display:grid;min-width:0;align-content:start;gap:16px}.listSearch input,.globalSearch input{background:var(--color-surface);box-shadow:0 1px #0f172a08}.documentCards{display:grid;gap:12px}.documentCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:16px;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .14s ease}.documentCard.selectable{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.selectable>input,.selectionBar input{width:16px;height:16px;accent-color:var(--color-primary)}.selectionBar,.selectionActions,.selectionBar label,.undoNotice{display:flex;align-items:center;gap:8px}.selectionBar{justify-content:space-between;flex-wrap:wrap}.selectionBar label{font-size:13px;color:var(--color-muted)}.selectionActions select{width:116px;font-size:13px}.selectionActions{flex-wrap:wrap}.undoNotice{justify-content:space-between;background:var(--color-primary-soft);padding:10px 16px;font-size:14px}.headerActions>.iconButton{flex:0 0 40px}.trashSection{display:grid;gap:12px}.trashSection h2{font-size:18px}.trashRow{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-border);padding:12px 0}.trashRow>div{min-width:0;overflow-wrap:anywhere}.trashRow p{font-size:13px;color:var(--color-muted)}.trashRow button{flex-shrink:0}.documentCard:hover,.documentCard:focus-within{border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.documentCardMain{display:grid;gap:6px;min-width:0;border:0;background:transparent;padding:0;text-align:left}.documentCardMain:hover:not(:disabled),.documentCardMain:active:not(:disabled){background:transparent}.documentCard h2{margin:0;font-size:18px;letter-spacing:0;overflow-wrap:anywhere}.documentPreview{overflow:hidden;color:var(--color-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.documentCard p{margin:0;color:var(--color-muted-soft);font-size:13px}.cardActions{opacity:1;transition:opacity .14s ease}.documentCard:hover .cardActions,.documentCard:focus-within .cardActions{opacity:1}.emptyState{display:grid;min-height:240px;place-items:center;gap:8px;color:var(--color-muted);text-align:center}.emptyState h2{font-size:20px;margin:0;color:inherit;letter-spacing:0}.emptyState p{margin:0}.importPage{justify-items:center}.importPage>*{width:min(100%,820px)}.importForm,.editForm{display:grid;gap:16px}.historyPanel{width:min(100%,720px)}.historyPanel .sectionHeader{flex-direction:row;align-items:center}.versionContent{max-height:45vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-surface-soft);padding:16px}.editTopBar .headerActions{flex-wrap:nowrap}.editTopBar .headerActions>.iconButton{flex:0 0 40px}.importForm{gap:20px}.importField{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:500}.importField input,.importField textarea{font-size:16px}.importPage .sectionHeader h1{font-size:var(--font-page-title)}.importForm .inlineControl{flex-direction:row}.importModes{max-width:360px}.importModes button{font-size:14px}.fileSelection{display:flex;align-items:center;justify-content:space-between;color:var(--color-muted);font-size:13px}.dropzone{position:relative;display:grid;min-height:120px;place-items:center;border:1px dashed var(--color-border-hover);border-radius:8px;background:var(--color-surface-soft);padding:18px;text-align:center;gap:12px;overflow-wrap:anywhere}.dropzone.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.dropzone input{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%)}.dropzone:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.pasteBox{display:grid;gap:10px}.previewPanel{border-top:1px solid var(--color-border);padding-top:16px;overflow-wrap:anywhere;font-size:14px}.previewPanel h2{font-size:13px;font-weight:500;color:var(--color-muted)}.previewPanel p{margin-top:8px;color:var(--color-muted)}.previewPanel h2,.previewPanel p{margin:0 0 8px}.dialogBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:var(--color-backdrop);padding:20px}.dialogPanel{display:grid;width:min(100%,420px);gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);padding:24px;max-height:calc(100dvh - 40px);overflow:auto}.dialogPanel h2,.dialogPanel p{margin:0}.dialogActions{justify-content:flex-end}.documentCrumb{display:grid;min-width:0;gap:2px}.documentCrumb span,.documentCrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documentCrumb span{color:var(--color-muted);font-size:13px}.documentActions{justify-content:flex-end}.documentActions button,.moreMenu>button{min-height:40px;border-color:var(--color-border);white-space:nowrap}.documentActions select{min-height:40px;width:auto;min-width:112px;padding:8px 10px}.moreMenu>button{display:inline-grid;width:40px;place-items:center;padding:0;color:var(--color-muted);font-size:18px;line-height:1}.moreMenu>button:hover:not(:disabled),.moreMenu>button[aria-expanded=true]{background:var(--color-surface-soft);color:var(--color-text)}.readerLayout{display:grid;grid-template-columns:auto minmax(0,1fr);flex:1;min-height:0;background:var(--color-bg)}.tocRail{display:grid;grid-template-rows:auto minmax(0,1fr);width:56px;overflow:hidden;border-right:1px solid var(--color-border);background:var(--color-surface-soft);padding:12px 8px;transition:width .16s ease}.tocRail.open{width:268px;padding-right:12px;padding-left:12px}.tocToggle{justify-self:start;border-color:transparent;background:transparent;color:var(--color-muted);font-size:13px;padding:7px 8px}.tocToggle:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.tocPanel{display:grid;align-content:start;gap:2px;overflow:auto;padding-top:12px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.tocPanel a{border-radius:var(--radius-control);color:var(--color-muted);font-size:13px;line-height:1.35;padding:7px 8px;text-decoration:none;overflow-wrap:anywhere}.tocPanel a:hover{background:var(--color-surface);color:var(--color-text)}.tocPanel a.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.tocLevel3{padding-left:22px;color:var(--color-muted-soft)}.readerPane{min-width:0;overflow:auto;background:var(--color-surface);padding:48px clamp(20px,6vw,88px) 72px}.readerTitle,.markdownBody{max-width:780px;margin:0 auto;overflow-wrap:anywhere}.readerTitle{display:grid;gap:8px;margin-bottom:32px}.readerTitle h1{font-size:32px;line-height:1.35}.readerTitle p{margin:0;font-size:13px}.markdownBody{font-size:17px;line-height:1.82}.markdownBody h1,.markdownBody h2,.markdownBody h3{letter-spacing:0;line-height:1.25}.markdownBody h1{margin:36px 0 18px;font-size:34px}.markdownBody h2{margin:42px 0 16px;font-size:25px}.markdownBody h3{margin:30px 0 12px;font-size:20px}.markdownBody p{margin:0 0 20px}.markdownBody ul,.markdownBody ol{margin:0 0 20px;padding-left:24px}.markdownBody li+li{margin-top:6px}.markdownBody pre{overflow:auto;border-radius:8px;background:var(--color-code);color:var(--color-on-code);padding:14px}.markdownBody code{border-radius:4px;background:var(--color-inline-code);padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.markdownBody pre code{background:transparent;padding:0}.markdownBody blockquote{margin:0 0 22px;border-left:4px solid var(--color-border-strong);color:var(--color-muted);padding-left:14px}.markdownBody img{max-width:100%;border-radius:8px}.markdownBody hr{border:0;border-top:1px solid var(--color-border);margin:28px 0}.taskItem input{width:auto}.tableScroller{overflow-x:auto}.markdownBody table{width:100%;border-collapse:collapse}.markdownBody td,.markdownBody th{border:1px solid var(--color-border);padding:8px 10px}.markdownBody th{background:var(--color-surface-soft);text-align:left}.markdownBody a{color:var(--color-primary-strong)}.markdownBody .task-list-item-checkbox{width:auto}.markdownBody .task-list-item{list-style:none}.markdownBody .task-list-item-checkbox:disabled{opacity:1}.editPage{min-height:100vh;background:var(--color-bg)}.saveStatus{margin:0;color:var(--color-muted);text-align:center;font-size:13px;overflow-wrap:anywhere}.editForm{width:min(100% - 32px,980px);margin:24px auto}.editorLabel{display:grid;gap:8px}.markdownEditor{min-height:calc(100vh - 230px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.65}@media (max-width: 900px){.documentTopBar{grid-template-columns:auto minmax(0,1fr) auto}.sectionHeader,.inlineControl{align-items:stretch;flex-direction:column}.libraryLayout{grid-template-columns:200px minmax(0,1fr);gap:20px}.appHeader{grid-template-columns:minmax(0,1fr) 124px auto;gap:8px 12px}.appHeader .brandButton{grid-area:1 / 1;justify-self:start}.appHeader .mainNav{grid-area:2 / 1}.appHeader .globalSearch{grid-area:2 / 2 / 3 / 4}.appHeader>select{grid-area:1 / 2}.appHeader>button:last-child{grid-area:1 / 3}.documentCard{gap:8px;padding:14px}.cardActions{justify-content:flex-end}.readerLayout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.tocRail{width:100%;max-height:240px;border:0;border-bottom:1px solid var(--color-border);padding:4px 16px}.tocRail.open{width:100%;padding:4px 16px 12px}.readerPane{min-height:0;padding:24px 24px 48px}}@media (max-width: 600px){.documentTopBar{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 16px}.documentActions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;gap:8px}.documentActions select{min-width:0;width:112px;font-size:14px}.editTopBar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 16px}.editTopBar .primaryButton{font-size:14px;padding:8px}.readerPane{padding-right:20px;padding-left:20px}.readerTitle h1{font-size:26px}.markdownBody{font-size:16px}.markdownBody h2{font-size:var(--font-dialog-title)}.appHeader{grid-template-columns:minmax(0,1fr) 106px auto;gap:8px}.appHeader .brandButton{grid-area:1 / 1 / 2 / 4}.appHeader .globalSearch{grid-area:3 / 1 / 4 / 4}.appHeader>select{grid-area:2 / 2}.appHeader>button:last-child{grid-area:2 / 3}.appHeader .mainNav button,.appHeader>select,.appHeader>button:last-child{padding:8px;font-size:14px}.pageShell{width:calc(100% - 32px);gap:20px;padding-top:20px}.libraryHeader{align-items:stretch;flex-direction:column;gap:12px}.headerActions{flex-wrap:wrap;gap:8px}.headerActions>button{flex:1;white-space:nowrap}.libraryLayout{grid-template-columns:minmax(0,1fr);min-height:0}.topicSidebar{overflow:visible;gap:16px;border-right:0;border-bottom:1px solid var(--color-border);padding:0 0 12px;scrollbar-width:thin}.desktopTopics{display:none}.mobileTopicFilter{display:grid;gap:8px;min-width:0}.mobileTopicFilter>label{color:var(--color-muted);font-size:13px}.mobileTopicControl{display:flex;align-items:center;gap:8px;min-width:0}.mobileTopicControl select{min-width:0}.sidebarSection:first-child{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebarSection:first-child h2{grid-column:1 / -1;margin-bottom:0}.sidebarSection:first-child>button{gap:4px;padding:8px;font-size:14px}.documentCard h2{font-size:16px}.documentCard p{overflow-wrap:anywhere}}@media (hover: none){.topicRow .moreMenu,.cardActions{opacity:1;pointer-events:auto}}.readingStateControl{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.readingStateControl select{width:108px}.readerTools{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.readerTools>.iconButton{width:38px;height:38px;min-height:38px}.readerFind{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.readerFind input{width:220px;min-width:0}.readerFind span{white-space:nowrap;font-size:12px;min-width:34px;text-align:center}.readerDialog{display:grid;gap:12px;max-height:85dvh;overflow:auto}.readerDialog .sectionHeader{margin:0;flex-direction:row}.readerDialog .sectionHeader h2{font-size:var(--font-dialog-title)}.readerDialog label{font-size:14px}.readerDialog input[type=range]{padding:0}.bookmarkRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.bookmarkRow>button:first-child{text-align:left;overflow-wrap:anywhere}.readerPane .markdownBody,.readerPane .readerTitle{max-width:var(--reader-width, 780px)}.readerPane .markdownBody{font-size:var(--reader-font, 17px);line-height:var(--reader-line, 1.82)}.codeTools{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;margin-top:16px}.markdownBody img[role=button]{cursor:zoom-in}.imageViewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-image-backdrop);display:flex;align-items:center;justify-content:center;padding:64px 16px 16px}.imageViewer>button{position:absolute;top:16px;right:16px}.imageViewer img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 600px){.readerFind{flex-basis:100%}.readerFind input{flex:1;width:0}}.markdownBody mark.currentMatch{outline:2px solid var(--color-highlight-focus);outline-offset:2px}.importFileList{max-height:240px;overflow:auto}.importFileRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.importFileRow span,.importResult strong{overflow-wrap:anywhere}.importResults h2,.dataSection h2{font-size:18px;margin-bottom:16px}.importResult{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.importResult>div{min-width:0}.importResult p{margin:4px 0 0;font-size:13px}.importResult.imported p{color:var(--color-success)}.importResult.duplicate p{color:var(--color-warning)}.importResult.error p{color:var(--color-danger)}.dataSection{display:grid;justify-items:start;gap:16px;padding:24px 0;border-bottom:1px solid var(--color-border)}.dataSection input{max-width:100%}.backupFile{position:relative;display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-control);max-width:100%;cursor:pointer}.backupFile span{overflow-wrap:anywhere;min-width:0}.backupFile svg{flex-shrink:0}.backupFile input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.backupFile:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}@media (min-width: 901px){.appHeader{padding-left:max(32px,calc((100vw - 1440px)/2));padding-right:max(32px,calc((100vw - 1440px)/2))}.pageShell.sharingPage,.pageShell.importPage{width:min(100% - 64px,1440px);max-width:none}.importPage>.sectionHeader{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.documentCard:hover,.documentCard:focus-within{transform:none}}.mobileSheet{position:fixed;inset:auto 0 0;width:100%;max-width:600px;max-height:min(86dvh,760px);margin:0 auto;padding:0;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);overflow:auto;overscroll-behavior:contain}.mobileSheet::backdrop{background:var(--color-backdrop)}.mobileSheet>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:1}.mobileSheet h2{margin:0;font-size:var(--font-dialog-title)}.mobileSheetBody{padding:20px 20px max(20px,env(safe-area-inset-bottom))}.mobileCommandList{display:grid;gap:4px}.mobileCommandList>button,.mobileCommandList>label{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 12px;border:0;background:transparent;text-align:left}.mobileCommandList select{margin-left:auto;width:142px}.sheetFullButton{width:100%;margin-top:12px}.mobileTopicList{display:grid;margin-top:12px}.mobileTopicList button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:14px 8px;background:transparent}.mobileTopicList button>span{overflow-wrap:anywhere;min-width:0}.mobileTopicList small{display:block;color:var(--color-muted);margin-top:4px}.mobileTopicList button[aria-pressed=true]{color:var(--color-primary)}.documentSelect{display:flex;align-items:center;justify-content:center}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){button,a,input,textarea,select,label{-webkit-tap-highlight-color:transparent}.mobileBottomNav button:active,.mobileCommandList button:active,.readerTools>button:active,.documentCardMain:active{background:var(--color-primary-soft)}input,textarea,select{font-size:16px}button,.iconButton,.moreMenu>button{min-height:44px}.iconButton,.moreMenu>button{width:44px;height:44px;flex-shrink:0}.appShell:not(.readerShell):has(.mobileBottomNav){padding-top:env(safe-area-inset-top);padding-bottom:calc(68px + env(safe-area-inset-bottom))}.mobileBottomNav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);padding:4px 12px max(4px,env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border)}.mobileBottomNav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:54px;border:0;background:transparent;color:var(--color-muted);font-size:12px}.mobileBottomNav button[aria-current=page]{color:var(--color-primary);background:var(--color-primary-soft)}.pageShell{padding-top:16px;padding-bottom:20px;gap:16px}.libraryHeader{flex-direction:row;align-items:center;gap:12px}.libraryHeader h1{font-size:24px}.libraryHeader p{font-size:12px;margin-top:4px}.libraryLayout{gap:12px}.mobileLibraryFilters{display:grid;gap:8px}.mobileScopeTabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--color-border)}.mobileScopeTabs button{color:var(--color-muted);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 4px}.mobileScopeTabs button[aria-pressed=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.mobileTopicRow{display:flex;gap:8px}.mobileTopicButton{display:flex;align-items:center;gap:8px;min-width:0;border:0;background:transparent;padding:4px;flex:1;text-align:left}.mobileTopicButton span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.documentListPane{gap:10px}.listSearch input{min-height:44px}.selectionBar{margin:0;gap:8px;min-height:44px}.selectionBar>span,.selectionBar>label{font-size:13px;color:var(--color-muted)}.selectionBar>label{min-height:44px}.selectionActions{gap:4px}.selectionActions select{width:112px;min-height:44px;font-size:14px}.mobileSelectionActive{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface)}.mobileSelectionActive select{display:none}.documentCards{gap:0;border-top:1px solid var(--color-border)}.libraryPage .documentCard.selectable{grid-template-columns:minmax(0,1fr) 44px;gap:6px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:12px 0;background:transparent}.libraryPage.isSelecting .documentCard.selectable{grid-template-columns:44px minmax(0,1fr)}.libraryPage.isSelecting .cardActions{display:none}.libraryPage.isSelecting .documentCard:has(input:checked){background:var(--color-primary-soft)}.documentSelect{min-width:44px;min-height:44px}.documentCardMain h2{font-size:16px;line-height:1.5}.documentCardMain p{line-height:1.5;font-size:12px}.documentCardMain{padding:0 4px}.cardActions .moreMenu>button{opacity:1}.readerShell .documentTopBar{order:0;grid-template-columns:44px minmax(0,1fr) auto;gap:4px;padding:env(safe-area-inset-top) 8px 0;min-height:58px}.readerShell .documentActions{grid-column:auto;gap:0}.readerShell .documentActions .iconButton{border:0;background:transparent}.documentCrumb strong{font-size:14px}.readerShell .readerLayout{order:1;grid-template-rows:minmax(0,1fr)}.readerShell .readerTools{order:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:4px 8px max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);border-bottom:0}.readerTools>.iconButton{justify-self:center;width:48px;height:48px;background:transparent;border:0}.readerTools>.readerFind{grid-column:1 / -1;grid-row:1;padding:4px 0 8px}.readerTools>.errorText{grid-column:1 / -1}.readerPane{padding:20px 20px 40px;overscroll-behavior:contain}.readerTitle{margin-bottom:24px;gap:6px}.readerTitle h1{font-size:26px}.readingStateControl{margin-bottom:6px}.mobileToc{padding:0;overflow:visible}.mobileToc a{display:flex;align-items:center;min-height:48px;font-size:16px}.mobileSheet .readerDialog{max-height:none;overflow:visible}.mobileSheet .readerDialog input[type=range]{min-height:44px}.dialogBackdrop{align-items:flex-end;padding:0}.dialogPanel{width:100%;max-height:86dvh;overflow:auto;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.importPage h1,.dataPage h1{font-size:24px}.importPage .inlineControl{flex-direction:row}.importPage textarea{min-height:220px}.menuPanel{min-width:180px}.menuPanel button{min-height:48px}}.mobileShareAccount{margin:0;color:var(--color-muted);font-size:12px}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.sharingPage{padding-top:12px}}.importToolbar,.sharingScopeRow{display:flex;align-items:center;gap:8px;min-width:0}.importToolbar .importModes{flex:1;min-width:0}.importToolbar>.primaryButton{flex-shrink:0;min-width:64px}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.sharingScopeRow .sharingTabs{flex:1;min-width:0}.sharingScopeRow .sharingTabs button,.importToolbar .importModes button{padding-inline:8px}}.sharingPage{max-width:1100px}.dialogPanel.sharingDialog{width:min(580px,100%)}.readerModal{margin:auto;color:var(--color-text);max-width:calc(100% - 40px)}.readerModal:not([open]){display:none}.readerModal::backdrop{background:var(--color-backdrop)}.sharingDialog p{margin:0}.documentAccessError{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.documentAccessError h1{font-size:22px;margin:0}.documentAccessError p{margin:0;color:var(--color-muted);overflow-wrap:anywhere}.documentAccessError p[role=alert]{color:var(--color-danger)}.documentAccessError>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.shareAccount,.sharingDocTitle,.shareIdentity{overflow-wrap:anywhere}.sharingToolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.sharingToolbar input{width:min(360px,100%)}.sharingTabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-border)}.sharingTabs button{border:0;border-radius:0;background:transparent;padding:12px 16px;border-bottom:2px solid transparent}.sharingTabs button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}.sharedRow{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);padding:12px 0}.sharedOpen{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:8px 0}.sharedOpen h2{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.sharedOpen p,.sharedOpen small{color:var(--color-muted);margin:0;overflow-wrap:anywhere;font-size:14px}.sharedOpen small{display:block;margin-top:8px;color:var(--color-primary)}.sharingPrivacy{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:14px}.sharingPrivacy svg{flex-shrink:0}.shareForm,.shareForm label{display:grid;gap:8px;font-size:14px}.shareGrant{display:flex;align-items:end;gap:12px}.shareGrant label{flex:1;min-width:0}.shareGrant button,.readerDialog>.primaryButton{display:flex;justify-content:center;align-items:center;gap:8px}.shareListTitle{font-size:15px;margin:12px 0 0}.shareRecipients{padding:0;margin:0;list-style:none}.shareRecipients li{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.shareIdentity strong,.shareIdentity small{display:block}.shareIdentity strong{font-size:14px}.shareIdentity small{color:var(--color-muted)}.shareRecipients select{font-size:13px}.sharingPolicy{font-size:13px;color:var(--color-muted);line-height:1.7}.sharedReadNotice{color:var(--color-primary)!important}.sharingPagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.mobileBottomNav{grid-template-columns:repeat(4,minmax(0,1fr))}.sharingPage h1{font-size:24px}.sharingToolbar{flex-direction:column;gap:12px}.sharingToolbar input{width:100%}.sharingTabs button{flex:1}.sharedRow{padding:10px 0}.shareRecipients li{grid-template-columns:minmax(0,1fr) 44px}.shareIdentity{grid-column:1 / -1}.shareRecipients select{font-size:16px}.sharedTopBar{gap:8px}}.accountPage{max-width:900px}.headerAccountActions{display:flex;align-items:center;gap:8px}@media (max-width: 900px){.appHeader>.headerAccountActions{grid-area:1 / 3}}.adminUsersPage{max-width:1100px}.accountSection{padding:24px 0;border-bottom:1px solid var(--color-border)}.accountSection h2{font-size:18px;margin:0 0 20px}.accountForm{display:grid;gap:16px;max-width:480px}.accountForm label{display:grid;gap:8px;font-size:14px}.passwordField{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:500}.passwordField>div{display:flex;gap:8px;min-width:0}.passwordField input{flex:1;min-width:0;font-size:16px;font-weight:400}.passwordField button{flex-shrink:0;width:44px;height:44px}.accountNote{font-size:14px;color:var(--color-muted);line-height:1.7;margin:0}.accountCommand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.accountCommand p{color:var(--color-muted);font-size:14px;margin:6px 0 0}.accountCommand>button,.accountSection>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.accountIdentity{min-width:0;overflow-wrap:anywhere}.accountIdentity small{display:block;color:var(--color-muted);margin-top:4px}.accountIdentity p{font-size:13px;color:var(--color-muted);margin:6px 0 0}.managedUser{display:grid;grid-template-columns:minmax(0,1fr) 160px 88px;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-border)}.managedUserActions{display:flex;gap:8px}.accountState{font-size:13px;color:var(--color-primary)}.accountState.enabled{color:var(--color-success)}.accountState.pending{color:var(--color-warning)}.accountState.disabled{color:var(--color-danger)}.accountEvent{padding:16px 0;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.accountEvent p{margin:6px 0}.accountEvent small{color:var(--color-muted)}.temporaryPassword{font-family:ui-monospace,monospace;font-size:16px}.adminContact{overflow-wrap:anywhere}.textButton{border:0;color:var(--color-primary-strong);background:transparent}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.accountPage h1,.adminUsersPage h1{font-size:24px}.accountCommand{align-items:start;flex-direction:column;gap:12px}.accountCommand>button{width:100%;min-height:44px}.managedUser{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.managedUser .accountIdentity{grid-column:1 / -1}.accountForm{max-width:none}.accountSection{padding:20px 0}.authShell{padding:16px}.authPanel{max-width:100%;padding:20px;gap:16px}.authPanel h1{font-size:24px}}.libraryPage{width:min(100% - 64px,1440px);gap:20px}.libraryPage .libraryLayout{grid-template-columns:220px minmax(0,1fr);gap:32px;min-height:0}.libraryPage .topicSidebar{gap:24px}.libraryPage .libraryHeader{align-items:center}.libraryPage .documentListPane{gap:12px}.libraryToolbar{display:flex;align-items:center;gap:20px}.librarySearchGroup{flex:1;min-width:160px}.libraryPage .listSearch{display:flex;position:relative;align-items:center}.libraryPage .listSearch>svg{position:absolute;left:12px;color:var(--color-muted);pointer-events:none}.libraryPage .listSearch input{padding-left:38px;padding-right:44px;min-height:44px}.libraryPage .listSearch>button,.libraryPage .listSearch>kbd{position:absolute;right:4px}.libraryPage .listSearch>button{background:transparent;border:0}.libraryPage .listSearch>kbd{right:14px;color:var(--color-muted);font:inherit;font-size:13px;border:1px solid var(--color-border);padding:0 6px;border-radius:4px}.libraryPage .listSearch input::-webkit-search-cancel-button{display:none}.searchAllButton{margin-top:8px;color:var(--color-primary);border:0;background:transparent;padding:4px 0}.libraryPage .selectionBar{flex-shrink:0;gap:16px}.libraryPage .selectionBar>span{min-width:6em;font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}.libraryPage .selectionActions>select{border-color:transparent;background:transparent}.libraryPage .documentCards{gap:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.libraryPage .documentCard.selectable{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 20px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent}.libraryPage .documentCard:last-child{border-bottom:0}.libraryPage .documentCard:hover,.libraryPage .documentCard:focus-within{transform:none;box-shadow:none;background:var(--color-surface-soft)}.libraryPage .documentCardMain{gap:7px;grid-template-columns:minmax(0,1fr) auto}.libraryPage .documentCardMain h2{grid-column:1 / -1}.libraryPage .documentCardMain h2{font-size:17px;font-weight:650}.libraryPage .documentPreview{display:flex;align-items:center;gap:12px;font-size:13px}.libraryPage .documentPreview>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libraryPage .documentReadingState{flex-shrink:0;color:var(--color-muted);font-size:12px}.libraryPage .documentReadingState.reading{color:var(--color-primary)}.libraryPage .documentCardMain p{margin:0;font-size:12px;color:var(--color-muted)}.libraryPage .cardActions{gap:4px}.libraryPage .cardActions .iconButton,.libraryPage .cardActions .moreMenu>button{background:transparent;border-color:transparent;color:var(--color-muted)}.libraryPage .cardActions .isFavorite{color:var(--color-primary)}.libraryPage.isSelecting .documentCard.selectable{grid-template-columns:28px minmax(0,1fr)}.libraryPage .documentSelect input{width:18px;height:18px;accent-color:var(--color-primary)}.libraryPage .documentCard:has(input:checked){background:var(--color-primary-soft)}.libraryPage .emptyState{padding:64px 20px}.libraryPage .emptyState>button{margin:6px}.importIntro{margin:8px 0 0;color:var(--color-muted);font-size:14px}.importOptions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.importPage .importOptions .importField{margin:0}@media (min-width: 601px){.importPage>.sectionHeader{width:min(100%,820px)}.importPage .formActions{justify-content:flex-end}}@media (min-width: 901px){.libraryPage .topicSidebar{position:sticky;top:84px;align-self:start;max-height:calc(100dvh - 200px);grid-template-rows:auto minmax(0,1fr);overflow:visible}.libraryPage .desktopTopics{min-height:0;grid-template-rows:auto minmax(0,1fr);gap:8px}.topicListScroll{display:grid;align-content:start;gap:6px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;scrollbar-gutter:stable;padding-right:4px}.topicListScroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:6px}.topicListScroll .topicRow .moreMenu{opacity:1;pointer-events:auto}.topicListScroll .topicRow .moreMenu>button{display:grid;place-items:center;width:32px;height:36px;min-height:36px;padding:0;border-color:transparent;background:transparent;color:var(--color-muted)}.topicListScroll .topicRow .moreMenu>button:hover,.topicListScroll .topicRow .moreMenu>button[aria-expanded=true]{background:var(--color-surface);color:var(--color-text)}}@media (min-width: 601px) and (max-width: 1000px){.libraryPage{width:calc(100% - 32px)}.libraryPage .libraryLayout{grid-template-columns:180px minmax(0,1fr);gap:20px}.libraryToolbar{flex-wrap:wrap;gap:8px}.librarySearchGroup,.libraryPage .selectionBar{width:100%}}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.libraryPage{width:calc(100% - 32px);padding-top:12px;gap:12px}.libraryPage .libraryLayout{display:flex;flex-direction:column;gap:8px}.libraryPage .mobileLibraryFilters{gap:0}.libraryPage .mobileTopicRow{align-items:center}.libraryPage .mobileTopicRow>.iconButton{border:0;background:transparent}.libraryPage .documentListPane{gap:4px}.libraryToolbar{flex-direction:column;gap:4px;align-items:stretch}.librarySearchGroup{width:100%}.libraryPage .listSearch>kbd{display:none}.libraryPage .selectionBar{min-height:44px;gap:8px}.libraryPage .documentCards{background:transparent;border:0;border-top:1px solid var(--color-border);border-radius:0}.libraryPage .documentCard.selectable{position:relative;padding:16px 0;grid-template-columns:minmax(0,1fr);gap:4px}.libraryPage .documentCardMain{grid-template-columns:minmax(0,1fr)}.libraryPage .documentCardMain h2{font-size:16px}.libraryPage .cardActions{position:absolute;right:0;bottom:12px;flex-direction:row;gap:0;opacity:1}.libraryPage:not(.isSelecting) .documentPreview,.libraryPage:not(.isSelecting) .documentCardMain p{padding-right:88px}.libraryPage .cardActions .iconButton,.libraryPage .cardActions .moreMenu>button{color:var(--color-muted);opacity:1}.libraryPage .cardActions .isFavorite{color:var(--color-primary)}.libraryPage.isSelecting .documentCard.selectable{grid-template-columns:44px minmax(0,1fr)}.libraryPage .emptyState{padding:48px 12px}.importOptions{grid-template-columns:minmax(0,1fr);gap:12px}.importPage .importModes{max-width:none}.importPage .formActions{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));margin:0 -8px;padding:12px 8px;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:2}.importPage .formActions .primaryButton{flex:1}}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.importPage{padding-top:12px;gap:16px}.importPage .importForm{gap:16px}.importPage .importDraftHint{margin:0;font-size:12px;color:var(--color-muted)}}.appDialog{margin:auto;width:min(440px,calc(100% - 40px));padding:24px;gap:20px;border-color:var(--color-border);border-radius:var(--radius-dialog);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-menu)}.appDialog:not([open]){display:none}.appDialog.historyPanel{width:min(720px,calc(100% - 40px))}.appDialog::backdrop{background:var(--color-backdrop)}.appDialog h2{font-size:var(--font-dialog-title);line-height:1.4;overflow-wrap:anywhere}.appDialog .dialogDescription{color:var(--color-muted);line-height:1.7;overflow-wrap:anywhere}.appDialog form,.appDialog label{display:grid;gap:8px;min-width:0}.appDialog form{gap:20px}.appDialog label{font-size:14px}.appDialog input,.appDialog textarea,.appDialog select{font-size:16px}.appDialog .dialogActions{margin-top:4px;gap:10px}.appDialog .dialogActions button{min-width:84px}.menuPanel .menuError{margin:0;padding:10px 12px;max-width:260px;font-size:13px;white-space:normal}.floatingMenu{position:fixed;inset:auto;z-index:50;width:max-content;max-width:min(240px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;visibility:hidden}.floatingMenu:before{display:none}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.appDialog{width:100%;max-width:none;max-height:calc(100dvh - 24px);margin:auto 0 0;padding:20px 20px max(20px,env(safe-area-inset-bottom));border-radius:var(--radius-dialog) var(--radius-dialog) 0 0}.appDialog.historyPanel{width:100%}.appDialog .dialogActions{display:grid;grid-template-columns:1fr 1fr}}.utilityPage{max-width:960px;gap:24px}.utilityHeader{display:grid;gap:20px;justify-items:start}.utilityHeader>button{padding-left:0;color:var(--color-muted);border:0;background:transparent}.utilityHeader h1{margin:0 0 8px}.utilityHeader p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.7}.backupSections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.utilityPage .dataSection{align-content:start;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:24px;gap:16px}.utilityPage .dataSection>svg{color:var(--color-primary)}.utilityPage .dataSection h2{margin:0;font-size:18px}.utilityPage .dataSection p{margin:0;font-size:14px;line-height:1.8;color:var(--color-muted)}.utilityPage .dataSection .statusNotice{color:var(--color-success)}.utilityPage .dataSection .errorText{color:var(--color-danger)}.utilityPage .backupFile{border-color:var(--color-control-border);width:100%;min-height:72px;justify-content:center;border-style:dashed;background:var(--color-surface-soft)}.utilityPage .backupFile:hover{border-color:var(--color-primary)}.backupSelected{display:flex;width:100%;align-items:center;gap:12px}.backupSelected>div{flex:1;min-width:0;overflow-wrap:anywhere}.backupSelected strong,.backupSelected small{display:block}.backupSelected strong{font-size:14px}.backupSelected small{color:var(--color-muted);margin-top:4px}.utilityPage .trashSection{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px 24px;background:var(--color-surface);gap:0}.utilityPage .trashSection h2{margin:0 0 12px}.utilityPage .trashRow:last-child{border-bottom:0}.utilityPage .emptyState{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:48px 24px}.emptyState{align-content:center;text-align:center;color:var(--color-muted)}.emptyState h2{color:var(--color-text)}.emptyState p{max-width:420px;font-size:14px;line-height:1.8}.emptyState>svg{color:var(--color-muted);margin-bottom:4px}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.utilityPage{gap:20px;padding-top:8px}.utilityHeader{gap:8px}.backupSections{grid-template-columns:minmax(0,1fr);gap:16px}.utilityPage .dataSection,.utilityPage .trashSection{padding:20px}.utilityPage .dataSection>.commandButton{width:100%;justify-content:center}.utilityPage .dataSection>svg{width:24px;height:24px}}.readerPane .readerTitle{font-size:var(--reader-font, 17px)}.readerPane .readerTitle h1{font-size:1.9em}.markdownBody h1{font-size:1.8em}.markdownBody h2{font-size:1.5em}.markdownBody h3{font-size:1.2em}.documentActions>.documentCommand{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px}.readerPane .readerTitle{gap:10px}.readerTitle .readingStateControl{margin:2px 0 0;gap:8px}.readerTitle .readingStateControl select{width:auto;min-width:94px;border-color:transparent;background:var(--color-surface-soft);color:var(--color-muted);font-size:13px}.readerTitle .readingStateControl .iconButton{border-color:transparent;background:transparent;color:var(--color-muted)}.readerTitle .readingStateControl .iconButton[aria-pressed=true]{color:var(--color-primary)}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.readerTitle .readingStateControl select{font-size:16px}.readerPane .readerTitle h1{font-size:1.7em}.readerShell .documentActions>.documentCommand{min-height:44px;padding:8px;gap:4px;border:0;background:transparent}}.publicLinkPanel{display:grid;gap:12px}.publicLinkForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.publicLinkForm label{display:grid;gap:8px;min-width:0;font-size:14px}.publicLinkForm input,.publicLinkForm select{width:100%;min-width:0}.publicLinkForm .primaryButton{grid-column:1 / -1}.publicLinkListHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.publicLinkListHeader h3{margin:0}.publicLinks{display:grid;gap:12px;padding:0;margin:0;list-style:none}.publicLinks li{display:grid;gap:10px;padding:14px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:8px;min-width:0}.publicLinks input{width:100%;min-width:0;font-size:13px}.publicLinkSummary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px}.publicLinkSummary strong{color:var(--color-success);font-weight:500}.publicLinkSummary strong.mutedText{color:var(--color-muted)}.publicLinkActions{display:flex;flex-wrap:wrap;gap:8px}.publicLinkActions button{display:inline-flex;align-items:center;gap:6px}.publicLinkCopyStatus{font-size:13px;color:var(--color-muted);overflow-wrap:anywhere}.publicReader{height:100dvh;overflow:auto;background:var(--color-surface)}.publicArticle{max-width:860px;padding:40px 32px 80px;margin:0 auto}.publicArticle .readerTitle{margin-bottom:24px}.publicArticle h1{overflow-wrap:anywhere}.publicToc{display:grid;gap:8px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:28px}.publicToc a{overflow-wrap:anywhere}.publicToc .tocLevel3{padding-left:16px}@media (max-width: 600px){.publicArticle{padding:24px 20px 48px}.publicLinkForm input,.publicLinkForm select,.publicLinks input{font-size:16px}}.libraryPage .selectionBar{flex-wrap:nowrap}.libraryScope{display:flex;flex-direction:column;justify-content:center;width:180px;height:44px;min-width:0}.libraryScope h2{margin:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libraryScope small{color:var(--color-muted);font-size:12px}.continueReading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;min-width:0;min-height:44px;padding:0 4px;border:0;background:transparent;text-align:left}.continueReading span{color:var(--color-primary-strong);font-size:12px}.continueReading strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.continueReading:hover{background:var(--color-primary-soft)}.importPage .importToolbar{position:sticky;top:76px;z-index:5;justify-content:space-between;padding-block:8px;margin-block:-8px;background:var(--color-bg)}.importSave{display:flex;align-items:center;gap:12px;flex-shrink:0}.importSave kbd{color:var(--color-muted);font-family:inherit;font-size:12px}.importDraftHint,.importSummary{margin:0;color:var(--color-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.importPage .pasteBox,.importPage .importOptions,.importPage input,.importPage select{scroll-margin-top:144px}.readerTools>.readerTool{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:0 10px;border-color:transparent;background:transparent;color:var(--color-muted);font-size:13px}.readerTools>.readerTool:hover,.readerTools>.readerTool[aria-expanded=true]{color:var(--color-primary-strong);background:var(--color-primary-soft)}@media (max-width: 1000px){.libraryScope{flex:1;width:0}.importSave kbd{display:none}}@media (min-width: 601px) and (max-width: 900px){.importPage .importToolbar{top:128px}.importPage input,.importPage select{scroll-margin-top:204px}}@media (max-width: 600px),(pointer: coarse) and (max-height: 500px) and (max-width: 1000px){.libraryPage .selectionActions{flex-wrap:nowrap}.libraryPage .selectionActions select{width:112px}.libraryScope h2,.continueReading strong{font-size:13px}.importPage .importToolbar{top:env(safe-area-inset-top,0px)}.importPage .pasteBox,.importPage .importOptions,.importPage input,.importPage select{scroll-margin-top:80px}.appShell:has(.importPage){scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))}.readerTools>.readerTool{flex-direction:column;gap:3px;width:48px;height:48px;padding:0;font-size:11px;line-height:1.2}}