:root{--primary:#315c48;--primary-hover:#234634;--ink:#222823;--muted:#626a62;--background:#f4f5f1;--surface:#fff;--surface-inset:#edf0eb;--surface-subtle:#f8f9f6;--border:#d9ded6;--danger:#9c3434;--font-body:"PingFang SC", "Microsoft YaHei", sans-serif;--font-public:"Songti SC", "SimSun", serif;--radius:.375rem;--page-max:60rem;--reading-max:50rem;--browse-max:72rem;--scroll-thumb:#a1aaa0;--scroll-hover:#7e8a7d;--scroll-active:#626a62;--header-offset:80px;--z-control-popup:40;--control-shadow:0 6px 24px #22282318;font-family:var(--font-body);color:var(--ink);background:var(--background);font-synthesis:none;scrollbar-gutter:stable;scroll-padding-top:var(--header-offset);line-height:1.75}*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:var(--scroll-thumb) var(--background)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--background);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}body{min-width:min(320px,100%);margin:0}h1,h2,h3,p{margin:0}h1{overflow-wrap:anywhere;font-size:30px;font-weight:600;line-height:1.5}h2{font-size:22px;font-weight:600}h3{font-size:19px;font-weight:600}p{margin-top:1rem}button,input,select,textarea{font:inherit}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:hover::placeholder,textarea:hover::placeholder{color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-underline-offset:4px;cursor:pointer;text-decoration-thickness:1px}a:hover{color:var(--primary-hover)}a:active{opacity:.8}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}:where(input,select,button,a,[tabindex],[contenteditable]){scroll-margin-top:var(--header-offset);scroll-margin-bottom:24px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.muted{color:var(--muted)}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--ink);justify-content:center;align-items:center;padding:8px 18px;text-decoration:none;transition:background-color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--background);border-color:var(--muted)}.button:active:not(:disabled){background:var(--border)}.button.primary{color:var(--surface);background:var(--primary);border-color:var(--primary)}.button.primary:hover:not(:disabled),.button.primary:active:not(:disabled){background:var(--primary-hover)}.text-button{border-radius:var(--radius);min-height:44px;color:var(--primary);text-underline-offset:4px;background:0 0;border:0;padding:8px 10px;text-decoration:none}.text-button:hover:not(:disabled){background:var(--background)}.text-button:active:not(:disabled){background:var(--border)}.reading-page,.writing-page{max-width:var(--reading-max)}.dialog form{margin-top:24px}.field+.field{margin-top:20px}.field label{margin-bottom:8px;display:block}.field input,.dialog form>input{width:100%;min-height:48px;color:var(--ink);background:var(--surface);border:1px solid var(--muted);border-radius:var(--radius);padding:9px 12px}.field input[aria-invalid=true],.tiptap[aria-invalid=true]{border-color:var(--danger)}.field-hint{color:var(--muted);margin-top:4px;font-size:14px;display:block}.password-field{position:relative}.password-field input{padding-right:65px}.password-toggle{border-radius:var(--radius);min-width:54px;min-height:44px;color:var(--primary);background:0 0;border:0;font-size:14px;position:absolute;top:3px;right:3px}.password-toggle:hover{background:var(--background)}.password-toggle:active{background:var(--border)}.feedback{overflow-wrap:anywhere;min-height:44px;padding:10px 0;font-size:14px}.feedback.compact-feedback{min-height:25px;margin:8px 0;padding:0}.compact-feedback+.empty-page{margin-top:0;padding-top:0}.error{color:var(--danger)}.submit{width:100%;min-height:48px}.session-notice{color:var(--primary);font-size:14px}.note-fields{grid-template-columns:minmax(0,1fr) 14rem;gap:24px;margin-bottom:28px;display:grid}.note-fields .field{margin:0}.note-fields>.field:only-child{grid-column:1/-1}.editor-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.tiptap{border:0;border-bottom:1px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:0;min-height:340px;padding:18px 20px;font-size:18px;line-height:1.85}.compact .tiptap{min-height:150px}.tiptap p+p{margin-top:1em}.tiptap p:first-child{margin-top:0}.tiptap:focus,.tiptap:focus-visible{outline:none}.editor-wrap:focus-within .editor-heading>label{color:var(--primary)}.writing-form:has(.tiptap:focus)>.editor-label{color:var(--primary)}.form-save-state{min-height:24px;display:block}.note-meta{font-size:14px}.save-button{min-width:100px}.saved-notice{margin:0;font-size:14px}.saved-notice:not(:empty){background:var(--surface-subtle);padding:0 24px 16px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading>a{align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.note-list,.date-notes{margin:0;padding:0;list-style:none}.date-notes>li+li{margin-top:25px}.empty-page{margin-top:24px;padding:24px 0}.empty-page .text-button{margin-top:20px}.return-link{margin-top:24px}.list-status{min-height:180px;padding:28px 0}.list-status .button{margin-top:20px}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;font-size:14px;display:flex}.count-label{font-size:14px}.back-link{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;margin-bottom:16px;padding:6px 12px;text-decoration:none;display:inline-block}.back-link:hover{background:var(--background)}.topic-links,.topic-search-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topic-links a{text-decoration:none}.topic-links a:hover{text-decoration:underline}.existing-note-list{margin:0;padding:0;list-style:none}.topic-links{gap:4px 12px;margin-top:8px;font-size:14px}.topic-links a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.topic-choice{border:1px solid var(--border);min-width:0;margin:24px 0 0;padding:12px 16px}.topic-choice legend{padding-inline:4px;font-size:14px}.topic-options{flex-wrap:wrap;gap:0 20px;max-height:18rem;display:flex;overflow:auto}.check-row{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:12px;min-height:44px;padding-block:8px;display:flex}.check-row input,.note-checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--primary);flex:0 0 20px}.check-row small{color:var(--ink);font-size:14px;display:block}.check-row:has(input:disabled){cursor:default}.note-excerpt{overflow-wrap:anywhere;margin-top:8px}.note-checkbox{cursor:pointer;justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.dialog.topic-dialog{width:min(42rem,100% - 32px)}.topic-dialog .topic-options{display:block}.topic-search-form{flex-wrap:nowrap;margin-top:20px}.topic-search-form input{flex:1;min-width:0}.existing-note-list>li{border-bottom:1px solid var(--border)}.existing-note-list .check-row{padding-block:12px}.membership-preview{border-top:1px solid var(--border);overflow-wrap:anywhere;margin-top:24px;padding-top:16px}.membership-preview summary{cursor:pointer;min-height:44px}.membership-preview ul{max-height:18rem;padding-left:24px;overflow:auto}.membership-preview li{margin-block:12px}.membership-preview span{font-size:14px;display:block}.dialog textarea{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);resize:none;padding:10px;display:block}#article-toc:empty{display:none}.sidebar-label{color:var(--muted);margin-block:8px 12px;padding-inline:8px;font-size:14px}.reading-directory{font:14px/1.75 var(--font-body);margin:12px 0 0;padding:0;list-style:none}.reading-directory li{margin-block:4px}.reading-directory a{border-radius:var(--radius);overflow-wrap:anywhere;min-height:44px;color:var(--ink);padding:8px 12px;text-decoration:none;display:block}.reading-directory a:hover{background:var(--surface-inset)}.reading-directory a[aria-current]{background:var(--surface-inset);color:var(--primary);font-weight:600}.reading-directory .toc-level-2 a{padding-left:20px}.reading-directory .toc-level-3 a{padding-left:28px}.directory-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;display:flex}.directory-pagination .text-button{padding-inline:4px}.article-lifecycle .lifecycle-hint{flex:1;margin:0}.article-lifecycle>.danger-text{margin-left:auto}.article-lifecycle>:is(.error,.feedback){flex-basis:100%}@media (width<=720px){.article-lifecycle .lifecycle-hint{flex-basis:100%;order:1}}.note-body{overflow-wrap:anywhere;white-space:normal;font-size:18px;line-height:1.85}.note-body p:first-child{margin-top:0}.conflict{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.conflict h3{margin:20px 0}.conflict .note-body{border:1px solid var(--border);max-height:260px;padding:16px;overflow:auto}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.connection-notice{max-width:var(--page-max);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px auto;padding:10px 16px;display:flex}.connection-notice-copy{overflow-wrap:anywhere;flex:240px;min-width:0}.connection-notice h1{margin-bottom:4px;font-size:18px}.connection-notice-copy p{color:var(--danger);margin-top:0}.connection-notice .button{flex-shrink:0;min-width:6.5rem;margin-left:auto;padding:6px 14px}.connection-notice:has(+#main-content :is(.reading-page,.writing-page)){max-width:var(--reading-max)}.skip-link{background:var(--surface);z-index:30;padding:8px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-wrap.is-dragging .tiptap{outline:3px solid var(--primary)}.upload-list{margin:12px 0;padding:0;list-style:none}.upload-list li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:8px 0}.upload-list li>span{font-size:14px;display:block}.upload-list button+button{margin-left:12px}:is(.tiptap,.note-body) :is(h1,h2,h3,h4){margin:1.4em 0 .6em;line-height:1.5}:is(.tiptap,.note-body) :is(h1,h2,h3,h4):first-child{margin-top:0}.note-body p{white-space:pre-wrap}:is(.tiptap,.note-body) :is(ul,ol){margin:1em 0;padding-left:1.5em}:is(.tiptap,.note-body) li p{margin:0}:is(.tiptap,.note-body) blockquote{border-left:2px solid var(--border);color:var(--muted);margin:1.5em 0;padding:4px 0 4px 20px}:is(.tiptap,.note-body) hr{border:0;border-top:1px solid var(--border);margin:28px 0}:is(.tiptap,.note-body) code{background:var(--background);border-radius:var(--radius);padding:2px 4px;font-family:Consolas,Menlo,monospace;font-size:.9em}.tiptap pre,.code-block pre{white-space:pre;overflow-wrap:normal;background:var(--background);tab-size:2;margin:0;padding:16px;overflow-x:auto}:is(.tiptap,.note-body) pre code{white-space:pre;padding:0;font-size:15px}.tiptap pre{margin:1em 0}.code-block{max-width:100%;margin:24px 0}.code-heading{border:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:0 10px;font-size:14px;display:flex}.code-feedback{min-height:26px;font-size:14px;display:block}.hljs-keyword,.hljs-selector-tag,.hljs-title{color:var(--primary-hover);font-weight:700}.hljs-string,.hljs-number,.hljs-literal,.hljs-attr{color:var(--primary)}.hljs-comment,.hljs-quote{color:var(--primary);font-style:italic}.tiptap ul[data-type=taskList],.note-body .task-list{padding-left:0;list-style:none}.tiptap li[data-checked],.task-item{align-items:flex-start;gap:12px;display:flex}.tiptap li[data-checked]>label{align-items:center;min-width:44px;min-height:44px;display:flex}.tiptap li[data-checked] input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.tiptap li[data-checked]>div,.task-item>div{flex:1;min-width:0}.task-check{color:var(--primary)}.tiptap img,.note-image img{max-width:100%;height:auto;display:block}.tiptap img{margin:1em 0}.tiptap .ProseMirror-selectednode{outline:3px solid var(--primary)}.note-image{margin:24px 0}.image-open{background:0 0;border:0;min-width:44px;max-width:100%;min-height:44px;padding:0;display:block}.image-open:hover{outline:1px solid var(--primary);outline-offset:4px}.image-open:active{opacity:.9}.image-dialog{width:min(70rem,100% - 32px)}.image-dialog img{object-fit:contain;width:100%;max-height:calc(100dvh - 220px);margin-top:16px;display:block}.reading-toc{border-bottom:1px solid var(--border);margin:0 0 32px;padding:12px 0;font-size:16px}.reading-toc summary{cursor:pointer;min-height:44px;color:var(--primary);line-height:44px}.reading-toc summary:hover{color:var(--primary-hover);text-decoration:underline}.reading-toc summary:active{opacity:.8}.reading-toc ul{margin:0;padding:0;list-style:none}.reading-toc a{align-items:center;min-height:44px;display:inline-flex}.reading-toc .toc-level-2{padding-left:1em}.reading-toc .toc-level-3{padding-left:2em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-clear,.search-submit{min-width:44px;min-height:44px;color:var(--primary);background:0 0;border:0;flex-shrink:0;padding:4px 6px;font-size:14px}.search-clear{font-size:22px}.search-clear:hover,.search-submit:hover{background:var(--background)}.search-clear:active,.search-submit:active{background:var(--border)}.collection-field{min-width:0}.note-form>.collection-field{max-width:23rem;margin-top:20px}.date-filter{min-width:0;container-type:inline-size}.date-range{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.date-range .field{min-width:0;margin:0}.date-range .field label{color:var(--muted);margin:0 0 6px;font-size:13px}.date-apply{align-self:end;padding:6px 12px}.date-filter .error{margin-top:8px}.record-clear{padding:8px 0 8px 12px;font-size:14px}.record-clear-hidden{display:none}@container (width<=480px){.date-range{grid-template-columns:repeat(2,minmax(0,1fr))}.date-apply{grid-column:2;justify-self:end;min-width:76px}}@container (width<=300px){.date-range{grid-template-columns:minmax(0,1fr)}.date-apply{grid-column:1}}.activity-calendar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:16px}.activity-calendar h2{font-size:18px}.month-navigation{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.month-navigation h3{font-size:17px}.month-step{border-color:#0000;min-width:44px;padding:0 8px;font-size:26px}.calendar-table{table-layout:fixed;border-collapse:collapse;text-align:center;width:100%}.calendar-table th{color:var(--muted);height:32px;font-size:14px;font-weight:400}.calendar-table td{height:44px;padding:0}.calendar-table tbody tr:not(:has(a)){display:none}.calendar-table a{border-radius:var(--radius);min-height:44px;color:var(--ink);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:14px;line-height:22px;text-decoration:none;display:flex}.calendar-table a:hover{background:var(--background)}.calendar-table a:active{background:var(--border)}.calendar-table a.today{color:var(--primary);background:var(--surface-subtle);border-color:var(--primary);font-weight:600}.calendar-table a.recorded{font-weight:700}.calendar-table a.recorded .day-mark{color:var(--primary)}.calendar-table a.selected{color:var(--ink);background:var(--background)}.calendar-table a.range-endpoint{color:var(--surface);background:var(--primary)}.calendar-table a.range-endpoint .day-mark{color:inherit}.calendar-table .day-mark{height:10px;font-size:24px;line-height:8px}.calendar-feedback{min-height:30px;color:var(--muted);margin-top:8px;font-size:13px}.month-statistics{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0;padding:10px 0;display:flex}.month-statistics>div{align-items:baseline;gap:6px;display:flex}.month-statistics dt{color:var(--muted);font-size:13px}.month-statistics dd{margin:0;font-size:13px}.month-statistics strong{color:var(--ink);font-size:18px;font-weight:600}.week-activity{padding-top:12px}.week-activity h3{font-size:15px}.week-activity>p{margin-top:4px;font-size:12px}.week-chart{gap:2px;margin:8px 0;padding:0;list-style:none;display:flex}.week-chart li{flex:1;min-width:0}.week-chart a{min-height:86px;color:var(--ink);border-radius:var(--radius);flex-direction:column;align-items:center;padding:4px 0;font-size:12px;text-decoration:none;display:flex}.week-chart a:hover{background:var(--background)}.week-chart a:active{background:var(--border)}.bar-track{border-bottom:1px solid var(--border);align-items:end;width:10px;height:36px;margin:4px 0;display:flex}.bar-track>span{background:var(--primary);width:100%;min-height:0}.week-feedback{min-height:104px;font-size:14px}.collection-list{margin:0;padding:0;list-style:none}.collection-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.collection-list li>a{overflow-wrap:anywhere;min-width:0;font-size:18px}.collection-actions{flex-shrink:0;gap:4px;display:flex}.danger-text{color:var(--danger)}.button.primary.danger{color:var(--surface);background:var(--danger);border-color:var(--danger)}.button.primary.danger:hover,.button.primary.danger:active{background:var(--danger);filter:brightness(.9)}@media (width<=720px){.collection-list li{flex-direction:column;align-items:start;gap:8px}.collection-actions{align-self:end}h1{font-size:27px}.note-fields{grid-template-columns:minmax(0,1fr);gap:20px}.tiptap{min-height:300px;padding:14px}.connection-notice{width:auto;margin-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (forced-colors:active){*{scrollbar-color:auto}:focus-visible{outline-color:highlight}.dialog::backdrop{opacity:.7;background:canvas}}.article-content .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.article-content .note-content h1{overflow-wrap:anywhere}.article-content .note-content form{margin-top:24px}.article-content .note-fields{border:0;min-width:0;margin:0;padding:0}.article-content .date-field{max-width:22rem}.article-content .field-help{margin-top:8px;font-size:14px}.article-content .field-error{min-height:24px;color:var(--danger);margin-top:4px;font-size:14px}.article-content .note-editor{margin-top:12px}.article-content .note-editor .tiptap>p:first-child{margin-top:0}.article-content .note-editor .tiptap[aria-invalid=true]{border-color:var(--danger)}.article-content .note-editor.read-only .tiptap{border:0;min-height:140px;padding:24px 0}.article-content .save-button{min-width:132px}.article-content .save-actions{margin-top:16px}.article-content .confirm-dialog{max-width:min(30rem,100vw - 32px);max-height:calc(100svh - 48px);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;overflow:auto}.article-content .confirm-dialog::backdrop{background:#382f2566}.article-content .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article-content .quick-record{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.article-content .code-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.article-content .quick-editor .tiptap{min-height:160px}.article-content .note-editor.drag-over .tiptap{outline:3px dashed var(--primary);outline-offset:3px}.article-content .note-editor .tiptap ul[data-type=taskList]{padding-left:0;list-style:none}.article-content .note-editor .tiptap ul[data-type=taskList]>li{align-items:flex-start;gap:8px;display:flex}.article-content .note-editor .tiptap ul[data-type=taskList]>li>label{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.article-content .note-editor .tiptap input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--primary)}.article-content .note-editor .tiptap ul[data-type=taskList]>li>div{flex:1;min-width:0}.article-content .note-editor .tiptap ul[data-type=taskList] p{margin-top:8px}.article-content .note-editor .code-block{border:1px solid var(--border);border-radius:var(--radius);min-width:0;max-width:100%;margin:20px 0}.article-content .code-actions{white-space:normal;margin:0;padding:8px;font-size:14px}.article-content .code-actions label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.article-content select{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;padding:6px 10px}.article-content select:hover{border-color:var(--primary)}.article-content select:disabled{cursor:default;opacity:.7}.article-content .note-editor .code-block pre{background:var(--background);white-space:pre;tab-size:4;max-width:100%;margin:0;padding:16px;overflow-x:auto}.article-content .hljs-type,.article-content .hljs-literal,.article-content .hljs-built_in,.article-content .hljs-keyword,.article-content .hljs-selector-tag,.article-content .hljs-title{color:var(--primary-hover);font-weight:700}.article-content .hljs-string,.article-content .hljs-number,.article-content .hljs-attr{color:var(--primary)}.article-content .hljs-comment{color:var(--muted);font-style:italic}.article-content .record-image{white-space:normal;margin:20px 0}.article-content .record-image img{max-width:100%;height:auto;margin-bottom:8px;display:block}.article-content .upload-list{overflow-wrap:anywhere;padding-left:20px}.article-content .upload-list li{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.article-content .collection-picker,.article-content .learning-section,.article-content .find-records{margin-block:24px}.article-content .learning-section,.article-content .find-records{border-top:1px solid var(--border);padding-top:24px}.article-content .search-form input{flex:1;min-width:140px}.article-content .collection-picker select,.article-content .filter-field select{max-width:100%}.article-content .collection-manager{margin-block:16px}.article-content .collection-manager summary{cursor:pointer;padding-block:12px}.article-content .collection-list{padding:0;list-style:none}.article-content .collection-list li{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block:8px;display:flex}.article-content .button.danger{color:var(--danger)}.article-content .article-body{overflow-wrap:anywhere;margin-block:24px}.article-content .article-lifecycle{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.article-lifecycle{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.app-select{min-width:0}.select-trigger{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);width:100%;min-height:44px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-chevron{color:var(--primary);flex-shrink:0}.select-trigger:hover,.select-trigger[data-state=open]{background:var(--background)}.select-trigger[aria-invalid=true]{border-color:var(--danger)}.select-menu,.date-menu{z-index:var(--z-control-popup);color:var(--ink);background:var(--surface);border:1px solid var(--muted);border-radius:var(--radius);box-shadow:var(--control-shadow);font-family:var(--font-body);font-size:14px;line-height:1.75}.select-menu{width:var(--reka-select-trigger-width,var(--reka-popover-trigger-width));max-width:min(calc(100vw - 24px), var(--reka-select-content-available-width,var(--reka-popover-content-available-width)));max-height:min(320px, var(--reka-select-content-available-height,var(--reka-popover-content-available-height)));overflow:hidden}.select-menu .select-options{max-height:inherit;scrollbar-width:auto;padding:4px;overflow-y:auto}.select-menu>div{max-height:inherit;min-height:0}.select-menu .select-options::-webkit-scrollbar{width:12px;display:block}.select-option{border-radius:var(--radius);cursor:pointer;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px;display:flex;position:relative}.select-option[data-highlighted]{background:var(--background);outline:2px solid var(--primary);outline-offset:-2px}.select-option:has(input):hover{background:var(--background);outline:2px solid var(--primary);outline-offset:-2px}.select-option:has(input:focus-visible){background:var(--background);outline:2px solid var(--primary);outline-offset:-2px}.select-option[data-state=checked]{color:var(--primary);font-weight:600}.select-option:has(input:checked){color:var(--primary);font-weight:600}.select-option[data-disabled]{opacity:.5;cursor:default}.select-check{flex:0 0 1em}.select-option input[type=checkbox]{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.select-empty{color:var(--muted);margin:0;padding:12px}.date-control{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);text-align:left;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.date-control span{white-space:nowrap}.date-control svg{color:var(--primary);flex-shrink:0}.date-control[data-placeholder]{color:var(--muted)}.date-control:hover:not(:disabled){background:var(--surface-inset);color:var(--ink)}.date-control:active:not(:disabled),.date-control[data-state=open]{background:var(--background)}.date-control[aria-invalid=true]{border-color:var(--danger)}.date-range .date-control{min-height:44px;padding:6px 8px;font-size:14px}@media (width<=720px){.date-range .date-control{font-size:13px}}.date-menu{width:min(336px,100vw - 24px);max-width:var(--reka-popover-content-available-width);max-height:var(--reka-popover-content-available-height);padding:12px;overflow:auto}.date-menu-header,.year-choice{justify-content:space-between;align-items:center;gap:4px;display:flex}.date-menu button{color:var(--primary);border-radius:var(--radius);background:0 0;border:0;min-height:44px;padding:4px}.date-menu button:hover{background:var(--background)}.date-menu button:focus-visible{outline-offset:-3px}.date-menu .calendar-step{flex:0 0 44px;font-size:24px}.calendar-month{flex:1;font-size:16px;font-weight:600}.date-grid{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:8px}.date-grid th{height:32px;color:var(--muted);font-weight:400}.date-grid td{text-align:center;padding:1px}.date-grid .date-day{width:100%;min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;border:1px solid #0000}.date-day[data-outside-view]{color:var(--muted)}.date-grid .date-day[data-shanghai-today]{border-color:var(--primary)}.date-grid .date-day[data-selected],.month-options button[aria-pressed=true]{background:var(--primary);color:var(--surface);font-weight:600}.date-menu button:disabled{cursor:default;opacity:.45}.date-menu-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:8px;display:flex}.date-menu-footer button{padding-inline:12px}.month-chooser{min-height:310px;padding-top:12px}.year-choice input{border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);width:80px;min-width:0;min-height:44px;color:var(--ink);text-align:center;padding:4px 8px}.month-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.check-row:hover{background:var(--background);border-radius:var(--radius)}.check-row:has(input:checked){background:var(--background);border-radius:var(--radius)}.check-row:has(input:indeterminate){background:var(--background);border-radius:var(--radius)}@media (forced-colors:active){.select-option[data-highlighted],.date-grid .date-day[data-selected],.month-options button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}.select-option:has(input:focus-visible){outline-offset:-2px;outline:2px solid highlight}}.writing-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:20px;display:flex}.writing-intro h1,.article-writing-page .note-content>h1{color:var(--muted);font-size:16px}.writing-intro>p,.article-writing-page .note-content>.muted{margin-top:0;font-size:14px}.article-writing-page .note-content>.muted{margin-top:4px}.writing-form:not(.writing-form-compact) .note-fields{border:0;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 20px;padding:0;display:grid}.writing-form .note-fields>.field{margin:0}.writing-form .title-field input{background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;min-height:56px;padding:8px 0;font-size:28px;font-weight:600;line-height:1.5}.writing-form .title-field input::placeholder{font-weight:400}.writing-form .title-field input:focus{border-bottom-color:var(--primary);outline:none}.writing-form .title-field input[aria-invalid=true]{border-bottom-color:var(--danger)}.writing-form .writing-date{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.writing-date>label{color:var(--muted);margin:0;font-size:14px;font-weight:400}.writing-date .date-control{width:176px;min-height:44px;padding-block:6px;font-size:14px}.editor-heading>label,.editor-label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.article-content .note-editor{margin-top:0}.editor-toolbar,.toolbar-history,.toolbar-formats{align-items:center;gap:2px;display:flex}.editor-toolbar{border-block:1px solid var(--border);min-height:54px;padding:4px 0}.toolbar-history{border-right:1px solid var(--border);margin-right:4px;padding-right:6px}.editor-tool{border-radius:var(--radius);width:44px;height:44px;color:var(--ink);background:0 0;border:1px solid #0000;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.editor-tool:hover:not(:disabled),.editor-tool[aria-expanded=true],.editor-tool[aria-pressed=true]{color:var(--primary);background:var(--background)}.editor-tool[aria-pressed=true]{border-color:var(--primary)}.editor-tool:active:not(:disabled){background:var(--border)}.editor-tool:focus-visible{outline-offset:-2px;outline-width:2px}.editor-toolbar>.app-select{flex:0 0 100px;width:100px}.toolbar-paragraph.select-trigger{background:0 0;border-color:#0000;min-height:44px;padding:6px 8px;font-size:14px}.toolbar-paragraph.select-trigger:hover{background:var(--background)}.toolbar-formats :is([aria-label=无序列表],[aria-label=链接]){margin-left:8px}.editor-tooltip,.editor-more-menu,.action-menu{z-index:var(--z-control-popup);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--control-shadow);font-size:14px}.action-menu-item.danger-text{color:var(--danger)}.editor-tooltip{flex-wrap:wrap;align-items:center;gap:12px;max-width:min(26rem,100vw - 24px);padding:6px 10px;display:flex}.editor-tooltip kbd,.editor-menu-item kbd{font:inherit;color:var(--muted);font-size:12px}.editor-more-menu{width:min(260px,100vw - 24px);max-height:min(65svh, var(--reka-popover-content-available-height));padding:8px;overflow-y:auto}.action-menu{min-width:160px;max-width:calc(100vw - 24px);padding:6px}.editor-menu-heading{color:var(--muted);padding:4px 10px 8px;font-size:12px;display:block}.editor-menu-item,.action-menu-item{border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px 10px;display:flex}.editor-menu-item svg{flex-shrink:0}.editor-menu-item kbd{margin-left:auto}.editor-menu-item:hover:not(:disabled),.editor-menu-item[aria-pressed=true],.action-menu-item[data-highlighted]{background:var(--background)}.editor-menu-item[aria-pressed=true]{border-color:var(--primary)}.editor-menu-item:focus-visible,.action-menu-item:focus-visible{outline-offset:-2px;outline-width:2px}.menu-history,.menu-wide,.menu-medium{display:none}.editor-context-tools{border-bottom:1px solid var(--border);padding:6px 0}.editor-context-tools label{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.writing-footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;margin-top:12px;display:grid}.topic-tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.topic-tag{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);align-items:center;max-width:100%;height:28px;padding-left:8px;font-size:13px;display:inline-flex}.topic-tag>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topic-tag button{border-radius:var(--radius);width:26px;height:26px;min-height:26px;color:var(--primary);background:0 0;border:0;flex:0 0 26px;margin-left:4px;padding:0;font-size:18px;line-height:1}.topic-tag button:hover{color:var(--ink);background:var(--border)}.topic-trigger,.writing-footer .save-button{min-height:36px;padding:4px 14px;font-size:14px;line-height:1.5}.topic-trigger{width:fit-content;max-width:100%}.topic-trigger-label{color:var(--primary);margin-right:12px}.writing-footer .save-button{min-width:80px}.writing-clock{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;gap:8px;font-size:14px;display:flex}.topic-feedback{overflow-wrap:anywhere;grid-column:1/-1;font-size:14px}.writing-error:not(:empty){overflow-wrap:anywhere;margin-top:8px;font-size:14px}.compact-writing-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.writing-form-compact .editor-heading{padding:16px 24px 8px}.writing-form-compact .editor-heading>label{color:var(--ink);margin:0;font-size:18px;font-weight:600}.expand-writing{align-items:center;gap:8px;padding-inline:0;font-size:14px;display:inline-flex}.writing-form-compact .editor-toolbar{border-radius:var(--radius);background:var(--surface-inset);border:0;min-height:44px;margin-inline:24px;padding:2px 6px}.writing-form-compact .tiptap{border:0;min-height:164px;padding:22px 28px}.writing-form-compact .writing-controls{background:var(--surface-subtle);border-radius:0 0 var(--radius) var(--radius);padding:16px 24px 14px}.writing-form-compact .compact-writing-meta{margin-top:8px;font-size:13px}.quick-record .upload-list,.quick-record .conflict{margin-inline:24px}@media (width<=720px){.writing-form-compact .editor-heading{padding:14px 18px 8px}.writing-form-compact .editor-toolbar{margin-inline:16px}.writing-form-compact .tiptap{min-height:180px;padding:19px 20px;font-size:17px}.writing-form-compact .writing-controls{padding:14px 16px 12px}}.article-content .writing-form .save-actions{flex-wrap:wrap;gap:12px;margin-top:20px}.article-content .writing-form .save-actions>.primary{margin-left:auto}.article-source{margin-top:16px;font-size:14px}@media (width<=880px){.editor-toolbar:not(.toolbar-compact) .toolbar-history,.editor-toolbar .tool-wide{display:none}.editor-more-menu .menu-history,.editor-more-menu .menu-wide{display:flex}}@media (width<=720px){.writing-footer{column-gap:8px}.writing-clock{flex-direction:column;align-items:flex-end;gap:0;font-size:13px;line-height:1.25}.topic-trigger,.writing-footer .save-button{padding-inline:10px}.writing-footer .save-button{min-width:60px}.writing-page{padding-top:20px}.writing-form .title-field input{font-size:24px}.writing-intro{margin-bottom:12px}.writing-form:not(.writing-form-compact) .note-fields{gap:8px;margin-bottom:16px}.article-content .writing-form .save-actions>[role=status]{flex-basis:100%;order:-1}}@media (width<=360px){.topic-trigger-label{display:none}.topic-trigger{gap:8px}.editor-toolbar .tool-medium{display:none}.editor-more-menu .menu-medium{display:flex}.editor-toolbar>.app-select{flex-basis:90px;width:90px}}@media (forced-colors:active){.editor-tool[aria-pressed=true],.editor-menu-item[aria-pressed=true]{border-color:highlight}}[data-emphasis=yellow]{--emphasis:#f4e5ae;--emphasis-border:#c4aa60}[data-emphasis=green]{--emphasis:#dcebd3;--emphasis-border:#9ab58b}[data-emphasis=blue]{--emphasis:#dceaf3;--emphasis-border:#91b1c7}[data-emphasis=pink]{--emphasis:#f2dfe5;--emphasis-border:#c59aaa}.writing-highlight{color:inherit;background:var(--emphasis);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.callout{border:1px solid var(--emphasis-border);border-radius:var(--radius);background:var(--emphasis);color:var(--ink);align-items:flex-start;gap:12px;margin:20px 0;padding:16px;display:flex}.callout-icon{-webkit-user-select:none;user-select:none;flex:0 0 22px}.callout-content{flex:1;min-width:0}.callout-content>:first-child{margin-top:0}.callout-content>:last-child{margin-bottom:0}.emphasis-swatches{justify-content:space-between;gap:8px;padding:4px 4px 12px;display:flex}.emphasis-swatch{border:1px solid var(--emphasis-border);border-radius:var(--radius);background:var(--emphasis);width:44px;min-height:44px;color:var(--ink);padding:0}.emphasis-swatch[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:-3px}.editor-menu-hint{color:var(--muted);margin:4px 10px;font-size:12px}@media (width<=720px){.callout{gap:8px;padding:12px}}@media (forced-colors:active){.callout,.emphasis-swatch{border-color:canvastext}.writing-highlight{color:highlighttext;forced-color-adjust:none;background:highlight}}.site-header{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}.header-inner{align-items:center;gap:24px;max-width:80rem;min-height:72px;margin:auto;padding:10px 32px;display:flex}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{color:var(--primary);flex-shrink:0}.main-nav{align-self:stretch;align-items:center;gap:4px;display:flex}.main-nav a{border-radius:var(--radius);min-width:48px;min-height:44px;color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;text-decoration:none;display:inline-flex}.main-nav a.current{background:var(--surface-inset);color:var(--ink);font-weight:600}.main-nav a:hover{color:var(--ink);background:var(--background)}.header-actions,.article-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.header-actions .button{white-space:nowrap;font-size:14px}.header-back{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.header-back:before{content:"←";margin-right:8px}.header-back:hover{color:var(--primary)}.save-state{color:var(--muted);text-align:right;font-size:13px}.icon-button{border-radius:var(--radius);width:44px;height:44px;color:var(--ink);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button[data-state=open]{background:var(--surface-inset)}.header-search-slot{flex:1;min-width:140px;max-width:280px;margin-left:auto}.header-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);align-items:center;width:100%;display:flex}.header-search input{border-radius:var(--radius);width:100%;min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;flex:1;padding:8px 12px;font-size:14px}.header-search input::-webkit-search-cancel-button{-webkit-appearance:none}.header-error{max-width:var(--page-max);margin:0 auto;padding:0 24px 12px;font-size:14px}.account-menu{gap:16px;display:grid}.account-dialog .dialog-heading{align-items:center;gap:12px;padding-block:16px;display:flex}.account-dialog .dialog-heading h2{flex:1;min-width:0;margin:0}.account-dialog .dialog-heading>button{flex-shrink:0}.account-back{min-width:44px;color:var(--muted);justify-content:center;align-items:center;gap:2px;margin-left:-10px;font-size:14px;display:inline-flex}.account-identity{border-radius:var(--radius);background:var(--surface-inset);align-items:center;gap:16px;padding:16px;display:flex}.account-identity>svg{color:var(--primary);flex-shrink:0}.account-identity>div{min-width:0}.account-name{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:600}.account-role{color:var(--muted);margin:0;font-size:13px}.account-security{gap:24px;display:grid}.account-security h3{margin:0;font-size:16px;font-weight:600}.security-status,.security-keys,.account-export,.passkey-login{gap:12px;display:grid}.security-status{gap:8px}.account-security p,.account-export p{margin:0}.security-status-title{font-weight:600}.security-status>.button,.account-export>.button,.account-security>.text-button{justify-self:start}.security-status>.button{margin-top:4px}.account-security .passkey-create{gap:16px;margin:0;display:grid}.passkey-list{margin:0;padding:0;list-style:none}.passkey-list li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.passkey-list li+li{border-top:1px solid var(--border)}.passkey-list li>div{min-width:0}.passkey-list .text-button{flex-shrink:0}.passkey-current{color:var(--primary);font-size:13px;display:block}.account-security .muted,.account-export .muted{font-size:14px}.security-actions{flex-wrap:wrap;gap:12px;display:flex}.passkey-login{margin-bottom:20px}.account-link{border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:16px;text-decoration:none;display:flex}.account-link:hover{background:var(--surface-subtle)}.account-link:active{background:var(--surface-inset)}.account-link svg{color:var(--muted);flex-shrink:0}.account-sign-out,.security-sessions{border-top:1px solid var(--border);padding-top:16px}.security-sessions .text-button{margin-top:4px;padding-inline:0}.sign-out{text-align:left;width:100%;padding-inline:0}.public-nav{align-items:center;gap:24px;margin-left:auto;font-size:14px;display:flex}.public-nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.public-nav a:last-child{color:var(--muted)}.search-toggle,.mobile-label,.page-write{display:none}.site-page{width:calc(100% - 64px);max-width:var(--page-max);background:var(--surface);border-radius:var(--radius);margin:40px auto 64px;padding:40px 48px}.paper-panel{min-width:0}.site-page.notes-page,.site-page.topics-page,.site-page.topic-detail{background:0 0;padding:0}.page-intro,.notes-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-intro p{margin-top:8px;font-size:14px}.heading-copy{align-items:baseline;gap:12px;display:flex}.heading-copy p{margin:0}.browse-layout,.browse-main{gap:28px;min-width:0;display:grid}.site-page.home-page{background:0 0;max-width:70rem;padding:0}.home-page .browse-layout{grid-template-columns:minmax(0,1fr) 344px;align-items:start;gap:32px}.home-page .activity-calendar{width:100%}.calendar-toggle{gap:8px;min-height:44px;font-size:14px}.home-page .page-intro{margin-bottom:24px}.quick-record{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.list-panel{--panel-padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel-heading{min-height:68px;padding:12px var(--panel-padding);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.panel-heading h2{font-size:20px}.panel-count{color:var(--muted);white-space:nowrap;font-size:14px}.list-panel>.note-list{padding-inline:var(--panel-padding)}.list-panel .note-date-group{gap:24px;padding-block:20px}.list-panel .note-date-group+.note-date-group{border-top:1px solid var(--border);margin-top:0}.list-panel .date-notes>li+li{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.list-panel>.pagination{padding:16px var(--panel-padding);margin:0}.recent-status,.panel-status{min-height:160px;padding:24px var(--panel-padding);flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;margin:0;display:flex}.recent-status p,.panel-status p{margin:0}.empty-state{border-radius:var(--radius);background:var(--surface-inset);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:104px;padding:24px;display:grid}.empty-state>svg{width:30px;height:30px;color:var(--muted)}.empty-state-title{margin:0;font-size:16px;font-weight:600;line-height:1.6}.empty-state-description{color:var(--muted);margin:8px 0 0;font-size:14px}.empty-state-actions{flex-wrap:wrap;gap:8px;display:flex}.empty-state .button{white-space:nowrap;gap:8px;padding-inline:14px;font-size:14px}.dialog-empty{grid-template-columns:32px minmax(0,1fr);margin-top:20px}.dialog-empty .empty-state-actions{grid-column:2}.dialog-status{background:var(--surface-inset);border-radius:var(--radius);min-height:104px;padding:20px}.record-filters{font-size:14px}.filter-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.filter-toggle{color:var(--ink);align-items:center;gap:8px;padding-inline:0;display:flex}.filter-toggle span{color:var(--muted);font-size:20px}.filter-summary{padding:12px var(--panel-padding);background:var(--surface-subtle);border-bottom:1px solid var(--border);color:var(--primary);overflow-wrap:anywhere;margin:0}.filter-controls{padding:16px var(--panel-padding);background:var(--surface-subtle);border-bottom:1px solid var(--border);grid-template-columns:minmax(140px,1fr) minmax(0,2.5fr);align-items:start;gap:16px;display:grid}.filter-controls>.collection-field{margin:0}.filter-controls .collection-field>label{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--muted);margin:0 0 6px;padding:0;font-size:13px;position:static;overflow:visible}.calendar-disclosure{border-top:1px solid var(--border);padding-top:12px}.calendar-disclosure>summary{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;list-style:none;display:flex}.calendar-disclosure>summary::-webkit-details-marker{display:none}.calendar-disclosure>summary:before{content:"+";color:var(--muted);font-size:20px}.calendar-disclosure[open]>summary:before{content:"−"}.calendar-disclosure>summary span{color:var(--muted);margin-left:auto}.calendar-disclosure .activity-calendar{width:min(100%,380px);margin-top:12px}.feedback.compact-feedback:empty{min-height:0;margin:0;padding:0}.note-date-group{grid-template-columns:56px minmax(0,1fr);gap:28px;display:grid}.note-date-group+.note-date-group{margin-top:32px}.date-heading{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;align-self:start;align-items:flex-start;padding-top:4px;line-height:1.5;display:flex}.record-month{font-size:12px}.record-day{color:var(--ink);font-size:26px;font-weight:400}.note-entry{overflow-wrap:anywhere;min-width:0}.note-entry :is(h2,h3){font-size:19px;font-weight:600;line-height:1.55}.note-entry :is(h2,h3) a{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.note-entry :is(h2,h3) a:hover{color:var(--primary);text-decoration:underline}.note-entry p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:4px 0 0;font-size:15px;display:-webkit-box;overflow:hidden}.entry-meta{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px;font-size:13px;display:flex}.entry-meta .note-meta{font-size:12px}.note-entry .topic-links{gap:4px 12px;margin:0;font-size:13px}.note-entry .topic-links a{min-height:32px}.selectable-entry{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.selectable-entry:has(input:checked){background:var(--surface-subtle);border-radius:var(--radius)}.topic-heading,.topic-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topic-heading{justify-content:space-between}.topic-heading h3{font-size:20px}.topic-heading a{color:var(--ink);text-decoration:none}.topic-heading a:hover{color:var(--primary);text-decoration:underline}.topic-overview-list{padding:0;padding-inline:var(--panel-padding);margin:0;list-style:none}.topic-overview-list>li{padding:24px 0}.topic-overview-list>li+li{border-top:1px solid var(--border)}.topic-row{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:16px;display:grid}.topic-row-content{overflow-wrap:anywhere;min-width:0}.topic-overview-list .topic-heading{justify-content:flex-start}.topic-heading h3 a{align-items:center;min-height:44px;display:inline-flex}.topic-count{border-radius:var(--radius);background:var(--surface-inset);color:var(--muted);white-space:nowrap;padding:2px 8px;font-size:13px}.topic-latest{margin-top:12px;font-size:14px}.topic-latest .muted{margin-right:8px}.topic-empty{border-radius:var(--radius);background:var(--surface-inset);color:var(--muted);align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;display:inline-flex}.topic-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);align-items:center;width:240px;max-width:100%;display:flex}.topic-search input{background:0 0;border:0;min-width:0;min-height:44px;padding:8px 12px;font-size:14px}.topic-search input::-webkit-search-cancel-button{-webkit-appearance:none}.topic-description{white-space:pre-wrap;overflow-wrap:anywhere;max-width:44rem;color:var(--muted);margin-top:12px;font-size:14px}.topic-intro{margin-bottom:28px}.topic-intro .topic-actions{margin-top:20px;font-size:14px}.topic-detail>.back-link{color:var(--muted);border:0;padding-inline:0;font-size:14px}.selection-toolbar{padding:8px var(--panel-padding);border-bottom:1px solid var(--border);background:var(--surface-subtle);font-size:14px}.selection-toolbar .select-page{margin:0}.batch-bar{z-index:6;padding:12px var(--panel-padding);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface);box-shadow:var(--control-shadow);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex;position:sticky;bottom:16px}.batch-bar strong{margin-right:auto}.batch-bar .button{font-size:14px}.topic-detail:has(.batch-bar) :is(.note-entry a,.note-checkbox input){scroll-margin-block:100px 200px}.site-page.writing-page,.site-page.reading-page{max-width:var(--reading-max)}.site-page.topic-reading-page{max-width:var(--browse-max);background:0 0;padding:0}.reading-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:32px;display:grid}.reading-article{background:var(--surface);border-radius:var(--radius);min-width:0;padding:40px 48px}.reading-status{background:var(--surface);padding:32px}.article-header{margin-bottom:28px}.article-header h1{font-size:30px;line-height:1.55}.article-metadata{flex-wrap:wrap;gap:4px 16px;margin-top:16px;font-size:13px;display:flex}.article-topic-row{margin-top:8px}.article-topic-row .topic-links{gap:4px 12px;margin:0}.article-topic-row .topic-links>a,.article-topic-row .text-button{font-size:13px}.article-topic-row .text-button{color:var(--muted);padding-inline:0}.reading-sidebar{top:var(--header-offset);max-height:calc(100svh - var(--header-offset) - 24px);gap:24px;display:grid;position:sticky;overflow-y:auto}.sidebar-section{padding:12px 0}.sidebar-section h2{padding-inline:12px;font-size:15px}.sidebar-section a{text-decoration:none}.topic-directory{border-top:1px solid var(--border)}.topic-directory h2 a{color:var(--ink)}.reading-toc-panel summary{cursor:pointer;list-style:none}.reading-toc-panel summary::-webkit-details-marker{display:none}.reading-toc-panel .toc-count{display:none}.reading-neighbours{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.reading-neighbours a{background:var(--surface-subtle);border:1px solid var(--border);overflow-wrap:anywhere;min-width:0;padding:16px;display:block}.reading-neighbours span,.reading-neighbours strong{display:block}.reading-neighbours span{color:var(--muted);margin-bottom:6px;font-size:12px}.reading-neighbours strong{font-size:15px;font-weight:500}.reading-article .article-lifecycle{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.article-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:14px}.article-footer a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.reading-page .article-body>h1,.public-list-page h1{font-family:var(--font-public);font-size:32px;line-height:1.6}.article-body>.article-metadata{margin-block:12px 28px}.article-list-page .timeline{margin:0;padding:0;list-style:none}.article-list-page .timeline li{border-top:1px solid var(--border);overflow-wrap:anywhere;padding-block:24px}.article-list-page .timeline h2{font-size:20px;line-height:1.6}.article-list-page .timeline h2 a{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.article-list-page .timeline h2 a:hover{color:var(--primary);text-decoration:underline}.article-list-page .timeline p{color:var(--muted);margin-top:8px;font-size:15px}.article-list-page .timeline p.muted{font-size:13px}.site-page.login-page{max-width:460px;margin-top:72px}.login-sheet{max-width:368px;margin:auto}.login-sheet form{margin-top:24px}.site-page.not-found-page{max-width:40rem;margin-top:72px}.dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(30rem,100% - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}.dialog[open]{flex-direction:column;display:flex}.dialog::backdrop{background:#22282366}.dialog-heading{border-bottom:1px solid var(--border);flex-shrink:0;padding:24px 24px 16px}.dialog-heading h2{font-size:20px}.dialog-body{overscroll-behavior:contain;min-height:0;padding:20px 24px 24px;overflow-y:auto}.dialog-body>:first-child{margin-top:0}.dialog-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:16px 24px}.dialog-footer .dialog-actions{margin:0}.dialog-footer p{margin:0 0 12px;font-size:14px}.dialog-footer p:empty{min-height:0;margin:0;padding:0}.topic-dialog .membership-preview ul{max-height:none;overflow:visible}.topic-dialog .topic-options{max-height:none}.dialog.calendar-drawer{border-width:0 0 0 1px;border-radius:0;width:min(364px,100% - 24px);height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0 0 0 auto}.calendar-drawer .dialog-heading{align-items:center;min-height:77px;padding:16px 68px 16px 16px;display:flex}.calendar-drawer .dialog-heading h2{font-size:18px}.calendar-drawer .dialog-body{padding:12px 0 max(16px, env(safe-area-inset-bottom));flex:1}.calendar-close{position:absolute;top:16px;right:16px}.calendar-drawer .activity-calendar{border:0;border-radius:0;width:100%;padding:0 16px}.calendar-drawer .activity-calendar>.section-heading{justify-content:flex-end}html:has(.calendar-drawer[open]){overflow:hidden}.writing-page .editor-toolbar{top:calc(var(--header-offset) - 16px);z-index:8;background:var(--surface);position:sticky}.writing-page .tiptap *{scroll-margin-top:calc(var(--header-offset) + 60px)}.writing-form-compact .editor-toolbar{border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding-inline:0}.writing-form-compact .writing-controls{background:0 0;padding-top:0}.writing-form-compact .tiptap{min-height:140px}@media (width<=1100px){.site-page.home-page{max-width:54rem}.home-page .browse-layout{grid-template-columns:minmax(0,1fr)}.header-inner{gap:12px;padding-inline:24px}.brand{gap:8px;font-size:16px}.main-nav a{padding-inline:10px}.header-write{display:none}.page-write{display:inline-flex}.reading-article{padding:32px}.reading-layout{grid-template-columns:minmax(0,1fr) 210px;gap:24px}}@media (width<=800px){.header-inner{flex-wrap:wrap;gap:12px;min-height:64px;padding:10px 20px}.brand{font-size:17px}.header-actions{gap:8px}.search-toggle{display:inline-flex}.header-search-slot{flex-basis:100%;order:10;min-width:0;max-width:none;margin:0;display:none}.search-open .header-search-slot{padding-bottom:4px;display:block}.main-nav{z-index:20;padding:4px 16px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;inset:auto 0 0}.main-nav a{border-radius:0;min-height:48px;font-size:14px}.main-nav a.current{color:var(--primary);box-shadow:inset 0 2px var(--primary);background:0 0}#app:has(.main-nav) #main-content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.context-header .brand{display:none}.context-header .header-inner{flex-wrap:nowrap}.context-header .header-actions{gap:8px;min-width:0}.save-state{max-width:112px;font-size:12px}.desktop-label{display:none}.mobile-label{display:inline}.public-nav{gap:16px;font-size:13px}.site-page{width:calc(100% - 40px);margin:28px auto 40px;padding:28px}.site-page.topic-reading-page{width:100%;margin-top:0}.reading-layout{grid-template-columns:minmax(0,1fr);gap:24px}.reading-article{border-radius:0;padding:28px}.reading-sidebar{max-height:none;padding-inline:28px;position:static}.reading-sidebar:has(>#article-toc:only-child:empty){display:none}.reading-toc-panel{border-block:1px solid var(--border);margin-bottom:24px;padding:0}.reading-toc-panel summary{align-items:center;gap:12px;min-height:48px;display:flex}.reading-toc-panel h2{padding:0;font-size:14px}.reading-toc-panel .toc-count{color:var(--muted);margin-left:auto;font-size:12px;display:inline}.reading-toc-panel summary:before{content:"+";color:var(--muted)}.reading-toc-panel details[open] summary:before{content:"−"}.reading-toc-panel .reading-directory{margin:0 0 12px}.article-header{margin-bottom:20px}.article-header h1{font-size:26px}.article-metadata{gap:4px 12px;margin-top:12px}.article-metadata .modified{font-size:12px}.article-topic-row{margin-top:4px}.filter-controls{grid-template-columns:minmax(0,1fr)}.batch-bar{bottom:calc(72px + env(safe-area-inset-bottom))}}@media (width<=540px){.header-inner{gap:8px;padding-inline:16px}.header-actions .button{padding-inline:12px}.site-page{width:calc(100% - 32px);margin-top:24px;padding:24px 20px}.page-intro,.notes-heading{gap:8px;margin-bottom:20px}.page-intro>.text-button{padding-inline:0;font-size:13px}.page-intro p{font-size:13px}.browse-layout,.browse-main{gap:20px}.site-page.article-list-page{background:0 0;width:100%}.site-page.notes-page,.site-page.topics-page,.site-page.topic-detail{width:calc(100% - 32px)}.note-date-group{grid-template-columns:minmax(0,1fr);gap:8px}.date-heading{flex-direction:row;align-items:baseline;gap:6px;padding:0}.record-month,.record-day{color:var(--muted);font-size:13px}.record-month:after{content:" /"}.record-day:after{content:" 日"}.note-date-group+.note-date-group{margin-top:28px}.note-entry :is(h2,h3){font-size:18px}.entry-meta{gap:4px 12px;margin-top:4px}.list-panel{--panel-padding:16px}.panel-heading h2{font-size:18px}.list-panel .note-date-group{gap:8px}.recent-status,.panel-status{padding-block:16px}.empty-state{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px}.empty-state>svg{width:26px;height:26px}.empty-state-actions{grid-column:2}.topic-search{width:100%}.topic-search input{flex:1}.batch-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding-block:8px;display:grid}.batch-bar>:last-child{grid-area:1/2;justify-self:end}.batch-bar .button{padding-inline:8px}.topic-heading{align-items:flex-start}.topic-heading h1{font-size:26px}.topic-overview-list .topic-heading{gap:8px}.topic-overview-list .topic-heading h3{max-width:100%}.topic-intro{margin-bottom:24px}.topic-intro .topic-actions{gap:8px}.topic-intro .button{padding-inline:12px}.reading-article{padding:24px 20px}.reading-sidebar{padding-inline:20px}.reading-neighbours{grid-template-columns:minmax(0,1fr)}.site-page.reading-page:not(.topic-reading-page),.site-page.writing-page{border-radius:0;width:100%;margin-top:0}.reading-page .article-body>h1,.public-list-page h1{font-size:28px}.writing-clock{display:none}.writing-footer{grid-template-columns:minmax(0,1fr) auto}.writing-footer .save-button,.topic-trigger{min-height:44px}.writing-form-compact .tiptap{min-height:128px;padding:16px 18px}.writing-form-compact .editor-heading{padding:10px 16px 6px}.writing-form-compact .editor-heading>label{font-size:16px}.writing-form-compact .writing-controls{padding:0 16px 12px}.writing-form-compact .compact-writing-meta{margin-top:4px}.dialog-heading{padding:20px 20px 14px}.account-dialog .dialog-heading{gap:8px}.account-back-label{display:none}.dialog-body{padding:16px 20px 20px}.dialog-footer{padding:12px 20px}.dialog-actions{gap:8px}.dialog-actions .button{padding-inline:14px}.site-page.login-page,.site-page.not-found-page{margin-top:40px}}@media (forced-colors:active){.main-nav a.current{outline-offset:-4px;outline:1px solid highlight}.dialog::backdrop{opacity:.7;background:canvas}}
