:root{--bg: #ffffff;--side: #f7f7f5;--hover: rgba(55, 53, 47, .08);--active: rgba(55, 53, 47, .12);--text: #37352f;--muted: rgba(55, 53, 47, .6);--faint: rgba(55, 53, 47, .35);--side-head: rgb(161, 158, 153);--side-head-hover: rgb(95, 94, 89);--border: rgba(55, 53, 47, .12);--accent: #2383e2;--code: #f7f6f3;--pop: #ffffff;--shadow: 0 0 0 1px rgba(15, 15, 15, .05), 0 3px 6px rgba(15, 15, 15, .1), 0 9px 24px rgba(15, 15, 15, .2);--danger: #eb5757;--accent-soft: rgba(35, 131, 226, .15);--accent-ring: rgba(35, 131, 226, .4);--on-accent: #ffffff;--inline-code: #eb5757;--card-shadow: rgba(15, 15, 15, .06);--backdrop: rgba(15, 15, 15, .4);--t-gray: #e3e2e0;--t-brown: #eee0da;--t-orange: #fadec9;--t-yellow: #fdecc8;--t-green: #dbeddb;--t-blue: #d3e5ef;--t-purple: #e8deee;--t-pink: #f5e0e9;--t-red: #ffe2dd;--t-ink: #32302c;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #191919;--side: #202020;--hover: rgba(255, 255, 255, .055);--active: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .86);--muted: rgba(255, 255, 255, .55);--faint: rgba(255, 255, 255, .3);--side-head: rgba(255, 255, 255, .45);--side-head-hover: rgba(255, 255, 255, .8);--border: rgba(255, 255, 255, .1);--code: #2a2a2a;--pop: #252525;--t-gray: #373737;--t-brown: #4a3c35;--t-orange: #5c3b23;--t-yellow: #56462b;--t-green: #2b4632;--t-blue: #28456c;--t-purple: #483a5a;--t-pink: #533b4c;--t-red: #5e3434;--t-ink: rgba(255, 255, 255, .86);color-scheme:dark}}:root[data-theme=dark]{--bg: #191919;--side: #202020;--hover: rgba(255, 255, 255, .055);--active: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .86);--muted: rgba(255, 255, 255, .55);--faint: rgba(255, 255, 255, .3);--side-head: rgba(255, 255, 255, .45);--side-head-hover: rgba(255, 255, 255, .8);--border: rgba(255, 255, 255, .1);--code: #2a2a2a;--pop: #252525;--t-gray: #373737;--t-brown: #4a3c35;--t-orange: #5c3b23;--t-yellow: #56462b;--t-green: #2b4632;--t-blue: #28456c;--t-purple: #483a5a;--t-pink: #533b4c;--t-red: #5e3434;--t-ink: rgba(255, 255, 255, .86);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input{font:inherit;color:inherit}kbd{font-size:11px;color:var(--faint);margin-left:auto}.muted{color:var(--muted)}.pad{padding:12px}#app{display:flex;height:100vh}#sidebar{width:248px;flex:none;background:var(--side);overflow-y:auto;padding:8px 6px 24px;border-right:1px solid var(--border);font-size:14px;-webkit-user-select:none;user-select:none;transition:margin .2s}body.side-hidden #sidebar{margin-left:-248px}#main{flex:1;min-width:0;display:flex;flex-direction:column}#page{flex:1;overflow-y:auto}.ws{display:flex;align-items:center;gap:8px;padding:6px 8px 10px;font-weight:600}.ws-icon{width:22px;height:22px;border-radius:4px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:12px}.side-btn{display:flex;width:100%;align-items:center;gap:6px;padding:4px 10px;border-radius:5px;color:var(--muted);text-align:left}.side-btn:hover,.item:hover{background:var(--hover)}.side-sec{display:flex;align-items:center;padding:14px 10px 4px;font-size:12px;font-weight:600;color:var(--muted)}.sec-actions{margin-left:auto;opacity:0}.side-sec:hover .sec-actions{opacity:1}.item{display:flex;align-items:center;gap:2px;height:30px;border-radius:5px;padding-left:calc(4px + var(--d) * 16px);padding-right:4px;cursor:pointer;position:relative}.item.on{background:var(--active);font-weight:600}.lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{width:20px;height:20px;border-radius:4px;font-size:13px;color:var(--faint);flex:none;transition:transform .15s}.caret:hover{background:var(--active)}.caret.open{transform:rotate(90deg)}.caret.blank{visibility:hidden}.item-actions{display:none;gap:2px}.item:hover .item-actions{display:flex}.item-actions button,.sec-actions button{width:22px;height:22px;border-radius:4px;color:var(--muted)}.item-actions button:hover,.sec-actions button:hover{background:var(--active)}.drop-inside{background:var(--accent-soft)!important}.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}#topbar{height:44px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:14px}.crumbs{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden;flex:1}.crumbs button{padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.crumbs button:hover,.icon-btn:hover{background:var(--hover)}.sep{color:var(--faint)}.save-status{color:var(--faint);font-size:12px}.icon-btn{width:28px;height:28px;border-radius:5px;color:var(--muted);font-size:16px}.page{max-width:848px;margin:0 auto;padding:84px 64px 30vh}.page.wide{max-width:1200px}.head-tools{height:28px;opacity:0;transition:opacity .15s}.page-head:hover .head-tools,.head-tools:focus-within{opacity:1}.page-head{padding:0 8px}.ghost{color:var(--muted);font-size:14px;padding:4px 8px;border-radius:5px}.ghost:hover{background:var(--hover)}.page-icon{font-size:72px;line-height:1;width:78px;height:78px;padding:0;display:grid;place-items:center;border-radius:6px;margin:0 0 28px}.page-icon:hover{background:var(--hover)}.page-title{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 8px;outline:none;word-break:break-word}.page-title:empty:before{content:attr(data-ph);color:var(--faint)}.empty{display:grid;place-items:center;gap:12px;padding:20vh 0;color:var(--muted)}.props-panel:not(:empty){padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border)}.prop-line{display:flex;align-items:center;min-height:34px;font-size:14px}.prop-label{width:160px;color:var(--muted);flex:none}.prop-line .prop-cell{flex:1}.prop-line .prop-cell input[type=date]{width:auto}.ProseMirror{outline:none;padding:0 8px}.ProseMirror p{margin:0;padding:8px 0;line-height:24px}.ProseMirror p[data-indent="1"]{margin-left:30px}.ProseMirror p[data-indent="2"]{margin-left:60px}.ProseMirror p[data-indent="3"]{margin-left:90px}.ProseMirror p[data-indent="4"]{margin-left:120px}.ProseMirror p[data-indent="5"]{margin-left:150px}.ProseMirror p[data-indent="6"]{margin-left:180px}.ProseMirror p[data-indent="7"]{margin-left:210px}.ProseMirror p[data-indent="8"]{margin-left:240px}.ProseMirror h1{font-size:30px;font-weight:600;margin:0;padding:32px 0 8px;line-height:1.3}.ProseMirror h2{font-size:24px;font-weight:600;margin:0;padding:28px 0 8px;line-height:1.3}.ProseMirror h3{font-size:20px;font-weight:600;margin:0;padding:23.8px 0 13px;line-height:1.3}.ProseMirror ul,.ProseMirror ol{padding-left:30px;margin:0}.ProseMirror li ul,.ProseMirror li ol{padding-left:32px}.ProseMirror li>p,.ProseMirror li>div>p{padding:3px 0}.ProseMirror ul:not([data-type=taskList]){list-style:none}.ProseMirror ul:not([data-type=taskList])>li{position:relative}.ProseMirror ul:not([data-type=taskList])>li:before{content:"•";position:absolute;left:-24px;top:0;width:24px;height:30px;float:none;color:inherit;text-align:center;font-size:24px;line-height:30px;pointer-events:none;-webkit-user-select:none;user-select:none}.ProseMirror ul:not([data-type=taskList]) ul:not([data-type=taskList])>li:before{content:"◦"}.ProseMirror ul:not([data-type=taskList]) ul:not([data-type=taskList]) ul:not([data-type=taskList])>li:before{content:"▪";font-size:16px}.ProseMirror blockquote{border-left:3px solid currentColor;margin:0;padding:0 0 0 22px}.ProseMirror pre{background:var(--code);border-radius:6px;padding:24px 22px;font-size:13.6px;line-height:1.5;overflow-x:auto;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}.ProseMirror code{background:var(--code);color:var(--inline-code);border-radius:4px;padding:.1em .35em;font-size:85%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ProseMirror pre code{background:none;color:inherit;padding:0;font-size:inherit}.ProseMirror hr{border:0;border-top:1px solid var(--border);margin:6px 0;height:0;box-sizing:content-box}.ProseMirror a{color:inherit;text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px;cursor:pointer;font-weight:500}.ProseMirror a[href^="/p/"]{text-decoration:none;border-bottom:1px solid var(--faint)}.ProseMirror a:hover{background:var(--hover)}.ProseMirror p.is-empty:before,.ProseMirror .is-empty:before{content:attr(data-placeholder);color:var(--faint);float:left;height:0;pointer-events:none}.ProseMirror:not(:focus-within) .is-empty:not(.is-editor-empty):before{content:none}.ProseMirror ul[data-type=taskList],ul[data-type=taskList]{list-style:none;padding-left:0}.ProseMirror li ul[data-type=taskList]{padding-left:2px}ul[data-type=taskList] li{display:flex;gap:0;align-items:flex-start}ul[data-type=taskList] li>label{margin-top:7px;flex:none;display:flex;width:30px;height:16px;padding-left:5px;box-sizing:border-box}ul[data-type=taskList] li>label input{width:16px;height:16px;accent-color:var(--accent)}ul[data-type=taskList] li>div{flex:1}ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--muted)}.details{display:flex;gap:6px;margin:0}.details>button{width:24px;height:24px;border-radius:4px;flex:none;margin-top:3px}.details>button:before{content:"▸";color:var(--muted);display:inline-block;transition:transform .15s}.details.is-open>button:before{transform:rotate(90deg)}.details>button:hover{background:var(--hover)}.details>div{flex:1}.details summary{list-style:none;font-weight:500;padding:3px 0;line-height:24px}.details summary::-webkit-details-marker{display:none}.details [data-type=detailsContent]{padding-left:2px}.callout{display:flex;gap:8px;background:var(--hover);border-radius:6px;padding:12px 12px 12px 13px;margin:0}.callout-icon{-webkit-user-select:none;user-select:none;width:24px;margin-top:9px;text-align:center;flex:none}.callout-body{flex:1;padding:9px 0;line-height:24px}.drag-handle{width:18px;height:24px;display:grid;place-items:center;border-radius:4px;cursor:grab;color:var(--faint);font-size:12px;letter-spacing:-2px}.drag-handle:hover{background:var(--hover)}.ProseMirror-selectednode{outline:2px solid var(--accent-ring);border-radius:4px}.prosemirror-dropcursor-block,.prosemirror-dropcursor-inline{background:var(--accent)}.block-drop-line{position:fixed;height:4px;border-radius:2px;background:var(--drop-line);pointer-events:none;z-index:40}.block-drop-line[data-side]{width:4px}.block-rect{position:fixed;background:var(--block-sel);pointer-events:none;z-index:41}body.block-rect-active,body.block-rect-active *{-webkit-user-select:none!important;user-select:none!important}body.block-rect-active .drag-handle{visibility:hidden!important}.block-drop-line[hidden]{display:none}.slash-menu,.popover{position:fixed;z-index:50;background:var(--pop);border-radius:8px;box-shadow:var(--shadow);padding:6px;font-size:14px}.slash-menu{width:324px;max-height:318px;overflow-y:auto}.slash-head{font-size:12px;color:var(--muted);padding:6px 8px}.slash-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border-radius:5px;text-align:left}.slash-item.active,.slash-item:hover{background:var(--hover)}.slash-icon{width:20px;height:20px;flex:none;display:grid;place-items:center;font-weight:600;font-size:12px;color:var(--muted)}.slash-title{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash-key{flex:none;font-size:12px;color:var(--muted)}.slash-menu[data-menu^=mentionMenu] .slash-item,.slash-menu[data-menu^=pageLinkMenu] .slash-item{height:28px}.slash-menu[data-menu^=mentionMenu] .slash-item>span:last-child,.slash-menu[data-menu^=pageLinkMenu] .slash-item>span:last-child{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.slash-hint{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-empty{padding:8px;color:var(--muted)}.popover{min-width:220px}.popover.menu button,.popover.form button{display:block;width:100%;text-align:left;padding:6px 8px;border-radius:5px}.popover.menu button:hover{background:var(--hover)}.popover .danger,.danger{color:var(--danger)}.prop-name,.select-search{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);margin-bottom:6px;outline:none}.menu-note{font-size:12px;color:var(--muted);padding:2px 8px 6px}.select-list{max-height:260px;overflow-y:auto}.select-opt{display:block;width:100%;text-align:left;padding:4px 8px;border-radius:5px}.select-opt:hover,.select-opt.on{background:var(--hover)}.emoji{width:320px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-bottom:6px}.emoji-grid button{font-size:22px;height:34px;border-radius:5px}.emoji-grid button:hover{background:var(--hover)}.tag{display:inline-block;padding:0 6px;border-radius:3px;font-size:13px;line-height:20px;color:var(--t-ink);white-space:nowrap}.c-gray{background:var(--t-gray)}.c-brown{background:var(--t-brown)}.c-orange{background:var(--t-orange)}.c-yellow{background:var(--t-yellow)}.c-green{background:var(--t-green)}.c-blue{background:var(--t-blue)}.c-purple{background:var(--t-purple)}.c-pink{background:var(--t-pink)}.c-red{background:var(--t-red)}.btn{padding:4px 10px;border-radius:5px;font-size:14px}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:500}.btn.primary:hover{filter:brightness(1.08)}.db-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:6px}.db-tabs{display:flex;gap:2px}.db-tab{padding:4px 8px;border-radius:5px;color:var(--muted);font-size:14px}.db-tab:hover{background:var(--hover)}.db-tab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--text);border-radius:0}.db-table{display:grid;font-size:14px;border-top:1px solid var(--border);overflow-x:auto}.db-table .th{color:var(--muted);padding:7px 8px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-table button.th:hover{background:var(--hover)}.db-table .th.add{border-right:0;text-align:center}.db-table .td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:34px;display:flex;align-items:center;padding:0 4px;min-width:0}.td.name{gap:4px}.row-icon{font-size:14px;padding-left:4px}.name-input{flex:1;min-width:0;border:0;background:transparent;padding:6px 4px;font-weight:500;outline:none}.open-btn{opacity:0;font-size:12px;padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted);background:var(--bg)}.td.name:hover .open-btn{opacity:1}.row-del{justify-content:center;opacity:0;border-right:0!important}.row-del:hover,.row-del:focus-visible{opacity:1}.db-table:hover .row-del{opacity:.35}.db-table .row-del:hover{opacity:1}.add-row{color:var(--muted);padding:6px 8px!important;border-right:0!important}.add-row:hover{background:var(--hover)}.prop-cell{width:100%;display:flex;align-items:center}.prop-cell input[type=text],.prop-cell input[type=number],.prop-cell input[type=date]{width:100%;border:0;background:transparent;padding:6px 4px;outline:none;border-radius:4px}.prop-cell input:focus{background:var(--hover)}.prop-cell input[type=checkbox]{width:16px;height:16px;margin:0 4px;accent-color:var(--accent)}.select-trigger{width:100%;text-align:left;padding:6px 4px;border-radius:4px;min-height:32px}.select-trigger:hover{background:var(--hover)}.board{display:flex;gap:12px;overflow-x:auto;padding:8px 0 20px;align-items:flex-start}.board-col{width:260px;flex:none;border-radius:8px;padding:6px;transition:background .1s}.board-col.over{background:var(--hover)}.board-head{display:flex;align-items:center;gap:8px;padding:4px 4px 8px}.count{color:var(--muted);font-size:13px}.board-list{display:flex;flex-direction:column;gap:8px;min-height:8px}.card{background:var(--pop);border-radius:6px;box-shadow:0 0 0 1px var(--border),0 2px 4px var(--card-shadow);padding:10px;cursor:pointer;font-size:14px}.card:hover{background:var(--hover)}.card.dragging{opacity:.4}.card-title{font-weight:500;margin-bottom:4px}.card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.meta{font-size:12px;color:var(--muted)}.board-add{width:100%;text-align:left;color:var(--muted);padding:6px;border-radius:5px;font-size:14px;margin-top:4px}.board-add:hover{background:var(--hover)}.modal-back{position:fixed;inset:0;background:var(--backdrop);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;z-index:100}.modal{width:min(620px,calc(100vw - 32px));background:var(--pop);border-radius:10px;box-shadow:var(--shadow);max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.modal-shell{position:relative;max-width:calc(100vw - 32px)}.modal-close{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:5px;color:var(--muted);font-size:18px;line-height:1}.modal-close:hover{background:var(--hover);color:var(--text)}.search-input{border:0;border-bottom:1px solid var(--border);padding:16px 44px 16px 18px;font-size:17px;outline:none;background:transparent;color:var(--text)}.search-head{display:flex;align-items:center;gap:10px;padding:0 44px 0 16px;border-bottom:1px solid var(--border);flex:none}.search-icon{color:var(--muted);font-size:16px;flex:none}.search-head .search-input{flex:1;min-width:0;border-bottom:0;padding:16px 0}.search-results{overflow-y:auto;padding:6px}.result{display:block;width:100%;min-height:36px;text-align:left;padding:6px 12px;border-radius:6px;line-height:24px}.result .r-snip{line-height:19px;margin:0}.modal.search{width:min(1006px,calc(100vw - 32px));height:min(700px,calc(100vh - 100px));max-height:none}.modal-back:has(>.modal-shell>.modal.search){padding-top:81px}.search-results{flex:1;min-height:0}.search-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border);flex:none}.search-chip{font-size:13px;color:var(--muted);padding:3px 10px;border:1px solid var(--border);border-radius:999px}.search-chip:hover{background:var(--hover)}.search-chip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.search-group{font-size:12px;color:var(--muted);padding:10px 12px 4px}.result-row{display:flex;align-items:baseline;gap:10px}.result-row .r-title{flex:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row .r-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result.has-snip{min-height:55px}.result.on,.result:hover{background:var(--hover)}.r-title{font-weight:500}.r-snip{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-path{font-size:12px;color:var(--faint)}.modal.trash{padding:8px 44px 16px 18px;overflow-y:auto}.trash-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;gap:8px}.trash-row button{padding:3px 8px;border-radius:4px;margin-left:4px}.trash-row button:hover{background:var(--hover)}@media(max-width:760px){#sidebar{position:fixed;z-index:30;height:100vh}body:not(.side-hidden) #sidebar{box-shadow:var(--shadow)}.page{padding:40px 16px 30vh 52px}.page-title{font-size:30px}}ul[data-type=taskList] li>label input,.prop-cell input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0 4px 0 0;border:1.5px solid var(--muted);border-radius:3px;background:transparent;cursor:pointer;display:inline-grid;place-items:center}ul[data-type=taskList] li>label input:checked,.prop-cell input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}ul[data-type=taskList] li>label input:checked:after,.prop-cell input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}