*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fcfbf9;--bg-raised:#ffffff;--bg-sidebar:#f6f4f0;--bg-hover:#efede8;--bg-active:#e8e4dc;--border:#e2ddd4;--border-light:#ede9e2;--text:#2c2824;--text-secondary:#7a7268;--text-tertiary:#a69e93;--accent:#b45309;--accent-light:#fef3c7;--accent-hover:#92400e;--danger:#dc2626;--danger-bg:#fef2f2;--code-bg:#f0ede8;--blockquote:#d4cdc2;--sidebar-w:220px;--topbar-h:48px;--radius:8px;--radius-sm:4px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-mono:'SF Mono','Cascadia Code','Fira Code',ui-monospace,monospace;--font-display:Georgia,'Times New Roman',serif;--lh:1.65;--shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04)}.dark{--bg:#1a1816;--bg-raised:#221f1c;--bg-sidebar:#1e1b18;--bg-hover:#2a2622;--bg-active:#332e29;--border:#35302a;--border-light:#2a2622;--text:#e3ded7;--text-secondary:#9e9488;--text-tertiary:#6b635a;--accent:#f59e0b;--accent-light:#422b00;--accent-hover:#fbbf24;--danger:#fca5a5;--danger-bg:#3b1a1a;--code-bg:#26221e;--blockquote:#3b352f;--shadow:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4)}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:var(--lh);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.icon{display:inline-block;width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:var(--bg-raised);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 8px;z-index:100;-webkit-user-select:none;user-select:none}.topbar-left{display:flex;align-items:center;gap:2px}.logo{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--radius);font-weight:500;font-size:.9375rem;letter-spacing:-.01em;color:var(--text) !important}.logo:hover{background:var(--bg-hover)}.logo-icon{color:var(--accent)}.topbar-actions{display:flex;gap:6px}.topbar-center{flex:1;display:flex;justify-content:center;padding:0 8px;min-width:0}.search-wrap{position:relative;width:100%;max-width:320px}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:1}.search-wrap input{width:100%;padding:5px 64px 5px 30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sidebar);color:var(--text);font-size:.8125rem;font-family:var(--font);transition:border-color .15s,box-shadow .15s,background .15s}.search-wrap input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);background:var(--bg-raised)}.search-wrap input::placeholder{color:var(--text-tertiary)}.search-dropdown{position:absolute;top:calc(100%+4px);left:0;right:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:60vh;overflow-y:auto;display:none;z-index:200}.search-dropdown.show{display:block}.search-dropdown-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;color:var(--text) !important;font-size:.8125rem;border-bottom:1px solid var(--border-light);transition:background .1s;line-height:1.4}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--bg-hover)}.search-dropdown-item .icon{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.search-name{font-weight:500}.search-path{font-size:.6875rem;color:var(--text-tertiary);word-break:break-all}.search-snippet{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px}.search-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:.8125rem}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);transition:background .12s,color .12s;flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text)}.sidebar-toggle-btn:active{background:var(--bg-active)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.layout{padding-top:var(--topbar-h);min-height:100vh;transition:padding-left .2s ease}.layout.sidebar-open{padding-left:var(--sidebar-w)}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;width:var(--sidebar-w);z-index:60;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;transform:translateX(0);transition:transform .2s ease}.layout:not(.sidebar-open) .sidebar{transform:translateX(-100%)}.sidebar-footer{margin-top:auto;padding:8px 14px 12px;border-top:1px solid var(--border-light)}.sidebar-footer-link{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary) !important;transition:background .12s,color .12s}.sidebar-footer-link:hover{background:var(--bg-hover);color:var(--accent) !important}.sidebar-header{display:flex;align-items:center;gap:6px;padding:12px 14px;margin-bottom:2px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.tag-inline{display:inline-block;padding:0 6px;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--accent);background:var(--accent-light);font-family:var(--font-mono);line-height:1.5;text-decoration:none;transition:background .12s,opacity .12s}.tag-inline:hover{opacity:.8;background:var(--accent);color:#fff}.sidebar-tags{}.tags-header{margin-top:8px}.sidebar-tags-list{padding:0 14px 8px;display:flex;flex-wrap:wrap;gap:4px}.tag-item{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.6875rem;color:var(--text-secondary) !important;border:1px solid var(--border);transition:border-color .12s,color .12s,background .12s}.tag-item:hover{border-color:var(--accent);color:var(--accent) !important;background:var(--accent-light)}.tag-item.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent) !important;font-weight:500}.sidebar-header::after{content:'';flex:1;height:1px;background:var(--border-light);margin-left:8px}.sidebar-list{padding:0 0 16px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:.8125rem;line-height:1.4;color:var(--text) !important;border-left:2px solid transparent;transition:background .12s,border-color .12s}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-active);border-left-color:var(--accent);font-weight:500}.sidebar-item .icon{color:var(--text-tertiary)}.sidebar-item.active .icon{color:var(--accent)}.sidebar-item .pin-icon{color:var(--accent)}.sidebar-empty{padding:32px 14px;color:var(--text-tertiary);font-size:.8125rem;text-align:center;line-height:1.6}.main{max-width:880px;margin:0 auto;padding:32px 40px;min-height:calc(100vh - var(--topbar-h))}.breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:8px;padding:6px 0;flex-wrap:wrap;font-size:.75rem}.crumb{color:var(--text-tertiary);padding:2px 4px;border-radius:var(--radius-sm);transition:color .12s,background .12s;text-decoration:none}a.crumb:hover{color:var(--accent);background:var(--accent-light)}.crumb.current{color:var(--text-secondary);font-weight:500}.crumb-sep{color:var(--border);font-size:.6875rem;margin:0 2px;-webkit-user-select:none;user-select:none}.flash{display:flex;align-items:center;gap:8px;background:var(--accent-light);color:var(--accent);padding:8px 14px;margin-bottom:20px;border-radius:var(--radius);font-size:.8125rem;border:1px solid var(--accent)}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text) !important;font-size:.8125rem;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s;line-height:1.4}.btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.btn:active{transform:translateY(1px)}.btn-sm{padding:4px 10px;font-size:.75rem}.btn-sm .icon{width:13px;height:13px}.btn-primary{background:var(--accent);color:#fff !important;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff !important}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border)}.btn-danger{color:var(--danger) !important;border-color:transparent;background:transparent}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.welcome{padding-top:8px}.tag-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tag-filter-title{margin:0 !important}.tag-filter-count{font-size:.8125rem;color:var(--text-tertiary)}.welcome h1{font-family:var(--font-display);font-weight:400;font-size:1.625rem;color:var(--text);margin-bottom:2px}.subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.875rem}.shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:28px}.shortcut-card{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px dashed var(--border);border-radius:var(--radius);padding:16px 12px 12px;color:var(--text-secondary) !important;background:var(--bg-raised);transition:border-color .15s,background .15s,color .15s}.shortcut-card:hover{border-color:var(--accent);border-style:solid;color:var(--accent) !important;background:var(--accent-light)}.shortcut-name{font-size:.8125rem;font-weight:500}.shortcut-meta{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.shortcut-card:hover .shortcut-meta{color:inherit}.owner-badge{display:inline-block;font-size:.6875rem;font-weight:500;color:var(--accent);background:var(--accent-light);padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.note-card{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);padding:20px 12px 16px;color:var(--text) !important;background:var(--bg-raised);transition:border-color .15s,box-shadow .15s,transform .15s}.note-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{color:var(--text-tertiary)}.card-name{font-size:.8125rem;font-weight:500;text-align:center;word-break:break-word;line-height:1.35}.card-meta{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.empty-state{grid-column:1 / -1;text-align:center;padding:56px 16px;color:var(--text-tertiary);line-height:1.8}.empty-state .btn{margin-top:16px}.recent-section{margin-top:40px}.recent-heading{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:12px}.recent-heading::after{content:'';flex:1;height:1px;background:var(--border-light);margin-left:8px}.recent-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--text) !important;font-size:.8125rem;border-bottom:1px solid var(--border-light);transition:background .12s}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--bg-hover)}.recent-name{font-weight:500}.recent-meta{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;margin-left:12px}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.note-title{font-family:var(--font-display);font-weight:400;font-size:1.375rem;color:var(--text);line-height:1.3;word-break:break-word}.note-path{display:block;margin-top:2px;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-tertiary)}.note-dates{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.note-date{font-size:.6875rem;color:var(--text-tertiary)}.date-sep{font-size:.5rem;color:var(--border)}.note-actions{display:flex;gap:6px;flex-shrink:0}.markdown-body{line-height:var(--lh);color:var(--text)}.markdown-body h1{font-family:var(--font-display);font-weight:400;font-size:1.5rem;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.markdown-body h2{font-family:var(--font-display);font-weight:400;font-size:1.25rem;margin:24px 0 8px}.markdown-body h3{font-family:var(--font-display);font-weight:400;font-size:1.1rem;margin:20px 0 8px}.markdown-body p{margin-bottom:14px;max-width:68ch}.markdown-body ul,.markdown-body ol{margin:8px 0 14px 24px}.markdown-body li{margin-bottom:3px}.markdown-body li:has(.task-checkbox){list-style:none;margin-left:-20px}.markdown-body .task-checkbox{margin-right:6px;vertical-align:middle;accent-color:var(--accent)}.markdown-body code{font-family:var(--font-mono);font-size:.85em;padding:2px 6px;background:var(--code-bg);border-radius:var(--radius-sm)}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;overflow-x:auto;margin:14px 0}.markdown-body pre code{background:none;padding:0;font-size:.8125rem;line-height:1.55}.markdown-body blockquote{border-left:3px solid var(--blockquote);padding:4px 0 4px 18px;margin:14px 0;color:var(--text-secondary)}.markdown-body a{text-decoration:underline;text-underline-offset:2px}.markdown-body strong{font-weight:600}.markdown-body em{font-style:italic}.markdown-body table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.8125rem}.markdown-body th,.markdown-body td{text-align:left;padding:8px 12px;border:1px solid var(--border)}.markdown-body th{background:var(--bg-sidebar);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.markdown-body td{background:var(--bg-raised)}.markdown-body tr:first-child th{border-top:none}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.edit-form{display:flex;flex-direction:column;gap:14px}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.draft-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius);font-size:.75rem;color:var(--accent)}.edit-field-row{display:flex;gap:12px}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-size:.875rem;font-family:var(--font);transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.edit-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:400px}.edit-pane,.preview-pane{display:flex;flex-direction:column;gap:4px}.edit-pane label,.preview-pane label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.edit-textarea{flex:1;min-height:360px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;resize:vertical;transition:border-color .15s,box-shadow .15s}.edit-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.preview-content{flex:1;min-height:360px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);overflow-y:auto}.edit-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.edit-footer .input{max-width:380px;font-size:.8125rem}.edit-actions{display:flex;gap:6px}.edit-meta{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap}.edit-meta-sep{width:1px;height:12px;background:var(--border);display:inline-block}.tags-field{margin-top:4px}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px}.tag-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag-chip{display:inline-flex;align-items:center;gap:2px;background:var(--accent-light);color:var(--accent);font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);line-height:1.4}.tag-chip-x{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;color:inherit;opacity:.5}.tag-chip-x:hover{opacity:1}.tag-input{flex:0 0 150px;height:26px;font-size:.8125rem}.backlinks-section{margin-top:28px;padding-top:16px;border-top:1px solid var(--border-light)}.backlinks-heading{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px}.backlinks-list{display:flex;flex-wrap:wrap;gap:6px}.backlink-item{display:inline-block;padding:3px 10px;border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--text-secondary) !important;transition:border-color .12s,color .12s,background .12s}.backlink-item:hover{border-color:var(--accent);color:var(--accent) !important;background:var(--accent-light)}.wiki-link{text-decoration:underline;text-underline-offset:2px;text-decoration-style:dotted}.wiki-link:hover{text-decoration-style:solid}.move-section{margin-top:20px}.move-summary{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;user-select:none;padding:6px 0}.move-summary:hover{color:var(--accent)}.move-form{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.move-form .input{max-width:220px}.commit-table{width:100%;border-collapse:collapse;font-size:.8125rem;margin-top:4px}.commit-table th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-tertiary);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em}.commit-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}.commit-table tr:last-child td{border-bottom:none}.commit-table code{font-family:var(--font-mono);font-size:.75rem;color:var(--accent)}.commit-date{color:var(--text-secondary);white-space:nowrap;font-feature-settings:"tnum"}.commit-msg{color:var(--text)}.login-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:var(--bg-raised);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.login-topbar .logo{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.9375rem;color:var(--text) !important}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--topbar-h));padding:24px}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:16px;text-align:center}.login-logo{font-family:var(--font-display);font-weight:400;font-size:1.5rem;margin-bottom:0}.login-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.login-form .input{text-align:center}.login-error{color:var(--danger);font-size:.875rem}@media (max-width:768px){.sidebar-overlay{display:block}.layout.sidebar-open{padding-left:0}.layout:not(.sidebar-open) .sidebar{transform:translateX(-100%)}.sidebar{box-shadow:var(--shadow-md)}.topbar{padding:0 4px}.topbar-left{gap:0}.logo{padding:4px 6px}.topbar-center{padding:0 4px}.search-wrap{max-width:100%}.search-icon{display:none}.search-wrap input{padding:5px 8px;font-size:.75rem}.search-dropdown-item{padding:10px 12px}.search-dropdown{max-height:50vh}.main{padding:20px}.edit-layout{grid-template-columns:1fr}.note-header{flex-direction:column}.note-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.note-card{padding:14px 10px 12px}.recent-item{flex-direction:column;align-items:flex-start;gap:2px}.recent-meta{margin-left:0}.breadcrumbs{font-size:.6875rem}.edit-footer{flex-direction:column;align-items:stretch}.edit-footer .input{max-width:100%}.commit-table th:nth-child(2),.commit-table td:nth-child(2){display:none}}.todos-page{max-width:560px;margin:0 auto;padding-top:8px}.todos-header{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}.todos-title{font-family:var(--font-display);font-weight:400;font-size:1.375rem;color:var(--text)}.todos-count{font-size:.75rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.todo-add-form{display:flex;gap:8px;margin-bottom:24px}.todo-input{flex:1}.todo-add-btn{flex-shrink:0}.todo-cat-input{flex:2;font-size:.8125rem}.todo-input{flex:1}.todo-section{margin-bottom:20px}.todo-section-title{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:8px}.todo-section-title::after{content:'';flex:1;height:1px;background:var(--border-light);margin-left:8px}.todo-category{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:6px 14px 0;margin:0}.todo-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.todo-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light);transition:background .12s}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--bg-hover)}.todo-item.done{background:var(--bg-sidebar)}.todo-item.done:hover{background:var(--bg-hover)}.todo-toggle-form{display:inline}.todo-check{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;transition:color .12s,transform .1s;flex-shrink:0}.todo-check:hover{color:var(--accent);transform:scale(1.15)}.todo-check.checked{color:var(--accent)}.todo-check.checked:hover{color:var(--text-tertiary)}.todo-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.todo-text{font-size:.875rem;color:var(--text);line-height:1.4;word-break:break-word}.todo-text.done-text{text-decoration:line-through;color:var(--text-tertiary)}.todo-note-wrap{margin-top:2px}.todo-note-label{display:inline;font-size:.75rem;color:var(--text-tertiary);cursor:text;border-bottom:1px dashed var(--border);transition:color .12s,border-color .12s}.todo-note-label:hover{color:var(--accent);border-color:var(--accent)}.todo-note-placeholder{font-style:italic;color:var(--border)}.todo-note-label:hover .todo-note-placeholder{color:var(--accent)}.todo-note-edit{display:inline-flex;align-items:center;gap:4px}.todo-note-input{font-size:.75rem !important;padding:2px 6px !important;border-radius:var(--radius-sm) !important;width:200px}.todo-note-save{padding:2px 6px !important;font-size:.75rem !important}.todo-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.todo-edit-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;opacity:0;transition:opacity .12s,color .12s;flex-shrink:0}.todo-item:hover .todo-edit-btn{opacity:1}.todo-edit-btn:hover{color:var(--accent)}.todo-edit-input{flex:1;min-width:0}.todo-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:2px;opacity:0;transition:opacity .12s,color .12s;flex-shrink:0}.todo-item:hover .todo-delete{opacity:1}.todo-delete:hover{color:var(--danger)}.todo-empty{text-align:center;padding:48px 16px;color:var(--text-tertiary)}.todo-empty-hint{font-size:.75rem;margin-top:4px}.todo-empty-hint kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:.6875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised)}.main:has(.graph-page){max-width:none;padding:20px 24px;display:flex;flex-direction:column}.graph-page{display:flex;flex-direction:column;flex:1;min-height:0}.graph-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}.graph-title{font-family:var(--font-display);font-weight:400;font-size:1.25rem}.graph-hint{font-size:.75rem;color:var(--text-tertiary)}.graph-canvas{flex:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);cursor:grab;width:100%;min-height:400px}.graph-canvas:active{cursor:grabbing}@media print{body{background:#fff !important;color:#000 !important}.topbar,.sidebar,.sidebar-overlay,.note-actions,.note-extra,.flash,.breadcrumbs,.note-dates{display:none !important}.layout{padding-top:0 !important;padding-left:0 !important;max-width:none}.main{max-width:none;padding:0;margin:0}.note-content{max-width:none}.markdown-body{color:#000 !important}.markdown-body a{color:#000 !important;text-decoration:underline}.markdown-body code{background:#f3f3f3 !important;color:#000 !important;border:1px solid #ddd}.markdown-body pre{background:#f6f6f6 !important;border:1px solid #ddd}.markdown-body blockquote{border-left-color:#aaa;color:#555}.markdown-body table th{background:#f0f0f0 !important}markdown-body td{background:#fff !important}@page{margin:1.5cm}}@media (max-width:480px){.main{padding:14px}.note-grid{grid-template-columns:1fr 1fr;gap:8px}.welcome h1{font-size:1.375rem}.note-title{font-size:1.125rem}.preview-pane{display:none}.edit-layout{grid-template-columns:1fr}.edit-textarea{min-height:280px}.logo{font-size:0;gap:0;padding:4px}.logo .logo-icon{width:18px;height:18px}.topbar-center{padding:0 2px}.sidebar-toggle-btn{width:28px;height:28px}.search-wrap input{padding:4px 6px;font-size:.6875rem}.search-dropdown-item{padding:8px 10px;font-size:.75rem}.new-label{display:none}}.trash-view{max-width:720px}.trash-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-light);border-radius:10px;background:var(--card-bg,var(--bg));flex-wrap:wrap}.trash-item:hover{border-color:var(--border)}.trash-info{min-width:0;flex:1}.trash-name{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.trash-name .icon{color:var(--danger);flex-shrink:0}.trash-meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:.75rem;color:var(--text-secondary);flex-wrap:wrap}.trash-orig{font-family:var(--font-mono)}.trash-dot{opacity:.5}.trash-actions{display:flex;gap:6px;flex-shrink:0}@media (max-width:480px){.trash-item{flex-direction:column;align-items:flex-start}}.palette-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.4);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.palette-overlay[hidden]{display:none}.palette{width:min(560px,94vw);background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.palette-input-wrap{display:flex;align-items:center;gap:10px;padding:4px 14px;border-bottom:1px solid var(--border-light)}.palette-search-icon{color:var(--text-tertiary);flex-shrink:0}.palette-input-wrap input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:1rem;font-family:var(--font);padding:10px 0}.palette-input-wrap input::placeholder{color:var(--text-tertiary)}.palette-results{max-height:55vh;overflow-y:auto;padding:6px}.palette-section{padding:8px 12px 4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.palette-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;cursor:pointer}.palette-item.active,.palette-item:hover{background:var(--bg-hover)}.palette-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--bg-active);color:var(--accent)}.palette-item.active .palette-icon{background:var(--accent);color:#fff}.palette-text{display:flex;flex-direction:column;min-width:0}.palette-name{font-size:.875rem;font-weight:500}.palette-hint{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-empty{padding:24px;text-align:center;color:var(--text-secondary);font-size:.875rem}.palette-footer{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--border-light);font-size:.625rem;color:var(--text-tertiary)}.palette-footer span{display:flex;align-items:center;gap:4px}kbd{font-family:var(--font-mono);font-size:.625rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:var(--bg);color:var(--text-secondary)}@media (max-width:480px){.palette-overlay{padding-top:8vh}.palette-footer{display:none}}.editor-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.view-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--bg-active);border-radius:8px}.view-toggle-btn{border:none;background:transparent;cursor:pointer;color:var(--text-secondary);font-family:var(--font);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 14px;border-radius:6px;transition:background .15s,color .15s}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background:var(--bg-raised);color:var(--accent);box-shadow:var(--shadow)}.edit-layout.mode-edit{grid-template-columns:1fr}.edit-layout.mode-edit .preview-pane{display:none}.edit-layout.mode-preview{grid-template-columns:1fr}.edit-layout.mode-preview .edit-pane{display:none}@media (max-width:480px){.edit-layout.mode-preview .preview-pane{display:flex}}.import-view{max-width:760px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.import-card{border:1px solid var(--border-light);border-radius:12px;background:var(--bg-raised);padding:18px;display:flex;flex-direction:column;gap:14px}.import-card-head{display:flex;gap:12px;align-items:flex-start}.import-card-head .icon{color:var(--accent);flex-shrink:0;margin-top:2px}.import-card-head h2{font-size:1rem;font-weight:600;color:var(--text)}.import-card-head p{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.import-card form{display:flex;flex-direction:column;gap:12px}.import-note{font-size:.6875rem;color:var(--text-tertiary)}@media (max-width:600px){.import-grid{grid-template-columns:1fr}}.sidebar-favs{padding:0 0 2px;border-bottom:1px solid var(--border-light)}.favs-header{padding-top:10px}.sidebar-favs-list{display:flex;flex-direction:column}.fav-item{font-size:.8125rem}.fav-heart{color:var(--accent)}.fav-btn-icon{transition:fill .15s,color .15s}#favBtn.is-fav{color:var(--accent)}#favBtn.is-fav .fav-btn-icon{fill:currentColor}.stats-view{max-width:820px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0 14px}.home-stats{margin:4px 0 22px}.stat-card{border:1px solid var(--border-light);border-radius:12px;padding:16px;background:var(--bg-raised);text-align:center}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--accent)}.stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-top:4px}.stats-panel{border:1px solid var(--border-light);border-radius:12px;padding:16px;background:var(--bg-raised);margin-bottom:14px}.stats-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}.stats-panel-head h2{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.heatmap{display:flex;gap:3px;overflow-x:auto;padding-bottom:6px;position:relative}.heat-col{display:flex;flex-direction:column;gap:3px}.heat-cell{width:11px;height:11px;border-radius:2px;background:var(--bg-active);flex-shrink:0}.heat-cell.lv1{background:#d9c39a}.heat-cell.lv2{background:#c9974d}.heat-cell.lv3{background:#b06f1e}.heat-cell.lv4{background:var(--accent)}.dark .heat-cell.lv1{background:#5a4323}.dark .heat-cell.lv2{background:#8a6426}.dark .heat-cell.lv3{background:#b9843a}.heatmap-legend{display:flex;align-items:center;gap:4px;font-size:.625rem;color:var(--text-tertiary)}.heatmap-legend .heat-cell{width:10px;height:10px}.heatmap-tooltip{display:none;position:absolute;z-index:50;background:var(--text);color:var(--bg);font-size:.6875rem;padding:4px 8px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-md)}.top-notes{display:flex;flex-direction:column;gap:6px}.top-note{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--text)}.top-note:hover{background:var(--bg-hover)}.top-note-name{flex:0 0 40%;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-note-bar{flex:1;height:6px;background:var(--bg-active);border-radius:3px;overflow:hidden}.top-note-fill{display:block;height:100%;background:var(--accent);border-radius:3px}.top-note-count{font-size:.6875rem;color:var(--text-tertiary);font-family:var(--font-mono);width:24px;text-align:right}@media (max-width:480px){.top-note-name{flex-basis:55%}}.share-box{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.share-url-input{flex:1;min-width:160px;font-family:var(--font-mono);font-size:.75rem}.share-note{font-size:.6875rem;color:var(--text-tertiary);margin-top:6px}.theme-wrap{position:relative}.theme-menu{position:absolute;top:calc(100%+6px);right:0;z-index:200;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;min-width:160px;display:none}.theme-menu.show{display:block}.theme-menu-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:4px 10px 6px}.theme-option{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:7px;color:var(--text);text-decoration:none;font-size:.8125rem}.theme-option:hover{background:var(--bg-hover)}.theme-option.active{color:var(--accent);font-weight:600}.theme-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.theme-check{margin-left:auto;color:var(--accent)}.swatch-light{background:#fcfbf9}.swatch-dark{background:#1a1816}.swatch-sepia{background:#f4ead8}.swatch-ocean{background:#e8f1f8}.swatch-forest{background:#eaf3e9}.swatch-midnight{background:#141a2a}.swatch-mono{background:#ececec}.theme-sepia{--bg:#f6efe2;--bg-raised:#faf4e8;--bg-sidebar:#f1e8d6;--bg-hover:#ece1ca;--bg-active:#e6d8ba;--border:#d9c9a8;--border-light:#e7dcc4;--text:#3d3326;--text-secondary:#7d6f5a;--text-tertiary:#a29177;--accent:#a16207;--accent-light:#f3e2c1;--accent-hover:#7c4a04;--code-bg:#efe4cc;--blockquote:#d4c49f}.theme-ocean{--bg:#f2f7fb;--bg-raised:#fbfdff;--bg-sidebar:#ebf2f8;--bg-hover:#e3edf5;--bg-active:#d7e4ef;--border:#c4d7e5;--border-light:#dae6f0;--text:#22303d;--text-secondary:#5d7385;--text-tertiary:#8ba1b3;--accent:#1d6fa5;--accent-light:#d6ebf9;--accent-hover:#155a86;--danger:#c0392b;--danger-bg:#fbeae7;--code-bg:#e7f0f8;--blockquote:#bccfdd}.theme-forest{--bg:#f4f9f3;--bg-raised:#fbfdfa;--bg-sidebar:#edf5ea;--bg-hover:#e4f0e1;--bg-active:#d9e9d5;--border:#c0d6c0;--border-light:#d6e7d6;--text:#23302a;--text-secondary:#5d7366;--text-tertiary:#8ba090;--accent:#2f7d4f;--accent-light:#d7efe0;--accent-hover:#24643e;--danger:#b23b2e;--danger-bg:#f9eae7;--code-bg:#e6f1e5;--blockquote:#bcd1c0}.theme-mono{--bg:#f7f7f7;--bg-raised:#ffffff;--bg-sidebar:#f0f0f0;--bg-hover:#e9e9e9;--bg-active:#dfdfdf;--border:#d0d0d0;--border-light:#e1e1e1;--text:#262626;--text-secondary:#6e6e6e;--text-tertiary:#9c9c9c;--accent:#4a4a4a;--accent-light:#e4e4e4;--accent-hover:#2f2f2f;--danger:#a33;--danger-bg:#f2f2f2;--code-bg:#ececec;--blockquote:#cccccc}.theme-midnight{--bg:#121828;--bg-raised:#182036;--bg-sidebar:#141b2c;--bg-hover:#1f2942;--bg-active:#28334f;--border:#2c3a5c;--border-light:#232f4c;--text:#dce3f0;--text-secondary:#93a0bd;--text-tertiary:#5f6c8c;--accent:#7cb3f5;--accent-light:#24385c;--accent-hover:#a5c9f8;--code-bg:#1c2540;--blockquote:#2e3a5c}.home-stats{margin:4px 0 22px}.home-stats-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.home-stats-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.home-stats-more{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);text-decoration:none}.home-stats-more:hover{color:var(--accent)}.home-stats-more .icon{width:13px;height:13px}.stat-card-link{text-decoration:none;display:block;transition:border-color .15s,transform .15s}.stat-card-link:hover{border-color:var(--accent);transform:translateY(-1px)}.kbd-chip{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:2px;border:none;background:var(--bg-active);cursor:pointer;padding:2px 5px;border-radius:5px;pointer-events:auto}.kbd-chip:hover{background:var(--bg-hover)}.kbd-chip kbd{font-size:.5625rem;padding:1px 4px}.home-hint{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary);margin:-12px 0 18px}.kbd-inline{display:inline-flex;gap:3px;align-items:center}@media (max-width:480px){.kbd-chip{display:none}}.version-list{display:flex;flex-direction:column;gap:6px}.version-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-raised);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.version-item:hover{border-color:var(--accent);background:var(--bg-hover)}.version-item.version-current{border-color:var(--accent);background:var(--accent-light)}.version-num{font-family:var(--font-display);font-weight:700;font-size:.9375rem;color:var(--accent);min-width:28px}.version-action{font-weight:500;flex:1}.version-date{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.version-author{font-size:.75rem;color:var(--text-tertiary)}.version-arrow{color:var(--text-tertiary);flex-shrink:0}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.commit-detail{border:1px solid var(--border);border-radius:12px;background:var(--bg-raised);padding:16px;margin-bottom:18px}.commit-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.commit-detail-msg{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.version-badge{font-family:var(--font-display);font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 10px;border-radius:999px;font-size:.8125rem}.commit-detail-action{font-weight:600;font-size:.9375rem;text-transform:capitalize}.commit-detail-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.8125rem;color:var(--text-secondary);flex-wrap:wrap}.commit-detail-nav{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.commit-section{margin-top:14px}.commit-section-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:8px}.line-changes{background:var(--code-bg);border:1px solid var(--border-light);border-radius:8px;padding:8px 0;overflow-x:auto}.line-change{display:flex;gap:10px;padding:1px 12px;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;white-space:pre}.line-change.add{background:rgba(46,160,67,0.15)}.line-change.del{background:rgba(220,38,38,0.12)}.lc-sign{color:var(--text-tertiary);width:14px;flex-shrink:0;user-select:none}.line-change.add .lc-sign{color:#2ea043}.line-change.del .lc-sign{color:var(--danger)}.dark .line-change.add{background:rgba(63,185,80,0.16)}.dark .line-change.del{background:rgba(248,81,73,0.14)}.change-summary{font-size:.75rem;color:var(--text-tertiary);margin-top:8px}.commit-content{padding:4px 2px}@media (max-width:600px){.version-item{flex-wrap:wrap;gap:6px}.version-action{flex-basis:100%;order:3}.version-date,.version-author{font-size:.6875rem}.commit-detail-head{flex-direction:column}}.settings-view{max-width:760px}.settings-form .import-grid{margin-top:8px}.settings-actions{margin-top:16px;display:flex;justify-content:flex-end}.flash-error{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}