@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.woff2) format("woff2")}:root{--bg-deep: #08080a;--bg-base: #0e0e11;--bg-surface: #16161a;--bg-elevated: #1e1e23;--bg-hover: #26262d;--border: #2a2a32;--border-subtle: #1e1e25;--text-primary: #e4e4e7;--text-secondary: #8e8e96;--text-muted: #56565e;--accent: #d4943a;--accent-dim: #b87a2e;--accent-glow: rgba(212, 148, 58, .12);--accent-text: #f0c06e;--danger: #c4483e;--danger-bg: rgba(196, 72, 62, .1);--success: #3e9e5e;--success-bg: rgba(62, 158, 94, .08);--md-bg: #2d2a2e;--md-bg-deep: #221f22;--md-border: #403e41;--md-text: #fcfcfa;--md-dim: #939293;--md-muted: #727072;--md-yellow: #ffd866;--h1: #f5c069;--h2: #f5c069;--h3: #f5c069;--h4: #f5c069;--h5: #f5c069;--h6: #f5c069;--mono: "JetBrains Mono", "SF Mono", monospace;--sans: "DM Sans", system-ui, sans-serif;--radius: 6px;--radius-lg: 10px}[data-theme=light]{--bg-deep: #f4f2ee;--bg-base: #faf9f5;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #ece9e2;--border: #d8d3c9;--border-subtle: #e7e3da;--text-primary: #23211e;--text-secondary: #57544d;--text-muted: #767166;--accent: #9e580e;--accent-dim: #864c0a;--accent-glow: rgba(158, 88, 14, .14);--accent-text: #92590d;--danger: #c0392b;--danger-bg: rgba(192, 57, 43, .08);--success: #2f8049;--success-bg: rgba(47, 128, 73, .1)}[data-theme=light] .markdown-body,[data-theme=light] .editor-area,[data-theme=light] .capture-box{--accent: #d4943a;--accent-dim: #b87a2e;--accent-text: #f0c06e;--accent-glow: rgba(212, 148, 58, .12);--text-muted: #8a857a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg-deep)}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--mono);letter-spacing:-.01em}.btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--bg-deep)}.btn-accent:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn-danger{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}.btn-danger:hover{background:#c4483e33}.btn-sm{padding:4px 10px;font-size:12px}.input{padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s ease;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-family:var(--mono)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-family:var(--mono);font-size:13px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;font-family:var(--mono);letter-spacing:.02em}.tag-accent{background:var(--accent-glow);color:var(--accent-text)}.tag-muted{background:var(--bg-elevated);color:var(--text-secondary)}.toast{position:fixed;bottom:24px;right:24px;padding:10px 16px;border-radius:var(--radius);font-family:var(--mono);font-size:12px;z-index:1000;animation:fadeIn .2s ease-out}.toast-success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.toast-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}div:hover>div>.row-delete-btn{opacity:1!important}.row-delete-btn:hover{color:var(--danger)!important}.msg-reply-btn{font-family:var(--mono);font-size:11px;color:var(--text-muted);padding:0 4px;cursor:pointer;opacity:.55;transition:opacity .1s;align-self:center;flex-shrink:0;white-space:nowrap}@media(hover:hover){.msg-reply-btn{opacity:0}div:hover>.msg-reply-btn{opacity:1}.msg-reply-btn:hover{color:var(--accent-text)}}.msg-reply-btn.has-replies{opacity:1;color:var(--accent-text)}.markdown-body{font-family:var(--sans);font-size:15px;line-height:1.75;color:var(--md-text)}.markdown-body ::selection,.capture-box::selection,.editor-area::selection{background:var(--md-yellow);color:var(--md-bg)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--sans);font-weight:600;color:var(--md-text);margin-top:1.6em;margin-bottom:.6em;line-height:1.3;letter-spacing:-.02em}.markdown-body h1{font-size:1.65em;padding-bottom:.3em;border-bottom:1px solid var(--md-border);color:var(--h1)}.markdown-body h2{font-size:1.35em;padding-bottom:.25em;border-bottom:1px solid var(--md-border);color:var(--h2)}.markdown-body h3{font-size:1.15em;color:var(--h3)}.markdown-body h4{font-size:1em;color:var(--h4)}.markdown-body h5{font-size:.95em;color:var(--h5)}.markdown-body h6{font-size:.9em;color:var(--h6)}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}.markdown-body p{margin:0 0 1em}.markdown-body a{color:var(--accent-text);text-decoration:underline;text-decoration-color:#d4943a4d;text-underline-offset:2px;transition:text-decoration-color .15s}.markdown-body a:hover{text-decoration-color:var(--accent)}.markdown-body strong{font-weight:600;color:var(--md-text)}.markdown-body em{font-style:italic;color:var(--md-dim)}.markdown-body code{font-family:var(--mono);font-size:.85em;padding:2px 6px;border-radius:4px;background:var(--md-bg-deep);border:1px solid var(--md-border);color:var(--md-yellow)}.markdown-body pre{margin:0 0 1em;padding:16px 18px;border-radius:var(--radius-lg);background:var(--md-bg-deep);border:1px solid var(--md-border);overflow-x:auto}.markdown-body pre code{font-size:13px;padding:0;border:none;background:none;color:var(--md-dim);line-height:1.6}.markdown-body blockquote{margin:0 0 1em;padding:8px 16px;border-left:3px solid var(--md-muted);background:var(--md-bg-deep);border-radius:0 var(--radius) var(--radius) 0;color:var(--md-dim);font-style:italic}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin:0 0 1em;padding-left:1.5em}.markdown-body li{margin:.3em 0}.markdown-body li::marker{color:var(--md-muted)}.markdown-body hr{border:none;border-top:1px solid var(--md-border);margin:1.5em 0}.markdown-body table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:14px}.markdown-body th,.markdown-body td{padding:8px 12px;border:1px solid var(--md-border);text-align:left}.markdown-body th{background:var(--md-bg-deep);font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--md-muted)}.markdown-body img{max-width:100%;border-radius:var(--radius)}.markdown-body input[type=checkbox]{margin-right:6px;accent-color:var(--accent)}.markdown-body del{color:var(--text-muted)}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);flex-shrink:0}@media(display-mode:standalone),(display-mode:fullscreen){.top-nav{height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}}.top-nav-links{display:flex;gap:4px}.main-content{flex:1;overflow:auto;padding:24px;-webkit-overflow-scrolling:touch}.main-flush{padding:0;overflow:hidden}.space-shell{display:flex;height:100%;min-height:0}.space-tree{position:relative;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--bg-base);border-right:1px solid var(--border-subtle)}.space-tree-head{flex:none;display:flex;align-items:center;gap:8px;padding:9px 10px 9px 12px;border-bottom:1px solid var(--border-subtle)}.space-tree-title{flex:1;min-width:0;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-tree-iconbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--text-muted);font-family:var(--mono);font-size:15px;line-height:1;cursor:pointer;transition:background .12s,color .12s}.space-tree-iconbtn:hover{background:var(--bg-hover);color:var(--text-secondary)}.space-tree-body{flex:1;min-height:0;overflow-y:auto;padding:6px}.space-tree-empty{padding:14px 10px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.space-tree-row{display:flex;align-items:center;gap:6px;height:28px;padding-right:8px;border-radius:var(--radius);cursor:pointer;white-space:nowrap;font-family:var(--mono);font-size:12.5px;color:var(--text-secondary);transition:background .1s}.space-tree-row:hover{background:var(--bg-surface)}.space-tree-row.active{background:var(--accent-glow);color:var(--accent-text);box-shadow:inset 2px 0 0 var(--accent)}.space-tree-caret{flex:none;width:12px;text-align:center;font-size:9px;color:var(--text-muted)}.space-tree-icon{flex:none;width:12px;text-align:center;font-size:10px;color:var(--text-muted)}.space-tree-row.active .space-tree-icon{color:var(--accent)}.space-tree-name{overflow:hidden;text-overflow:ellipsis}.space-tree-foot{flex:none;display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--border-subtle);font-family:var(--mono);font-size:10.5px;color:var(--text-muted)}.space-tree-resize{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:2}.space-content{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.space-content-scroll{flex:1;min-height:0;overflow-y:auto}.space-content.tree-collapsed .space-content-scroll{padding-left:52px}.space-measure{max-width:860px;margin:0 auto;padding:26px 32px 64px}.space-tree-reopen{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-surface);cursor:pointer}.space-tree-reopen:hover{background:var(--bg-hover)}.bottom-nav{display:none}@media(max-width:640px){.top-nav{padding-inline:16px}.top-nav-links,.top-nav-user{display:none}.main-content{padding:16px}.space-tree,.space-tree-reopen{display:none}.space-measure{padding:16px 16px 48px}.space-content.tree-collapsed .space-content-scroll{padding-left:0}.bottom-nav{display:flex;flex-shrink:0;background:var(--bg-base);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-family:var(--mono);font-size:10px;color:var(--text-muted);text-decoration:none}.bottom-nav-item:hover{text-decoration:none}.bottom-nav-item.active{color:var(--accent-text)}.input{font-size:16px}}.capture-box{width:100%;min-height:96px;padding:16px;background:var(--md-bg);border:1px solid var(--md-border);border-radius:var(--radius-lg);color:var(--md-text);font-family:var(--sans);font-size:16px;line-height:1.6;resize:vertical;outline:none;caret-color:var(--accent)}.capture-box:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.capture-box::placeholder{color:var(--md-muted)}.recent-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:var(--radius);font-family:var(--mono);font-size:13px;text-decoration:none}.recent-row:hover{background:var(--bg-surface);text-decoration:none}.search-hit{display:block;padding:12px 14px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none}.search-hit:hover{border-color:var(--border);text-decoration:none}.task-view{padding-bottom:40px}.task-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.task-target-btn{margin-top:4px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--text-muted);transition:color .15s}.task-target-btn:hover{color:var(--accent-text)}.task-quickadd{display:flex;gap:8px;margin-bottom:20px}.task-quickadd .input{flex:1}.task-list{display:flex;flex-direction:column}.task-heading{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.task-heading:first-child{margin-top:0}.task-heading.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.task-caret{font-size:9px;opacity:.7}.task-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border-radius:10px;padding:1px 8px}.task-spacer{height:10px}.task-inert{font-family:var(--sans);font-size:13px;color:var(--text-muted);line-height:1.5;padding:3px 12px}.task-row-wrap{position:relative;overflow:hidden;max-height:200px;border-bottom:1px solid var(--border-subtle)}.task-row-wrap.leaving{max-height:0;opacity:0;transition:max-height .2s ease,opacity .16s ease}.task-row-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.02em}.task-row-track.doing{background:var(--accent-glow);color:var(--accent-text)}.task-row-track.done{background:var(--success-bg);color:var(--success)}.task-row{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 12px;background:var(--bg-base);font-family:var(--sans);font-size:15px;line-height:1.4;color:var(--text-primary);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}.task-row.subtask{min-height:40px;font-size:14px;color:var(--text-secondary)}.task-box{flex-shrink:0;width:20px;height:20px;padding:0;border:1.5px solid var(--border);border-radius:5px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent-text);transition:border-color .12s,background .12s}.task-box.checked{border-color:var(--success);background:var(--success-bg);color:var(--success)}.task-text{flex:1;word-break:break-word}.task-text.checked{color:var(--text-muted);text-decoration:line-through}.task-edit{padding:10px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.task-edit-input{width:100%}.task-edit-actions{display:flex;gap:8px;margin-top:10px}.task-edit-actions .task-del{margin-left:auto;color:var(--danger);border-color:var(--danger)}.task-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:var(--radius-lg);font-family:var(--mono);font-size:13px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 8px 24px #0006;z-index:50;animation:task-toast-in .18s ease}@keyframes task-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.task-toast-ok{color:var(--success)}.task-toast-warn{color:var(--danger)}.task-toast-undo{color:var(--text-secondary)}.task-toast-undo button,button.task-toast-undo{background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent-text);padding:0}.task-picker{max-width:460px;margin:32px auto;padding:24px}.task-picker-hint{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:8px 0 18px}.task-picker .input,.task-picker select{width:100%}