:root{--safe-top: max(env(safe-area-inset-top), var(--juie-inset-top, 0px));--safe-right: max(env(safe-area-inset-right), var(--juie-inset-right, 0px));--safe-bottom: max(env(safe-area-inset-bottom), var(--juie-inset-bottom, 0px));--safe-left: max(env(safe-area-inset-left), var(--juie-inset-left, 0px));--bg: #fbfaf9;--bg-panel: #ffffff;--bg-hover: #f2f0ee;--bg-active: #eae7e3;--border: #e5e1dc;--text: #1c1b1a;--text-dim: #6b6764;--text-faint: #a8a29d;--accent: #b45309;--accent-2: #0f766e;--code-bg: #f7f5f2;--code-edge: #ebe7e2;--code-keyword: #9a3412;--code-string: #0f766e;--code-comment: #8a847d;--code-number: #1d4ed8;--code-type: #6d28d9;--code-function: #b45309;--code-property: #3f3a36;--danger: #b42318;--selection: #b4530922;--project-mist-blue: rgb(96 140 200 / 6.75%);--project-mist-green: rgb(90 160 110 / 6.75%);--project-mist-rose: rgb(200 110 130 / 6.75%);--project-mist-amber: rgb(200 150 70 / 7.5%);--project-mist-lilac: rgb(150 120 200 / 6.75%);--project-mist-teal: rgb(70 160 160 / 6.75%);--project-card-mist-blue: rgb(96 140 200 / 12%);--project-card-mist-green: rgb(90 160 110 / 12%);--project-card-mist-rose: rgb(200 110 130 / 12%);--project-card-mist-amber: rgb(200 150 70 / 13.5%);--project-card-mist-lilac: rgb(150 120 200 / 12%);--project-card-mist-teal: rgb(70 160 160 / 12%);--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--motion-fast: .12s;--motion-base: .18s;--motion-page: .24s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-settle: cubic-bezier(.16, 1, .3, 1);--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 24px;--space-8: 32px;--text-xs: 9px;--text-sm: 11px;--text-md: 13px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 20px;--text-3xl: 24px;--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 999px;--radius: var(--radius-md)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #191817;--bg-panel: #1f1e1d;--bg-hover: #2a2827;--bg-active: #343130;--border: #302e2c;--text: #ececea;--text-dim: #a5a09b;--text-faint: #6e6a66;--accent: #e8a33d;--accent-2: #4dd4c0;--code-bg: #222120;--code-edge: #2f2d2b;--code-keyword: #f2a48c;--code-string: #4dd4c0;--code-comment: #7b766f;--code-number: #93b4ff;--code-type: #c4a6ff;--code-function: #e8a33d;--code-property: #d8d3cc;--danger: #f0776a;--selection: #e8a33d26;--project-mist-blue: rgb(130 175 235 / 7.5%);--project-mist-green: rgb(120 200 145 / 7.5%);--project-mist-rose: rgb(235 140 165 / 7.5%);--project-mist-amber: rgb(235 185 100 / 8.25%);--project-mist-lilac: rgb(185 155 235 / 7.5%);--project-mist-teal: rgb(100 200 200 / 7.5%);--project-card-mist-blue: rgb(130 175 235 / 12%);--project-card-mist-green: rgb(120 200 145 / 12%);--project-card-mist-rose: rgb(235 140 165 / 12%);--project-card-mist-amber: rgb(235 185 100 / 13.5%);--project-card-mist-lilac: rgb(185 155 235 / 12%);--project-card-mist-teal: rgb(100 200 200 / 12%)}}:root[data-theme=dark]{--bg: #191817;--bg-panel: #1f1e1d;--bg-hover: #2a2827;--bg-active: #343130;--border: #302e2c;--text: #ececea;--text-dim: #a5a09b;--text-faint: #6e6a66;--accent: #e8a33d;--accent-2: #4dd4c0;--code-bg: #222120;--code-edge: #2f2d2b;--code-keyword: #f2a48c;--code-string: #4dd4c0;--code-comment: #7b766f;--code-number: #93b4ff;--code-type: #c4a6ff;--code-function: #e8a33d;--code-property: #d8d3cc;--danger: #f0776a;--selection: #e8a33d26;--project-mist-blue: rgb(130 175 235 / 7.5%);--project-mist-green: rgb(120 200 145 / 7.5%);--project-mist-rose: rgb(235 140 165 / 7.5%);--project-mist-amber: rgb(235 185 100 / 8.25%);--project-mist-lilac: rgb(185 155 235 / 7.5%);--project-mist-teal: rgb(100 200 200 / 7.5%);--project-card-mist-blue: rgb(130 175 235 / 12%);--project-card-mist-green: rgb(120 200 145 / 12%);--project-card-mist-rose: rgb(235 140 165 / 12%);--project-card-mist-amber: rgb(235 185 100 / 13.5%);--project-card-mist-lilac: rgb(185 155 235 / 12%);--project-card-mist-teal: rgb(100 200 200 / 12%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:var(--text-lg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cm-editor,.reading-article,.versions-diff,input,textarea,[contenteditable]:not([contenteditable=false]),pre,code,[role=alert],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app{display:flex;height:100%;overflow:hidden}.app:not(.app-narrow){padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.panel{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;border-right:1px solid var(--border);background:var(--bg-panel);overflow:clip}.app:not(.app-narrow)>.panel-tags{flex:0 0 240px}.app:not(.app-narrow)>.panel-tasks{flex:0 0 280px}.app:not(.app-narrow){overflow-x:auto}.app>.panel:last-child,.app>.scene:last-child{border-right:none}.panel-tags{background:var(--bg)}.panel-editor{background:var(--bg-panel)}.panel-head{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--border);flex:none}.panel-head h2{flex:1;margin:0;font-size:var(--text-md);font-weight:600;letter-spacing:.02em;color:var(--text-dim);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head-spacer{flex:1}.note-history-navigation{display:flex;align-items:center;gap:var(--space-1)}.note-history-navigation:before{content:none}.note-history-navigation .icon-btn:disabled{opacity:.28;cursor:default}.list,.settings-scroll,.outline,.kanban-column,.task-list{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.list:hover,.settings-scroll:hover,.outline:hover,.kanban-column:hover,.task-list:hover{scrollbar-color:color-mix(in srgb,var(--text-faint) 45%,transparent) transparent}.list::-webkit-scrollbar,.settings-scroll::-webkit-scrollbar,.outline::-webkit-scrollbar,.kanban-column::-webkit-scrollbar,.task-list::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-thumb,.settings-scroll::-webkit-scrollbar-thumb,.outline::-webkit-scrollbar-thumb,.kanban-column::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-pill);background-clip:content-box;background-color:transparent}.list:hover::-webkit-scrollbar-thumb,.settings-scroll:hover::-webkit-scrollbar-thumb,.outline:hover::-webkit-scrollbar-thumb,.kanban-column:hover::-webkit-scrollbar-thumb,.task-list:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text-faint) 45%,transparent)}.list{flex:1;overflow-y:auto;overflow-x:clip;min-width:0;padding:var(--space-2) 0 var(--space-7)}.row{display:flex;width:100%;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);font-size:var(--text-md);background:none;border:none;border-radius:var(--radius);text-align:left;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.list>.row{width:calc(100% - 8px);margin:1px 2px 1px 6px}.row:hover{background:var(--bg-hover)}.row-active{background:var(--bg-active)}.row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-note{position:relative;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-7)}.row-note-dragging{opacity:.42}.row-note .row-title{display:block;width:100%}.row-sub{display:flex;gap:var(--space-4);align-items:baseline;font-size:var(--text-md);color:var(--text-faint)}.row-sub .chips{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent)}.row-sub time{flex:none;font-variant-numeric:tabular-nums}.row-tag{padding-right:var(--space-4)}.row-tag.drag-over,.task-shelf-nav button.drag-over{background:var(--selection);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.tag-name{background:none;border:none;padding:0;cursor:pointer;text-align:left}.twisty{width:16px;flex:none;padding:0;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:var(--text-sm)}.twisty-hidden{visibility:hidden}.tag-rename-input{flex:1;min-width:0;padding:var(--space-1) var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit}.tag-rename-input:focus{outline:none}.row-tag-dragging{opacity:.45}.row-tag-drop{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.count{font-size:var(--text-sm);color:var(--text-faint);font-variant-numeric:tabular-nums}.task-add{padding:var(--space-4) var(--space-4);flex:none}.task-topbar{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4)}.task-compose{flex:none;border-bottom:1px solid var(--border)}.task-compose-root{border-bottom:none}.task-compose-root .task-topbar{border-bottom:1px solid var(--border);background:var(--bg)}.task-add input{width:100%;padding:var(--space-4) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none}.task-topbar input{flex:1;min-width:0;height:32px}.task-topbar input:disabled{opacity:.62;color:var(--text-faint);cursor:default}.task-tree-toggle{display:grid;place-items:center;width:24px;height:24px;flex:none;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);cursor:pointer}.task-tree-toggle:hover:not(:disabled){background:var(--bg-hover);color:var(--text-dim)}.task-tree-toggle:disabled{opacity:.28;cursor:default}.task-add input:focus{border-color:var(--accent)}.task-list{display:flex;flex-direction:column;padding-bottom:0;overflow-x:clip;overscroll-behavior-inline:none}.task-list-tail{flex:1 0 40px;min-height:40px;margin:var(--space-2) var(--space-2) 0;border-radius:var(--radius)}.task-list-tail.drag-over{background:var(--selection)}.task-row{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:1px 2px 1px 6px;min-height:27px;border-radius:var(--radius);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.task-row:hover{background:var(--bg-hover)}.task-row-dragging{opacity:.4}.task-row-done .task-title,.task-row-done .task-title-static{color:var(--text-faint);text-decoration:line-through}.task-row .task-title{flex:1;min-width:0;background:none;border:none;outline:none;padding:var(--space-1) var(--space-1)}.task-drag-handle,.task-icon-btn{display:grid;place-items:center;flex:none;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.task-drag-handle{width:14px;cursor:grab;touch-action:none}.task-drag-handle:active{cursor:grabbing}.task-drag-handle-hover{width:12px;opacity:0;transition:opacity .12s ease}.task-twisty{display:grid;place-items:center;flex:none;width:16px;height:18px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);opacity:.75;cursor:pointer}.task-twisty-empty{pointer-events:none}.task-icon-btn:hover,.task-twisty:hover,.task-drag-handle:hover{color:var(--text);background:var(--bg-active)}.task-row .task-icon-btn{opacity:.58}.task-row .task-icon-btn:hover{opacity:1}.task-row:hover .task-drag-handle-hover,.task-row:focus-within .task-drag-handle-hover{opacity:.62}.task-kind-mark{flex:none}.task-iteration-mark{color:var(--text-faint);font-size:var(--text-sm);opacity:.7}.task-trash-button:hover{color:#b42318}.task-title-static{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1;min-width:0;overflow:hidden;overflow-wrap:anywhere;color:var(--text-dim)}.task-completed-stamp{flex:none;max-width:88px;height:19px;padding:var(--space-1) var(--space-3);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-panel) 72%,transparent);color:var(--text-faint);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1;text-overflow:clip;white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) ease,background var(--motion-fast) ease}.task-completed-stamp:hover,.task-completed-stamp-expanded{max-width:126px;background:var(--bg-hover);color:var(--text-dim)}.task-tree-toggle-on{color:var(--accent)}.drop-before:before,.drop-after:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:var(--accent);border-radius:2px}.drop-before:before{top:-1px}.drop-after:after{bottom:-1px}.kanban-card.drop-before:before,.calendar-task.drop-before:before{top:-4.5px}.kanban-card.drop-after:after,.calendar-task.drop-after:after{bottom:-4.5px}.drop-inside{box-shadow:inset 0 0 0 2px var(--accent)}.task-checkbox{accent-color:var(--accent);width:15px;height:15px;flex:none;cursor:pointer}.task-shelf-actions{display:flex;flex:none;gap:var(--space-1);margin-left:auto}.task-shelf-actions .task-drag-handle-hover,.task-shelf-actions .project-drag-handle{width:18px;height:18px;display:grid;place-items:center;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.task-shelf-actions .project-drag-handle{opacity:0}.project-head:hover .task-shelf-actions .project-drag-handle,.project-head:focus-within .task-shelf-actions .project-drag-handle{opacity:.8}.task-row:hover .task-shelf-actions .task-drag-handle-hover{opacity:.8}.task-shelf-actions button:hover{background:var(--bg-hover);opacity:1!important}.panel-kanban{background:var(--bg-panel)}.kanban-shell{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column}.kanban-lanes-wide{display:contents}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-height:0;overflow-x:hidden;overflow-y:hidden;background:var(--bg)}.kanban-column{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border);transition:background .12s ease}.kanban-column:last-child{border-right:none}.kanban-column.drag-over,.kanban-column-hover{background:var(--selection)}.kanban-column-head{display:flex;align-items:baseline;gap:var(--space-4);height:40px;padding:var(--space-5) var(--space-5) var(--space-4);flex:none;color:var(--text-dim);font-size:var(--text-md);font-weight:600}.kanban-column-head small{margin-left:auto;color:var(--text-faint);font-size:var(--text-xs);font-weight:400}.kanban-cards{flex:1;min-height:0;overflow-y:auto;padding:6px var(--space-4) var(--space-7);scrollbar-width:none}.kanban-cards::-webkit-scrollbar{display:none}.projection-composer{min-width:0}.projection-composer input{display:block;width:100%;height:23px;padding:0 var(--space-2);border:none;border-bottom:1px solid transparent;border-radius:0;outline:none;background:none;color:var(--text);font:inherit;font-size:var(--text-sm);opacity:.48;transition:border-color .12s ease,opacity .12s ease}.projection-composer input::placeholder{color:var(--text-faint)}.projection-composer input:hover,.projection-composer input:focus{border-bottom-color:var(--border);opacity:1}.kanban-composer{margin:0 2px 8px}.kanban-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 5px;padding:var(--space-4) var(--space-4) var(--space-3);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-md);background-color:var(--bg-panel);background-image:linear-gradient(var(--project-tint, transparent),var(--project-tint, transparent));cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.kanban-card:hover{border-color:color-mix(in srgb,var(--text-faint) 46%,var(--border))}.kanban-card:active{cursor:grabbing}.kanban-card-dragging{opacity:.38}.kanban-card-done{background-color:color-mix(in srgb,var(--accent-2) 3%,var(--bg-panel))}.kanban-context{overflow:hidden;color:var(--text-faint);font-size:var(--text-xs);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.kanban-progress{align-self:flex-start;margin-top:2px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text-faint) 13%,transparent);color:var(--text-dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1.5}.kanban-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;color:var(--text);font-size:var(--text-md);line-height:1.35;overflow-wrap:anywhere}.kanban-card-done .kanban-title{color:var(--text-dim)}.kanban-card-foot{display:flex;align-items:center;margin-top:2px;color:var(--text-faint);font-size:var(--text-xs)}.kanban-card-moves{position:absolute;right:4px;bottom:3px;display:flex;gap:var(--space-1);opacity:0;transition:opacity .12s ease}.kanban-card:hover .kanban-card-moves,.kanban-card:focus-within .kanban-card-moves{opacity:1}.kanban-card-moves button{display:grid;place-items:center;width:20px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.kanban-card-moves button:hover{background:var(--bg-hover);color:var(--text)}.kanban-empty{margin:12px 4px;color:var(--text-faint);font-size:var(--text-sm)}.panel-canvas{background:var(--bg)}.canvas-gallery,.canvas-workspace{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.canvas-gallery{overflow-y:auto;padding:clamp(18px,4vw,42px);background:var(--bg)}.canvas-gallery-intro{display:flex;align-items:flex-start;justify-content:space-between;max-width:980px;width:100%;margin:0 auto 24px}.canvas-gallery-intro h2{margin:0 0 5px;color:var(--text);font-size:var(--text-2xl);font-weight:590;letter-spacing:-.025em}.canvas-gallery-intro p,.canvas-gallery-empty{margin:0;color:var(--text-faint);font-size:var(--text-sm)}.canvas-gallery-intro>span{color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.canvas-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-6);max-width:980px;width:100%;margin:0 auto}.canvas-create-tile,.canvas-gallery-card{min-width:0;aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel)}.canvas-create-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-style:dashed;color:var(--text-faint)}.canvas-create-tile:focus-within{border-color:color-mix(in srgb,var(--accent) 44%,var(--border))}.canvas-create-tile input{width:min(160px,100%);padding:var(--space-3) var(--space-1);border:none;border-bottom:1px solid transparent;outline:none;background:none;color:var(--text);font-size:var(--text-md);text-align:center}.canvas-create-tile input:focus{border-bottom-color:var(--border)}.canvas-create-tile input::placeholder,.canvas-create-tile small{color:var(--text-faint)}.canvas-create-tile small{font-size:var(--text-xs);opacity:.7}.canvas-gallery-card{display:flex;overflow:hidden;flex-direction:column;transition:border-color .12s ease,transform .12s ease}.canvas-gallery-card:hover{border-color:color-mix(in srgb,var(--text-faint) 52%,var(--border));transform:translateY(-1px)}.canvas-gallery-preview{position:relative;min-height:0;padding:0;border:none;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--text-faint) 28%,transparent) .7px,transparent .8px);background-size:13px 13px;flex:1;cursor:pointer}.canvas-thumbnail-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--border)}.canvas-thumbnail-world{position:absolute;inset:12px;overflow:hidden}.canvas-thumbnail-node{position:absolute;max-width:48%;max-height:45%;border:1px solid color-mix(in srgb,var(--text-faint) 42%,var(--border));border-radius:var(--radius-sm);background:var(--bg-panel)}.canvas-thumbnail-task{background:color-mix(in srgb,var(--accent-2) 6%,var(--bg-panel))}.canvas-thumbnail-group{border-style:dashed;background:transparent}.canvas-gallery-card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:47px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border-top:1px solid var(--border)}.canvas-gallery-name{min-width:0;padding:0;border:none;background:none;overflow:hidden;color:var(--text);font-size:var(--text-md);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.canvas-gallery-card-meta>span{grid-column:1;color:var(--text-faint);font-size:var(--text-xs)}.canvas-gallery-empty{max-width:980px;width:100%;margin:14px auto 0;text-align:center}.canvas-toolbar{display:flex;align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.canvas-toolbar button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.canvas-toolbar button:hover{background:var(--bg-hover);color:var(--text-dim)}.canvas-back{font-size:var(--text-xl)}.canvas-name-input{width:min(220px,38%);padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid transparent;outline:none;background:none;color:var(--text-dim);font-size:var(--text-sm);font-weight:580}.canvas-name-input:focus{border-bottom-color:var(--border);color:var(--text)}.canvas-toolbar-spacer{flex:1}.canvas-toolbar-hint{max-width:150px;overflow:hidden;color:var(--text-faint);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.canvas-zoom-value{width:auto!important;min-width:32px;color:var(--text-faint);font-size:var(--text-xs);text-align:center;font-variant-numeric:tabular-nums}.canvas-stage{position:relative;min-width:0;min-height:0;overflow:hidden;flex:1;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--text-faint) 23%,transparent) .75px,transparent .85px);background-size:18px 18px;cursor:grab;touch-action:none}.canvas-stage:active{cursor:grabbing}.canvas-stage.drag-over{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent)}.canvas-world{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.canvas-edge-layer{position:absolute;z-index:1;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.canvas-edge-layer marker path{fill:var(--text-faint)}.canvas-edge-line{fill:none;stroke:color-mix(in srgb,var(--text-faint) 70%,transparent);stroke-width:1.25;vector-effect:non-scaling-stroke}.canvas-edge-hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:pointer}.canvas-edge-selected .canvas-edge-line{stroke:var(--accent);stroke-width:1.7}.canvas-marquee{position:absolute;z-index:200;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none}.canvas-empty{position:absolute;left:50%;top:48%;display:flex;align-items:center;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-7);border:none;background:none;color:var(--text-faint);transform:translate(-50%,-50%);cursor:pointer}.canvas-empty span{color:var(--text-dim);font-size:var(--text-md)}.canvas-empty small{font-size:var(--text-xs)}.canvas-palette{position:absolute;z-index:100;left:50%;top:46%;width:min(440px,calc(100% - 28px));max-height:min(540px,calc(100% - 32px));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 16px 48px #0002;transform:translate(-50%,-50%)}.canvas-palette>header{display:flex;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border)}.canvas-palette>header input{min-width:0;padding:var(--space-3) var(--space-4);border:none;outline:none;background:none;flex:1;font-size:var(--text-sm)}.canvas-palette>header button{width:26px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.canvas-palette-list{max-height:446px;overflow-y:auto;padding:var(--space-3)}.canvas-palette-list>button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;min-height:31px;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-sm);text-align:left;cursor:pointer}.canvas-palette-list>button:hover{background:var(--bg-hover);color:var(--text)}.canvas-palette-list>button span:not(.canvas-palette-checkbox){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-palette-list>button small,.canvas-palette-list>p{color:var(--text-faint);font-size:var(--text-xs)}.canvas-palette-list>p{margin:16px;text-align:center}.canvas-node{position:absolute;display:flex;min-width:180px;min-height:38px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:0 2px 9px #0000000b;flex-direction:column;pointer-events:auto;cursor:default;transition:border-color var(--motion-fast) ease}.canvas-node-selected{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 4px 18px #00000015}.canvas-node-connecting{border-color:color-mix(in srgb,var(--accent) 78%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.canvas-node-group{overflow:visible;border-style:dashed;border-color:color-mix(in srgb,var(--text-faint) 54%,transparent);background:color-mix(in srgb,var(--bg-panel) 18%,transparent);box-shadow:none;pointer-events:none}.canvas-node-group>header{width:min(180px,calc(100% - 8px));min-height:27px;margin:3px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-panel) 90%,transparent);pointer-events:auto}.canvas-node-group .canvas-node-resize{pointer-events:auto}.canvas-node-group.canvas-node-selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 3%,transparent)}.canvas-node-group.canvas-node-palette-open{z-index:100000}.canvas-node.canvas-node-palette-open{overflow:visible}.canvas-group-title{min-width:0;padding:0;border:none;outline:none;background:transparent;color:var(--text-dim);flex:1;font-family:var(--font-text);font-size:var(--text-sm)}.canvas-node-task{background:color-mix(in srgb,var(--accent-2) 4%,var(--bg-panel))}.canvas-node-color-neutral{background:color-mix(in srgb,#a7a9ad 4%,var(--bg-panel))}.canvas-node-color-sand{background:color-mix(in srgb,#d5bd83 11%,var(--bg-panel))}.canvas-node-color-rose{background:color-mix(in srgb,#d7a4ad 10%,var(--bg-panel))}.canvas-node-color-sage{background:color-mix(in srgb,#91b19c 10%,var(--bg-panel))}.canvas-node-color-sky{background:color-mix(in srgb,#91acce 10%,var(--bg-panel))}.canvas-node-color-lavender{background:color-mix(in srgb,#ad9bc6 10%,var(--bg-panel))}.canvas-node>header{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);min-height:37px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);flex:none;cursor:grab;user-select:none;-webkit-user-select:none}.canvas-node-collapsed>header{border-bottom:none}.canvas-node>header strong{min-width:0;overflow:hidden;color:var(--text);flex:1;font-size:var(--text-sm);font-weight:580;text-overflow:ellipsis;white-space:nowrap}.canvas-node-kind{display:grid;place-items:center;width:15px;color:var(--text-faint);flex:none;font-size:var(--text-md)}.canvas-node-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity .1s ease}.canvas-node:hover .canvas-node-actions,.canvas-node-selected .canvas-node-actions{opacity:1}.canvas-node-actions button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.canvas-node-actions button:hover{background:var(--bg-hover);color:var(--text-dim)}.canvas-node-actions .canvas-connect-active{background:var(--bg-active);color:var(--accent)}.canvas-node-actions .canvas-color-dot:before{content:"";width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:color-mix(in srgb,currentColor 18%,transparent)}.canvas-color-palette{position:absolute;z-index:4;right:30px;top:28px;width:68px;height:68px;padding:0;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:50%;background:color-mix(in srgb,var(--bg-panel) 97%,transparent);box-shadow:0 5px 16px #00000012}.canvas-color-palette .canvas-color-choice{position:absolute;left:50%;top:50%;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:none}.canvas-color-palette .canvas-color-choice:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid #00000014;border-radius:50%;background:var(--choice-color)}.canvas-color-choice:nth-child(1){transform:translate(-50%,-50%) translateY(-21px)}.canvas-color-choice:nth-child(2){transform:translate(-50%,-50%) translate(18px,-10px)}.canvas-color-choice:nth-child(3){transform:translate(-50%,-50%) translate(18px,10px)}.canvas-color-choice:nth-child(4){transform:translate(-50%,-50%) translateY(21px)}.canvas-color-choice:nth-child(5){transform:translate(-50%,-50%) translate(-18px,10px)}.canvas-color-choice:nth-child(6){transform:translate(-50%,-50%) translate(-18px,-10px)}.canvas-color-choice:hover:before{box-shadow:0 0 0 2px color-mix(in srgb,var(--text-faint) 40%,transparent)}.canvas-color-choice-active:before{box-shadow:0 0 0 1.5px var(--bg-panel),0 0 0 2.5px var(--text-faint)}.canvas-color-choice-neutral,.canvas-color-dot-neutral{--choice-color: #d7d8da}.canvas-color-choice-sand,.canvas-color-dot-sand{--choice-color: #d8c89e}.canvas-color-choice-rose,.canvas-color-dot-rose{--choice-color: #d8adb5}.canvas-color-choice-sage,.canvas-color-dot-sage{--choice-color: #a8c0af}.canvas-color-choice-sky,.canvas-color-dot-sky{--choice-color: #a8bdd6}.canvas-color-choice-lavender,.canvas-color-dot-lavender{--choice-color: #bcafd0}.canvas-node-actions .canvas-color-dot:before{background:var(--choice-color, color-mix(in srgb, currentColor 18%, transparent))}.canvas-node-body{min-width:0;min-height:0;overflow:hidden;padding:var(--space-4) var(--space-5);flex:1;cursor:text}.canvas-note-preview{color:var(--text-dim);font-size:var(--text-sm);line-height:1.55;overflow-wrap:anywhere}.canvas-note-card,.canvas-note-editor{display:flex;height:100%;min-height:0;flex-direction:column}.canvas-note-preview{min-height:0;overflow:auto;flex:1}.canvas-note-editor textarea{width:100%;min-height:0;padding:0;border:none;outline:none;background:transparent;color:var(--text);flex:1;font-family:var(--font-text);font-size:var(--text-sm);line-height:1.55;resize:none}.canvas-note-loading{margin:0;color:var(--text-faint);font-size:var(--text-sm)}.canvas-note-preview>:first-child{margin-top:0}.canvas-note-preview h1,.canvas-note-preview h2,.canvas-note-preview h3{margin:.65em 0 .3em;color:var(--text);font-size:1.05em}.canvas-note-preview p,.canvas-note-preview ul,.canvas-note-preview ol{margin:.35em 0}.canvas-task-preview{display:flex;height:100%;min-height:0;flex-direction:column;gap:var(--space-4)}.canvas-task-title-edit,.canvas-task-inline-add input{min-width:0;height:20px;padding:0;border:none;border-bottom:1px solid transparent;border-radius:0;outline:none;background:none;color:var(--text-dim);font-family:var(--font-text);font-size:var(--text-sm);font-weight:400}.canvas-task-title-edit{width:100%}.canvas-task-title-edit:focus,.canvas-task-inline-add input:focus{border-bottom-color:color-mix(in srgb,var(--text-faint) 38%,transparent)}.canvas-task-preview input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);flex:none}.canvas-task-tree{flex:1;min-height:0;overflow:auto;padding:var(--space-1) 0 var(--space-2)}.canvas-task-row{position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:26px;padding-inline-end:var(--space-1);border-radius:var(--radius-sm);cursor:default;touch-action:pan-y;user-select:none;-webkit-user-select:none}.canvas-task-row:hover{background:color-mix(in srgb,var(--bg-hover) 58%,transparent)}.canvas-task-twisty,.canvas-task-add-child,.canvas-task-drag{display:grid;place-items:center;width:17px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);flex:none;cursor:pointer}.canvas-task-twisty-hidden{visibility:hidden}.canvas-task-title{min-width:0;overflow:hidden;color:var(--text-dim);flex:1;font-size:var(--text-sm);text-align:start;text-overflow:ellipsis;white-space:nowrap}.canvas-task-title-done{color:var(--text-faint);text-decoration:line-through}.canvas-task-add-child,.canvas-task-drag{opacity:0}.canvas-task-row:hover .canvas-task-add-child,.canvas-task-row:hover .canvas-task-drag,.canvas-task-add-child:focus-visible,.canvas-task-drag:focus-visible{opacity:1}.canvas-task-drag{cursor:grab;touch-action:none}.canvas-task-inline-add{padding-block:var(--space-1) var(--space-2);padding-inline-end:var(--space-2)}.canvas-task-inline-add input{width:100%;color:var(--text-dim)}.canvas-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin-top:auto;padding-top:var(--space-3)}.canvas-card-actions button{width:fit-content;padding:var(--space-1) 0;border:none;background:none;color:var(--text-faint);font-size:var(--text-xs);cursor:pointer}.canvas-card-actions button:hover,.canvas-card-actions button:focus-visible{color:var(--text-dim)}.canvas-node-missing{margin:0;color:var(--text-faint);font-size:var(--text-sm);line-height:1.45}.canvas-node-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;padding:0;border:none;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--text-faint) 42%,transparent) 51%,transparent 60%);opacity:0;cursor:nwse-resize}.canvas-node:hover .canvas-node-resize,.canvas-node-selected .canvas-node-resize{opacity:1}.canvas-missing{display:grid;place-content:center;flex:1;color:var(--text-faint);text-align:center}.canvas-missing button{border:none;background:none;color:var(--text-dim);cursor:pointer}.canvas-palette-list>.canvas-palette-create{color:var(--text);font-weight:500}.canvas-palette-list>.canvas-palette-create+.canvas-palette-create{margin-bottom:var(--space-2);border-bottom:1px solid var(--border);border-radius:0}.panel-calendar{background:var(--bg-panel)}.calendar-panel{display:flex;flex:1;min-height:0;flex-direction:column;background:var(--bg)}.calendar-toolbar{display:flex;align-items:center;gap:var(--space-4);height:40px;padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-panel);flex:none}.calendar-navigation,.calendar-toolbar-actions,.calendar-view-tabs{display:flex;align-items:center}.calendar-toolbar{position:relative}.calendar-navigation{position:absolute;top:50%;left:50%;gap:var(--space-1);flex:none;transform:translate(-50%,-50%)}.calendar-navigation .calendar-period-title{flex:none;height:26px;padding:0 var(--space-3);font-size:var(--text-lg);white-space:nowrap;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer}.calendar-navigation .calendar-period-title:hover{background:var(--bg-hover);color:var(--text)}.calendar-view-menu{position:relative;display:none;flex:none}.calendar-view-menu>button{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer}.calendar-view-menu>button:hover{background:var(--bg-hover)}.editor-context-menu.calendar-period-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px}.editor-context-menu .context-menu-checked{color:var(--accent)}.calendar-toolbar-spacer{flex:1}.scene-head .scene-tools{display:flex;flex:1;min-width:0;align-items:center;overflow:hidden}.scene-head .calendar-toolbar{position:static;flex:1;min-width:0;height:auto;gap:var(--space-1);padding:0;border:none;background:none}.scene-head{position:relative}@container scene (max-width: 640px){.calendar-view-tabs{display:none}.calendar-view-menu{display:block}.calendar-navigation{position:static;min-width:0;margin:0 auto;transform:none}.calendar-navigation .calendar-period-title{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.calendar-toolbar-spacer{display:none}}.calendar-navigation button,.calendar-view-tabs button,.calendar-unscheduled-toggle{height:26px;padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer}.calendar-navigation button:not(.calendar-period-title){display:grid;place-items:center;width:24px;padding:0}.calendar-navigation button:hover,.calendar-view-tabs button:hover,.calendar-unscheduled-toggle:hover,.calendar-unscheduled-toggle-on,.calendar-view-tabs .calendar-view-active{background:var(--bg-hover);color:var(--text-dim)}.calendar-period-title{min-width:0;flex:1;overflow:hidden;color:var(--text-dim);font-size:var(--text-md);font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}.calendar-toolbar-actions{min-width:0;gap:var(--space-3);flex:none;margin-inline-start:auto}.calendar-shelf-toggles{display:flex;align-items:center;gap:var(--space-1);flex:none}.calendar-view-tabs{gap:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none}.calendar-view-tabs::-webkit-scrollbar{display:none}.calendar-view-tabs button{flex:none;white-space:nowrap}.calendar-unscheduled{display:flex;align-items:flex-start;gap:var(--space-4);max-height:106px;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 2%,var(--bg-panel));flex:none;overflow:hidden}.calendar-unscheduled-list{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;min-width:0;max-height:92px;overflow:hidden;align-content:flex-start}.calendar-unscheduled-list .calendar-task{touch-action:none;flex:0 1 auto;min-width:72px;max-width:230px;min-height:28px;height:28px;margin:0;padding-top:var(--space-3);padding-bottom:var(--space-3)}.calendar-overdue{background:color-mix(in srgb,var(--accent) 5%,var(--bg-panel))}.calendar-unscheduled-list .calendar-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-stage{display:flex;flex:1;min-height:0;overflow:auto;container-type:inline-size;scrollbar-width:none}.calendar-stage::-webkit-scrollbar{display:none}.calendar-date-tasks,.calendar-month-tasks,.calendar-year-grid,.calendar-unscheduled-list{scrollbar-width:none}.calendar-date-tasks::-webkit-scrollbar,.calendar-month-tasks::-webkit-scrollbar,.calendar-year-grid::-webkit-scrollbar,.calendar-unscheduled-list::-webkit-scrollbar{display:none}.calendar-range{display:grid;flex:1;min-height:100%;grid-template-rows:minmax(0,1fr)}.calendar-range-two-weeks{grid-template-rows:minmax(0,5fr) minmax(0,1fr)}.calendar-range-two-weeks .calendar-date-column{border-bottom:1px solid var(--border)}.calendar-range-two-weeks .calendar-date-column:nth-child(n+8){border-bottom:none}.calendar-date-column{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--border);transition:background .12s ease}.calendar-date-column:last-child,.calendar-range-two-weeks .calendar-date-column:nth-child(7n){border-right:none}.calendar-date-column.drag-over,.month-day.drag-over{background:var(--selection);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.calendar-date-head{display:flex;align-items:baseline;gap:var(--space-3);min-height:42px;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-faint)}.calendar-date-head span,.calendar-date-head small{font-size:var(--text-xs);font-weight:400}.calendar-date-head strong{color:var(--text-dim);font-size:var(--text-xl);font-weight:500}.calendar-date-today .calendar-date-head strong{color:var(--accent)}.calendar-date-tasks{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:var(--space-4)}.calendar-composer{margin:-2px 0 5px}.calendar-composer-compact{margin:-1px 0 2px}.calendar-composer-compact input{height:15px;padding:0 var(--space-2);font-size:var(--text-xs)}.calendar-date-empty{display:block;padding:var(--space-4) var(--space-2);color:var(--text-faint);font-size:var(--text-sm)}.calendar-task{display:flex;position:relative;align-items:flex-start;gap:var(--space-3);min-width:0;min-height:30px;margin-bottom:5px;padding:var(--space-4) var(--space-4);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius-sm);background-color:var(--bg-panel);background-image:linear-gradient(var(--project-tint, transparent),var(--project-tint, transparent));color:var(--text);cursor:grab;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;transition:border-color .12s ease,opacity .12s ease}.calendar-task:hover,.calendar-task:focus-visible{border-color:color-mix(in srgb,var(--text-faint) 48%,var(--border));outline:none}.calendar-task-dragging{opacity:.38}.calendar-task-archived{opacity:.72}.calendar-task-checkbox{width:13px;height:13px;margin:1px 0 0;accent-color:var(--accent);flex:none;cursor:pointer}.calendar-task-done .calendar-task-title{color:var(--text-faint);text-decoration:line-through}.calendar-task-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;flex:1;min-width:0;overflow:hidden;font-size:var(--text-sm);line-height:1.35;overflow-wrap:anywhere}.cm-live-blockquote{border-inline-start:2px solid color-mix(in srgb,var(--accent) 30%,var(--border));padding-inline-start:var(--space-4)!important;color:var(--text-dim)}.calendar-task-compact{gap:var(--space-2);min-height:19px;margin:0 0 2px;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--accent-2) 7%,var(--bg-panel))}.calendar-task-compact .calendar-task-checkbox{width:11px;height:11px;margin-top:1px}.calendar-task-compact .calendar-task-title{-webkit-line-clamp:1;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-month-grid{flex:1;min-width:0;min-height:520px;grid-template-rows:24px repeat(6,minmax(82px,1fr));background:var(--bg-panel)}.month-weekday{display:flex;align-items:center;padding:0 var(--space-4);border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:var(--text-xs)}.month-weekday:nth-child(7){border-right:none}.month-day{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--space-2) var(--space-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;transition:background .12s ease}.month-day:nth-child(7n+14){border-right:none}.month-day-outside{background:color-mix(in srgb,var(--bg) 64%,transparent)}.month-day-outside .month-day-number{opacity:.42}.month-day-number{display:grid;place-items:center;width:22px;height:20px;margin:0 0 2px auto;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer}.month-day-number:hover{background:var(--bg-hover)}.month-day-today .month-day-number{background:var(--accent);color:#fff}.month-day-selected{background:var(--selection)}.calendar-month-tasks{flex:1;min-width:0;min-height:0;overflow-y:auto}.calendar-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;grid-template-rows:repeat(4,minmax(170px,1fr));min-height:100%;gap:1px;width:100%;padding:0;background:var(--border)}.calendar-year-month{display:flex;min-height:0;flex-direction:column}.calendar-year-month .month-grid-compact{flex:1;min-height:0;grid-template-rows:16px repeat(6,minmax(0,1fr))}.month-grid-compact .month-weekday{justify-content:center;min-width:0;padding:0;overflow:hidden}@container (min-width: 780px){.calendar-year-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(170px,1fr))}}@media(max-width:560px){.calendar-year-grid{min-width:540px}}.calendar-unscheduled-list>.calendar-date-empty{display:flex;align-items:center;min-height:28px;padding:0 var(--space-4)}@media(max-width:820px),(max-width:960px)and (max-height:600px),(pointer:coarse)and (max-width:999px){.app-narrow{position:relative;height:var(--juie-visual-height, 100dvh);padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left);background:var(--bg-panel);font-size:var(--text-lg)}.app-narrow>.panel,.app-narrow .mobile-drawer .panel{width:100%;min-height:0}.app-narrow .panel-head{height:50px;min-height:50px}.app-narrow .panel-notes .mobile-axis-head{order:0}.app-narrow .panel-notes .list{order:1;padding-top:var(--space-3);padding-bottom:var(--space-5)}.app-narrow .panel-notes .search-box{order:2;height:54px;padding:var(--space-4) var(--space-4);border-top:1px solid var(--border);border-bottom:none;background:var(--bg-panel)}.app-narrow .search-box input{height:38px;padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.app-narrow .sort-menu>.icon-btn,.app-narrow .search-create{width:38px;height:38px}.mobile-axis-head{position:relative;display:flex;align-items:center;justify-content:center;height:50px;min-height:50px;padding:0 48px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.mobile-axis-context{position:absolute;left:56px;max-width:30%;overflow:hidden;color:var(--text-faint);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.app-narrow .row-note{min-height:64px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md)}.app-narrow .row-note:after{position:absolute;right:10px;bottom:-2px;left:var(--space-5);height:1px;background:color-mix(in srgb,var(--border) 68%,transparent);content:""}.app-narrow .note-pin{display:none}.app-narrow .row-note .row-title{font-size:var(--text-lg);font-weight:600;line-height:1.4}.app-narrow .row-preview{font-size:var(--text-md);line-height:1.35}.mobile-nav{z-index:45;display:flex;align-items:stretch;flex:none;min-height:58px;padding:3px 8px calc(3px + var(--safe-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-panel) 97%,transparent)}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);min-width:0;min-height:52px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:none;color:var(--text-faint);font-size:var(--text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav button.active{color:var(--accent)}.mobile-nav .mobile-nav-main{flex:1 1 0}.app-keyboard-open .mobile-nav{display:none}.mobile-drawer-backdrop{position:fixed;inset:0 0 calc(58px + var(--safe-bottom)) 0;z-index:55;background:#0004}.mobile-drawer{display:flex;width:min(78vw,310px);height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--bg-panel);box-shadow:18px 0 60px #0003;overflow:hidden}.mobile-drawer>.panel{min-width:0;height:100%;flex:1;background:var(--bg-panel)}.mobile-drawer .panel-head-tags{display:flex;height:50px;padding:0 var(--space-5)}.mobile-drawer .panel-logo{font-size:var(--text-xl);font-weight:620}.mobile-drawer .settings-trigger{width:38px;height:38px}.mobile-scene-title{display:block;width:100%;font-size:var(--text-lg);font-weight:600;text-align:center}.app-narrow .panel-editor .panel-head-main{gap:var(--space-1);padding:0 var(--space-3)}.mobile-note-menu-backdrop{position:fixed;inset:0;z-index:70;background:transparent}.mobile-note-menu{position:absolute;top:calc(var(--safe-top) + 46px);right:calc(8px + var(--safe-right));display:flex;width:min(270px,calc(100vw - 24px));padding:var(--space-3);flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 14px 42px #0003}.mobile-note-menu button{min-height:42px;padding:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-md);background:none;color:var(--text-dim);font-size:var(--text-lg);text-align:left}.mobile-note-menu button:active,.mobile-note-menu button.active{background:var(--bg-hover);color:var(--accent)}.mobile-note-menu button.danger{color:var(--danger)}.mobile-note-menu button:disabled{opacity:.45}.mobile-note-menu-divider{height:1px;margin:4px 7px;background:var(--border)}.mobile-outline-tab{position:absolute;z-index:12;top:43%;right:var(--safe-right);display:flex;align-items:center;justify-content:center;width:18px;height:66px;padding:0;flex-direction:column;gap:var(--space-2);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 10px;background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--text-faint);box-shadow:-3px 0 12px #0000000d}.mobile-outline-tab svg{display:block}.mobile-outline-backdrop{position:fixed;inset:0;z-index:65;background:#0004}.mobile-outline-drawer{position:absolute;top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);display:flex;width:min(84vw,340px);flex-direction:column;background:var(--bg-panel);box-shadow:-18px 0 60px #0003}.mobile-outline-drawer .outline{width:100%;flex:1;border:none}.mobile-outline-close{position:absolute;z-index:2;top:5px;right:7px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-md);background:none;color:var(--text-faint);font-size:var(--text-2xl)}.mobile-outline-drawer .outline-head{min-height:44px;padding:var(--space-5) 48px var(--space-4) var(--space-5)}.app-narrow .panel-editor .panel-head-spacer,.mobile-note-title{flex:1}.app-narrow .panel-editor .panel-head-main>.icon-btn{width:33px;height:33px}.app-narrow .panel-editor .archive-action{width:33px;padding:0}.app-narrow .panel-editor .icon-btn.ghost{opacity:1}.app-narrow .panel-editor .action-label{display:none}.app-narrow .cm-editor{font-size:var(--text-xl)}.app-narrow .cm-content,.app-narrow .reading-article{padding-right:var(--space-6);padding-left:var(--space-6)}.app-narrow .reading-article{font-size:var(--text-lg)}.app-narrow .panel-tasks>.task-compose{display:contents}.app-narrow .panel-tasks>.mobile-task-head{order:0}.app-narrow .panel-tasks>.task-list{order:1}.app-narrow .panel-tasks .task-page-head{order:0;min-height:50px;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border)}.app-narrow .panel-tasks .task-topbar{order:2;height:54px;padding:var(--space-4) var(--space-4);border-top:1px solid var(--border);border-bottom:none;background:var(--bg-panel)}.app-keyboard-open .panel-tasks .task-topbar{box-shadow:0 -8px 28px #00000012}.app-narrow .panel-tasks .task-topbar input{height:38px;padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.app-narrow .panel-tasks .task-shelf-nav{display:none}.app-narrow .task-row{min-height:36px;margin-top:0;margin-bottom:0;padding-top:var(--space-2);padding-bottom:var(--space-2)}.app-narrow .task-row .task-title,.app-narrow .task-title-static{font-size:var(--text-lg)}.app-narrow .task-checkbox{width:20px;height:20px}.app-narrow .task-twisty,.app-narrow .task-icon-btn{position:relative}.app-narrow .task-twisty:after,.app-narrow .task-icon-btn:after{position:absolute;top:50%;left:50%;width:34px;height:40px;transform:translate(-50%,-50%);content:""}.app-narrow .reading-article .md-task-checkbox,.app-narrow .cm-editor .cm-task-checkbox{width:18px;height:18px}.app-narrow .task-drag-handle-hover{display:grid;width:24px;height:30px;opacity:.48}.app-narrow .kanban-board{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:hidden}.app-narrow .kanban-column-head{height:38px;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);font-size:var(--text-sm)}.app-narrow .kanban-column-head small{font-size:var(--text-xs)}.app-narrow .kanban-cards{padding:6px var(--space-2) var(--space-6)}.app-narrow .kanban-card{min-height:58px;margin-bottom:5px;padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-sm)}.app-narrow .kanban-title{font-size:var(--text-md);line-height:1.3}.app-narrow .kanban-context,.app-narrow .kanban-card-foot{font-size:var(--text-xs)}.app-narrow .kanban-card-moves button{width:18px}.app-narrow .calendar-toolbar{gap:var(--space-3);min-height:84px;padding:var(--space-3) var(--space-4)}.app-narrow .calendar-period-title{font-size:var(--text-md)}.app-narrow .calendar-navigation button,.app-narrow .calendar-view-tabs button,.app-narrow .calendar-unscheduled-toggle{height:30px;font-size:var(--text-sm)}.app-narrow .calendar-stage{overflow-x:hidden}.app-narrow .calendar-range-phone:not(.calendar-range-scrolls){width:100%;min-width:100%}.app-narrow .calendar-range-two-weeks{width:700px;min-width:700px!important;grid-template-rows:minmax(0,5fr) minmax(0,1fr)}.app-narrow .calendar-stage:has(.calendar-range-scrolls){overflow-x:auto}.app-narrow .calendar-date-head{justify-content:center;flex-wrap:wrap;gap:var(--space-1) 4px;min-height:52px;padding:var(--space-4) var(--space-2) var(--space-3);text-align:center}.app-narrow .calendar-date-head strong{font-size:var(--text-lg)}.app-narrow .calendar-date-tasks{padding:var(--space-3) var(--space-2) var(--space-6)}.app-narrow .calendar-task{padding-right:var(--space-3);padding-left:var(--space-3)}.app-narrow .calendar-task-title{font-size:var(--text-sm)}.app-narrow .calendar-month-grid{min-height:0;grid-template-rows:22px repeat(6,minmax(0,1fr))}.app-narrow .calendar-year-grid{width:100%;min-width:0;height:100%;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden}.app-narrow .calendar-year-month{min-height:0;padding:var(--space-2) var(--space-2) var(--space-2);overflow:hidden;cursor:pointer}.app-narrow .calendar-year-month>header{height:15px;margin:0;text-align:center}.app-narrow .calendar-year-month>header button{padding:0;border:none;background:none;color:var(--text-dim);font-size:var(--text-xs);font-weight:600;cursor:pointer}.app-narrow .calendar-year-month .month-grid-compact{grid-template-rows:10px repeat(6,minmax(0,1fr));height:calc(100% - 15px)}.app-narrow .calendar-year-month .month-weekday{font-size:var(--text-xs)}.app-narrow .calendar-year-month .month-day-number{width:14px;height:14px;border-radius:var(--radius-sm);font-size:var(--text-xs);pointer-events:none}.app-narrow .calendar-year-counts{transform:scale(.72);transform-origin:right bottom}.app-narrow .settings-dialog{width:min(400px,100%);height:min(78dvh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px));max-height:none}.app-narrow .settings-scroll{padding:var(--space-5) 0 var(--space-7)}.app-narrow .settings-workspace-detail{flex:1;min-height:0}.app-narrow .settings-workspace{flex-direction:column}.app-narrow .settings-tabs{display:flex;width:auto;flex:1;gap:0;margin:0;padding:var(--space-3) var(--space-4) var(--space-4);border-right:none;background:none}.app-narrow .settings-tabs button{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-lg)}.app-narrow .settings-tabs button>:last-child{color:var(--text-faint)}.app-narrow .settings-tabs .settings-tab-active{background:none;font-weight:inherit}.app-narrow .settings-tabs .settings-tab-active:active,.app-narrow .settings-tabs button:active{background:var(--bg-hover)}.app-narrow .settings-column{width:100%;padding:0 var(--space-5)}.settings-hint-calendar{margin:4px 10px 7px}.settings-calendar-views{padding:0 var(--space-4) var(--space-3);gap:var(--space-4) 14px}.settings-calendar-defaults{margin:2px 10px 4px}.app-narrow .sort-popover{top:calc(100% + 6px);bottom:auto;right:0;left:auto}.app-narrow .task-page-actions-mobile{gap:var(--space-2)}.app-narrow .task-page-actions-mobile .task-page-date{min-width:38px;height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-dim);font-size:var(--text-md)}.app-narrow .task-page-actions-mobile .task-page-date svg{width:17px;height:17px}.app-narrow .row-note-dragging,.app-narrow .task-row-dragging{opacity:.55;background:var(--bg-hover);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}}@media(orientation:landscape)and (max-height:600px){.app-landscape>.mobile-split{display:flex;min-width:0;flex:1 1 auto}.app-landscape .mobile-split>.panel-notes{width:264px;min-width:264px;flex:none;border-right:1px solid var(--border)}.app-landscape .mobile-split>.panel-editor{min-width:0;flex:1 1 auto}.app-landscape .mobile-split .mobile-axis-head,.app-landscape .panel-head,.app-landscape .mobile-task-head{height:42px;min-height:42px}.app-landscape .panel-notes .search-box{height:46px;padding:var(--space-3) var(--space-4)}.app-landscape .row-note{min-height:52px;padding-top:var(--space-4);padding-bottom:var(--space-3)}.app-landscape .row-note .row-title{font-size:var(--text-lg)}.app-landscape .cm-content,.app-landscape .reading-article{padding-top:var(--space-4)}.app-landscape .mobile-outline-tab{right:0}}.calendar-year-month{min-width:0;padding:var(--space-4) var(--space-4) var(--space-4);background:var(--bg-panel)}.calendar-year-month>header{margin-bottom:5px;color:var(--text-dim);font-size:var(--text-sm);font-weight:600}.calendar-year-month-name{margin:0 calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;cursor:pointer}.calendar-year-month-name:hover,.calendar-year-month-name:focus-visible{background:var(--bg-hover);color:var(--text);outline:none}.month-grid-compact{grid-template-rows:16px repeat(6,26px)}.month-grid-compact .month-weekday{justify-content:center;padding:0;border:none;font-size:var(--text-xs)}.month-grid-compact .month-day{display:grid;place-items:center;padding:0;border:none;overflow:visible}.month-grid-compact .month-day-number{width:min(100%,24px);height:min(100%,24px);margin:0;border-radius:var(--radius-sm);font-size:var(--text-sm)}.calendar-year-counts{position:absolute;right:1px;bottom:0;width:min(100%,17px);height:10px;pointer-events:none}.calendar-year-count{position:absolute;right:0;bottom:0;min-width:10px;height:10px;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--bg-panel);font-size:var(--text-xs);line-height:10px;text-align:center}.calendar-year-count-done{z-index:1;background:var(--accent-2)}.calendar-year-count-done.calendar-year-count-behind{right:6px}.calendar-year-count-pending{z-index:2;background:var(--accent)}.date-popover{position:fixed;z-index:110;width:286px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 14px 44px #0003;transition:opacity 80ms ease}.date-popover-head,.date-popover-foot{display:flex;align-items:center}.date-popover-head{justify-content:space-between;height:30px;margin-bottom:4px}.date-popover-head strong{color:var(--text-dim);font-size:var(--text-md);font-weight:600}.date-popover-head button,.date-popover-foot button{border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.date-popover-head button{display:grid;place-items:center;width:26px;height:26px;padding:0}.date-popover-head button:hover,.date-popover-foot button:hover{background:var(--bg-hover);color:var(--text)}.date-popover .month-grid-compact{grid-template-rows:18px repeat(6,31px)}.date-popover .month-grid-compact .month-day-number{width:30px;height:28px;font-size:var(--text-sm)}.date-popover-foot{justify-content:space-between;min-height:30px;margin-top:4px}.date-popover-foot button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}@media(max-width:760px){.calendar-toolbar{flex-wrap:wrap;gap:var(--space-2) 8px}.calendar-navigation{position:static;order:-1;width:100%;flex-basis:100%;justify-content:center;transform:none}.calendar-toolbar-spacer{flex:1}.calendar-view-menu{display:none}.calendar-view-tabs{display:flex}.calendar-view-tabs button{padding:0 var(--space-3)}}@media(hover:none),(pointer:coarse){.kanban-card-moves{opacity:1}}@media(hover:none),(pointer:coarse){.task-drag-handle-hover{display:none}}.task-breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;flex:none;font-size:var(--text-md);color:var(--text-dim)}.task-breadcrumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-page-head{display:flex;align-items:center;gap:var(--space-3);min-height:36px;padding:var(--space-2) var(--space-4);flex:none}.task-page-back,.task-page-action{display:grid;place-items:center;width:24px;height:24px;flex:none;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.task-page-back{font-size:var(--text-xl)}.task-page-back:hover,.task-page-action:hover{background:var(--bg-hover);color:var(--text)}.task-page-title{flex:1;min-width:0;overflow:hidden;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:none;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);color:var(--text-dim)}.task-page-checkbox{width:15px;height:15px;margin:0 1px;flex:none}.task-page-title:hover:not(:read-only){border-color:color-mix(in srgb,var(--border) 80%,transparent)}.task-page-title:focus{border-color:var(--border);background:var(--bg);color:var(--text);outline:none}.app-narrow .mobile-more-sheet{top:auto;right:calc(8px + var(--safe-right));bottom:calc(58px + var(--safe-bottom))}.app-narrow .mobile-more-sheet button{display:flex;align-items:center;gap:var(--space-4)}[role=menu] .hot,.app-narrow .mobile-more-sheet button.hot{background:var(--bg-hover);color:var(--text)}.app-narrow .mobile-nav,.app-narrow .mobile-more-sheet{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-narrow .mobile-split>.tablet-slot{display:flex;flex:0 0 280px;flex-direction:column;min-width:0;border-left:1px solid var(--border)}.app-narrow .mobile-split>.tablet-slot>.panel{flex:1;min-height:0}.app-narrow .mobile-split>.panel-editor{flex:1 1 auto;min-width:0}.remove-menu{position:relative;flex:none}.remove-menu-trigger{color:var(--danger);font-size:var(--text-xl);line-height:1}.remove-menu-trigger:hover,.remove-menu-trigger.icon-btn-on{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.remove-menu-popover{position:absolute;top:calc(100% + 5px);right:0;z-index:30;display:flex;flex-direction:column;min-width:186px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:0 8px 24px #0002}.remove-menu-popover-start{right:auto;left:0}.remove-menu-item{padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:var(--text-md);text-align:left;white-space:nowrap;cursor:pointer}.remove-menu-item:hover{background:var(--bg-hover)}.remove-menu-danger{color:var(--danger)}.remove-menu-danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.task-page-actions{display:flex;align-items:center;gap:var(--space-1);flex:none}.task-shelf{display:flex;flex-direction:column;min-height:0;flex:1}.task-shelf-head{display:flex;align-items:center;gap:var(--space-3);height:40px;min-height:40px;padding:0 var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-md);color:var(--text-dim)}.task-shelf-backbar{height:38px;min-height:38px;background:var(--bg)}.task-shelf-backbar button{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%;height:100%;padding:0 var(--space-4);border:none;background:none;color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.task-shelf-backbar button:hover{background:var(--bg-hover);color:var(--text)}.task-shelf-backbar button>span{font-size:var(--text-xl);line-height:1}.task-shelf-row{touch-action:auto}.task-restore-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer}.task-restore-button:hover{background:var(--bg-active);color:var(--text)}.task-shelf-nav{display:grid;grid-template-columns:1fr 1fr;flex:none;height:38px;border-top:1px solid var(--border);background:var(--bg)}.task-shelf-nav button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:40px;padding:var(--space-3) var(--space-4);border:none;border-right:1px solid var(--border);background:none;color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.task-shelf-project-reference{margin:4px 6px;padding:var(--space-1) 0 var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--project-tint) 42%,transparent);opacity:.7}.task-shelf-project-reference-head{display:flex;align-items:center;gap:var(--space-3);min-height:26px;padding:0 var(--space-4);color:var(--text-faint);font-size:var(--text-sm)}.task-shelf-project-reference .task-shelf-row{margin-left:8px;background:color-mix(in srgb,var(--bg-panel) 68%,transparent)}.task-shelf-nav button:last-child{border-right:none}.task-shelf-nav button:hover{background:var(--bg-hover);color:var(--text)}.row-actions{display:flex;flex:none;gap:var(--space-1)}.tag-list-divider{height:1px;margin:8px 10px;background:var(--border)}.data-actions-buttons{display:flex;flex-direction:column;gap:var(--space-1)}.data-actions button{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-5);width:100%;padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);text-align:left;cursor:pointer}.data-actions button small{flex:none;max-width:52%;color:var(--text-faint);font-size:var(--set-hint);text-align:right}.data-actions button:hover{background:var(--bg-hover);color:var(--text)}.data-actions button:disabled{opacity:.5;cursor:default}.data-import-input{display:none}.data-actions-message{display:block;margin:8px 10px 0;color:var(--text-faint);font-size:var(--text-md);line-height:1.35}.data-actions button.data-action-danger span{color:var(--danger)}.settings-hint-alert{color:var(--text-dim)}.settings-hint-alert:before{margin-right:6px;color:var(--danger);content:"—"}.storage-info{margin:10px 10px 0;color:var(--text-faint)}.confirm-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-7);background:#0007}.confirm-dialog{width:min(340px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 12px 40px #0003}.confirm-dialog h4{margin:0 0 8px;font-size:var(--text-lg)}.confirm-dialog p{margin:0 0 14px;color:var(--text-dim);font-size:var(--text-md);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.confirm-actions button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--text-md);cursor:pointer}.confirm-actions .confirm-danger{background:var(--danger);border-color:var(--danger);color:#fff}.startup-error{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-5);height:100%;max-width:32rem;margin:0 auto;padding:var(--space-7)}.startup-error h1{margin:0;font-size:var(--text-xl);font-weight:600}.startup-error p{margin:0;color:var(--text-dim);font-size:var(--text-md);line-height:1.55}.startup-error-reason{color:var(--danger)!important}.startup-error-retry{margin-top:4px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font-size:var(--text-md);cursor:pointer}.startup-error-retry:hover{background:var(--bg-hover)}.storage-failure-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left));background:color-mix(in srgb,var(--bg) 78%,transparent)}.storage-failure-card{width:min(100%,31rem);padding:var(--space-7);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 18px 60px #00000024}.storage-failure-card h1{margin:5px 0 12px;font-size:var(--text-xl);font-weight:600}.storage-failure-card p{margin:0 0 10px;color:var(--text-dim);font-size:var(--text-md);line-height:1.55}.storage-failure-kicker{color:var(--danger);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.storage-failure-card .storage-failure-reason{color:var(--danger)}.cycle-count,.task-due{flex:none;font-size:var(--text-sm);color:var(--text-faint);font-variant-numeric:tabular-nums}.task-date-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;padding:0;border:none;background:none;color:var(--text-faint);font-size:var(--text-sm);cursor:pointer}.task-page-date{width:auto;min-width:20px;height:18px;gap:var(--space-2);padding:0 var(--space-1);border-radius:0}.task-page-date:hover{background:none;color:var(--text-dim)}.task-date-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.task-date-set{padding:0 var(--space-2);color:var(--text-dim);white-space:nowrap}.task-link-action:disabled{opacity:.3;cursor:default}.task-link-active{color:var(--accent-2)}.task-link-question{color:var(--accent);font-size:var(--text-md);font-weight:650;line-height:1}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:var(--space-7);background:#0007}.panel-foot{display:flex;align-items:center;height:38px;min-height:38px;border-top:1px solid var(--border);flex:none}.settings-trigger{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.settings-trigger:hover{background:var(--bg-hover);color:var(--text)}.global-search-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:max(72px,12vh) var(--space-6) var(--space-7);background:#0004}.global-search{width:min(620px,100%);max-height:min(680px,calc(100dvh - 96px));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 18px 60px #0003}.global-search-input{display:flex;align-items:center;gap:var(--space-4);height:48px;padding:0 var(--space-5);border-bottom:1px solid var(--border);color:var(--text-faint)}.global-search-input input{min-width:0;flex:1;border:none;outline:none;background:none;color:var(--text);font:inherit;font-size:var(--text-lg)}.global-search-close{flex:none;display:grid;place-items:center;min-width:36px;min-height:32px;padding:0;border:none;background:none;cursor:pointer}.global-search-input kbd{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);font:inherit;font-size:var(--text-sm)}.global-search-close:hover kbd,.global-search-close:active kbd{color:var(--text);background:var(--bg-hover)}.global-search-results{max-height:calc(min(680px,100dvh - 96px) - 49px);overflow-y:auto;padding:var(--space-4)}.global-search-group h2{margin:8px 8px 4px;color:var(--text-faint);font-size:var(--text-sm);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.global-search-result{display:flex;width:100%;align-items:center;gap:var(--space-4);padding:0;border:none;border-radius:var(--radius-md);background:none;color:var(--text);text-align:left;cursor:pointer}.global-search-result>input[type=checkbox]{width:17px;height:17px;margin-left:10px;flex:none;accent-color:var(--accent)}.global-search-result-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-4);border:none;background:none;color:inherit;text-align:left;cursor:pointer}.global-search-result-active{background:var(--bg-hover)}.global-search-result-main strong,.global-search-result-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-result-main strong{font-size:var(--text-md);font-weight:560}.global-search-result-main span{color:var(--text-faint);font-size:var(--text-sm)}.global-search-result-done{opacity:.52}.global-search-empty{margin:20px 12px;color:var(--text-faint);font-size:var(--text-md);text-align:center}.notes-task-search-result{display:flex;width:calc(100% - 16px);align-items:center;justify-content:space-between;margin:4px 8px;padding:var(--space-4) var(--space-4);border:none;border-top:1px solid var(--border);background:none;color:var(--text-dim);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.notes-task-search-result:hover{color:var(--text)}@media(max-width:820px),(max-width:960px)and (max-height:600px),(pointer:coarse)and (max-width:999px){.global-search-backdrop{padding:max(calc(var(--safe-top) + 12px),20px) 10px calc(var(--safe-bottom) + 12px)}.global-search{max-height:calc(var(--juie-visual-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 24px)}.global-search-results{max-height:calc(var(--juie-visual-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 73px)}}.settings-backdrop{background:#0005}.settings-dialog{display:flex;flex-direction:column;width:min(560px,calc(100vw - 40px));height:min(560px,calc(100dvh - 64px));padding:0;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 24px 80px #0003;overflow:hidden}.settings-dialog>.settings-head{flex:none}.settings-workspace{display:flex;min-height:0;flex:1;overflow:hidden}.settings-scroll{min-height:0;flex:1;padding:var(--space-6) 0 var(--space-7);overflow-y:auto;scrollbar-width:none}.settings-scroll{--set-row: 30px;--set-label: 13px;--set-hint: 11.5px}.settings-scroll :is(.settings-section,.data-actions,.auto-backup) :is(button,.settings-action){min-height:var(--set-row);font-size:var(--set-label)}.settings-scroll :is(.settings-hint,.storage-info,.data-actions-message,.auto-backup-last){font-size:var(--set-hint);line-height:1.45}.settings-column{width:100%;padding:0 var(--space-6)}.settings-scroll::-webkit-scrollbar{display:none}.settings-tabs{display:flex;width:148px;flex:none;flex-direction:column;gap:var(--space-1);margin:0;padding:var(--space-6) var(--space-4) var(--space-4);border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg) 58%,var(--bg-panel))}.settings-tabs .settings-version{margin-top:auto}.settings-tabs button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:32px;padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-md);text-align:left;cursor:pointer}.settings-tabs button:hover{background:var(--bg-hover);color:var(--text)}.settings-tabs .settings-tab-active{background:var(--bg-active);color:var(--text);font-weight:600;box-shadow:none}.settings-head{display:flex;align-items:center;gap:var(--space-5);min-height:48px;padding:0 var(--space-4) 0 var(--space-6);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.settings-head>div{flex:1}.settings-head h3{margin:0;flex:1;font-size:var(--text-lg);font-weight:600}.settings-head p{margin:3px 0 0;color:var(--text-faint);font-size:var(--text-md)}.settings-section-title{display:block;padding:0 0 var(--space-2);color:var(--text-faint);font-size:var(--text-sm);font-weight:600;letter-spacing:.07em;text-transform:uppercase}.settings-section{padding:0;margin-bottom:16px;border-bottom:none}.settings-section+.settings-section{padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.settings-section:last-of-type{margin-bottom:0}.settings-choice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:32px;padding:0;color:var(--text);font-size:var(--text-md)}.settings-choice>span{min-width:0}.settings-choice>div{display:flex;flex:none;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 78%,transparent)}.settings-choice button{min-height:26px;white-space:nowrap;padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.settings-choice button:hover,.settings-choice .settings-choice-active{background:var(--bg-panel);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent)}.settings-language-choice>div{flex-wrap:wrap;justify-content:flex-end}.panel-head-main{position:relative}.panel-head-tags{gap:var(--space-1);padding-left:var(--space-3);padding-right:var(--space-3)}.panel-logo{padding:0;border:none;background:none;color:var(--text-dim);font-size:var(--text-lg);font-weight:650;letter-spacing:-.02em;cursor:pointer;user-select:none;-webkit-user-select:none}.panel-logo:hover{color:var(--text)}.main-view-divider{width:1px;height:16px;margin:0 var(--space-1);background:var(--border)}.main-view-switcher{display:flex;align-items:center;gap:var(--space-1);height:26px;padding:0;border-radius:var(--radius-sm)}.main-view-switcher button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim)}.main-view-switcher button:not(:disabled){cursor:pointer}.main-view-switcher button:not(:disabled):hover,.main-view-switcher .main-view-active{background:var(--bg-hover);color:var(--text-dim)}.main-view-switcher button:disabled{opacity:.42}.edge-toggle{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.edge-toggle:hover{background:var(--bg-hover);color:var(--text)}.modal{width:min(360px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border);box-shadow:0 12px 40px #0003}.modal h3{margin:0 0 14px;font-size:var(--text-lg)}.modal label{display:block;margin-bottom:10px;font-size:var(--text-md);color:var(--text-dim)}.modal input{display:block;width:100%;margin-top:4px;padding:var(--space-4) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;font-size:var(--text-lg)}.modal textarea{display:block;width:100%;margin-top:4px;padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);outline:none;resize:vertical;background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-md);line-height:1.5}.modal input:focus{border-color:var(--accent)}.modal textarea:focus{border-color:var(--accent)}.modal-row{display:flex;gap:var(--space-4)}.modal-row label{flex:1}.modal-count{max-width:90px}.modal-hint{margin:0 0 14px;font-size:var(--text-md);color:var(--text-faint);min-height:1.2em}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.modal-actions button{padding:var(--space-4) var(--space-5);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);cursor:pointer}.modal-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.modal-actions .danger{background:var(--danger, #c0392b);border-color:var(--danger, #c0392b);color:#fff}.modal-note{margin:0 0 10px;font-size:var(--text-md);line-height:1.5;color:var(--text-faint)}.spaces-rows{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.spaces-row{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-lg)}.spaces-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaces-row-name small{color:var(--text-faint)}.spaces-row button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-faint);cursor:pointer}.spaces-row button:hover:not(:disabled){color:var(--text)}.spaces-row .spaces-remove:hover:not(:disabled){color:var(--danger, #c0392b);border-color:var(--danger, #c0392b)}.spaces-row button:disabled{opacity:.45;cursor:default}.modal-actions button:disabled{opacity:.5;cursor:default}.divider{padding:var(--space-5) var(--space-5) var(--space-3);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.scene{display:flex;flex:1 1 auto;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--border)}.scene-body>.panel:last-child{border-right:none}.scene-head{container:scene / inline-size;gap:var(--space-1);padding-right:var(--space-3)}.main-view-fold{position:relative;display:none}.main-view-fold>button{display:inline-flex;align-items:center;width:auto;gap:1px;padding:0 3px 0 4px}.editor-context-menu.main-view-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:150px}.main-view-menu button{display:flex;align-items:center;gap:var(--space-3)}@container scene (max-width: 560px){.main-view-fold{display:inline-flex}.main-view-switcher>button:not(:last-child),.main-view-switcher>.main-view-divider{display:none}}.scene-head>.main-view-switcher+.note-history-navigation:before,.scene-head>.focus-lead+.note-history-navigation:before,.scene-head .scene-tools>.calendar-toolbar:before{width:1px;height:16px;margin:0 var(--space-1);background:var(--border);content:""}.scene-body{display:flex;flex:1;min-height:0}.scene-body>.panel-notes{flex:0 0 240px}.focus-lead{flex:none;min-width:0;overflow:hidden;padding-right:var(--space-4);color:var(--text-dim);font-size:var(--text-md);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.note-tools-right{display:flex;align-items:center;gap:var(--space-1);flex:none}.focus-trail{flex:none}.editor-body{display:flex;flex:1;min-height:0}.editor-column{position:relative;display:flex;flex-direction:column;flex:1;min-width:0}.editor{flex:1;min-width:0;overflow:hidden}.editor-context-menu{position:fixed;z-index:80;display:flex;flex-direction:column;width:220px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-panel) 97%,transparent);box-shadow:0 10px 30px #0002;backdrop-filter:blur(6px)}.editor-context-menu button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.editor-context-menu button:disabled{opacity:.38;cursor:default}.task-context-date-button{display:flex;width:100%;min-height:31px;align-items:center;justify-content:flex-start;padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.task-context-date-button:hover,.task-context-date-button:focus-visible{outline:none;background:var(--bg-hover)}.editor-context-menu button.danger{color:var(--danger)}.editor-context-menu kbd{color:var(--text-faint);font:inherit;font-size:var(--text-sm)}.context-menu-divider{height:1px;margin:3px 5px;background:var(--border)}.task-title-editable{cursor:default}.editor-context-menu button:hover,.editor-context-menu button:focus-visible{outline:none;background:var(--bg-hover)}.cm-selected-empty-line:before{content:"";display:inline-block;width:5px;height:1.15em;margin-bottom:-.18em;background:var(--selection)}.panel-head-end{justify-content:flex-end}.reading-view{flex:1;min-width:0;overflow-y:auto}.app:not(.app-narrow) .cm-content,.app:not(.app-narrow) .reading-article,.app:not(.app-narrow) .editor-column>.tag-bar{max-width:760px;margin-inline:auto}.app:not(.app-narrow) .editor-column>.backlinks{left:50%;right:auto;width:min(100%,760px);transform:translate(-50%)}.reading-article{overflow-wrap:anywhere;width:100%;max-width:46rem;margin:0;padding:20px 20px 40vh;line-height:1.65}.reading-article>:first-child{margin-top:0}.reading-article h1,.reading-article h2,.reading-article h3,.reading-article h4,.reading-article h5,.reading-article h6{line-height:1.3;margin:1.65em 0}.reading-article h1{font-size:1.5em}.reading-article h2{font-size:1.25em}.reading-article h3{font-size:1.1em}.reading-article p{margin:0 0 1.65em}.reading-article a{color:var(--accent)}.reading-article .md-page,.canvas-note .md-page{color:var(--text-dim);font-size:.85em;text-decoration:none}.reading-article .wiki-link{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.16em;cursor:pointer}.cm-wiki-link{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:.16em}.cm-tooltip-autocomplete{border:1px solid var(--border)!important;border-radius:var(--radius-md);background:var(--bg-panel)!important;box-shadow:0 8px 24px #0002;overflow:hidden}.cm-tooltip-autocomplete>ul{max-height:210px!important;font-family:var(--font-text);font-size:var(--text-sm)}.cm-tooltip-autocomplete>ul>li{padding:var(--space-2) var(--space-4);color:var(--text-dim)}.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--bg-hover)!important;color:var(--text)!important}.reading-article code{font-family:var(--font-mono);color:var(--accent-2);background:var(--bg-hover);padding:.1em .35em;border-radius:var(--radius-sm);font-size:.9em}.reading-article pre{background:var(--code-bg);border:1px solid var(--code-edge);padding:12px;border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 1.65em}.tok-keyword,.tok-modifier,.tok-controlKeyword,.tok-operatorKeyword{color:var(--code-keyword)}.tok-string,.tok-string2,.tok-regexp{color:var(--code-string)}.tok-comment,.tok-lineComment,.tok-blockComment,.tok-docComment{color:var(--code-comment);font-style:italic}.tok-number,.tok-bool,.tok-null,.tok-atom{color:var(--code-number)}.tok-typeName,.tok-className,.tok-namespace{color:var(--code-type)}.tok-function,.tok-definition{color:var(--code-function)}.tok-propertyName,.tok-attributeName,.tok-labelName{color:var(--code-property)}.reading-article pre code{background:none;padding:0;color:var(--text);font-size:13.5px;line-height:1.65}.cm-live-code{position:relative;padding:0 12px!important;background:var(--code-bg);border-left:1px solid var(--code-edge);border-right:1px solid var(--code-edge);font-family:var(--font-mono);font-size:.9em}.cm-live-code-open{padding-top:12px!important;border-top:1px solid var(--code-edge);border-radius:var(--radius) var(--radius) 0 0;color:var(--text-faint)}.cm-live-code-close{padding-bottom:12px!important;border-bottom:1px solid var(--code-edge);border-radius:0 0 var(--radius) var(--radius);color:var(--text-faint)}.code-copy{position:absolute;top:var(--space-2);right:var(--space-2);padding:1px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-dim);font:inherit;font-family:var(--font-text);font-size:var(--text-xs);cursor:pointer}.code-copy{opacity:.7}.code-copy:hover,.code-copy:focus-visible{opacity:1;color:var(--text)}.reading-article pre{position:relative}.reading-article blockquote{margin:0 0 1.65em;padding:0 0 0 var(--space-4);border-inline-start:2px solid color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--text-dim)}.reading-article blockquote>:last-child{margin-bottom:0}.reading-article ul,.reading-article ol{margin:0 0 1.65em;padding-left:1.4em}.reading-article .md-task-checkbox{width:15px;height:15px;margin:0 7px 0 0;vertical-align:-1px;accent-color:var(--accent);cursor:pointer}.reading-article li:has(>.md-task-checkbox){list-style:none}.cm-task-checkbox{width:15px;height:15px;margin:0 7px 0 0;vertical-align:-2px;accent-color:var(--accent);cursor:pointer}.reading-article hr{border:none;border-top:1px solid var(--border);margin:1.4em 0}.reading-article img{max-width:100%;border-radius:var(--radius)}.reading-article .md-table-wrap{max-width:100%;margin:0 0 1em;overflow-x:auto}.reading-article table{width:100%;border-collapse:collapse;font-size:.92em}.reading-article th,.reading-article td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);text-align:start;vertical-align:top}.reading-article th{color:var(--text-dim);font-weight:600}.reading-article p,.reading-article li,.reading-article blockquote,.reading-article h1,.reading-article h2,.reading-article h3,.reading-article h4,.reading-article h5,.reading-article h6{unicode-bidi:plaintext;text-align:start}.reading-article pre,.reading-article code{direction:ltr;unicode-bidi:isolate;text-align:left}.tagbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);height:38px;min-height:38px;flex:none;padding:var(--space-2) var(--space-7);border-top:1px solid var(--border);background:var(--bg-panel);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.tagbar::-webkit-scrollbar{display:none}.tag-chip{flex:none}.backlinks{position:absolute;left:0;right:0;bottom:38px;z-index:2;display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:flex-start;gap:var(--space-2);max-height:81px;padding:var(--space-2) var(--space-7) var(--space-2);overflow:hidden;pointer-events:none}.app-narrow.app-keyboard-open .backlinks{bottom:calc(44px + var(--space-4))}.backlink-row{display:inline-flex;align-items:center;gap:var(--space-2);width:auto;max-width:176px;height:22px;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text-faint);font-size:var(--text-sm);cursor:pointer;pointer-events:auto}.backlink-row:hover{background:var(--bg-hover);color:var(--text-dim)}.backlink-row strong{display:block;max-width:148px;overflow:hidden;font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.backlink-row>span{font-size:var(--text-xs);line-height:1}.wiki-choice-backdrop{background:#0005}.wiki-choice{width:min(420px,100%);max-height:min(520px,80vh);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 18px 60px #0003;overflow:hidden}.wiki-choice>header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-2)}.wiki-choice>header strong{min-width:0;overflow:hidden;flex:1;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.wiki-choice>header button{width:23px;height:23px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:pointer}.wiki-choice>p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--text-faint);font-size:var(--text-sm)}.wiki-choice-list{max-height:420px;overflow-y:auto}.wiki-choice-list>button{display:grid;gap:var(--space-1);width:100%;padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);text-align:start;cursor:pointer}.wiki-choice-list>button:hover{background:var(--bg-hover)}.wiki-choice-list strong{font-size:var(--text-sm)}.wiki-choice-list span{overflow:hidden;color:var(--text-faint);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.tagbar input{flex:1;min-width:90px;padding:var(--space-2) 0;background:none;border:none;outline:none;font-size:var(--text-md);color:var(--text)}.tagbar input::placeholder{color:var(--text-faint)}.tag-chip-parent{color:var(--text-faint)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--bg-hover);color:var(--accent);font-size:var(--text-md);white-space:nowrap}.tag-chip button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:none;color:var(--text-dim);font-size:var(--text-md);line-height:1;cursor:pointer}.tag-chip button:hover{background:var(--bg-active);color:var(--text)}.search-box{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--border);flex:none}.search-glyph{flex:none;display:grid;place-items:center;color:var(--text-dim)}.search-create{margin-left:2px}.search-box input{flex:1;min-width:0;height:33px;padding:0 var(--space-2);background:none;border:none;border-radius:0;outline:none;font:inherit;font-size:var(--text-md);color:var(--text);-webkit-appearance:none;appearance:none}.search-box input::-webkit-search-decoration,.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box input::placeholder{color:var(--text-dim)}.search-box input:focus::placeholder{color:color-mix(in srgb,var(--text-dim) 60%,var(--text))}.row-snippet{display:block;font-size:var(--text-md);line-height:1.45;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-note-head{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.row-note-head .row-actions{position:absolute;top:var(--space-3);right:var(--space-2);display:none;padding-left:var(--space-3);background:var(--bg-hover)}.row-note.row-active .row-note-head .row-actions{background:var(--bg-active)}.row-note:hover .row-note-head .row-actions,.row-note:focus-within .row-note-head .row-actions{display:flex}.row-note-head .row-actions .icon-btn.ghost{opacity:1}.row-note-head .row-actions .icon-btn{width:22px;height:22px;padding:0}.row-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px;color:var(--text-faint);font-size:var(--text-sm);line-height:1.28}.note-pin{position:absolute;top:50%;left:5px;display:grid;place-items:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--text-dim);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .12s ease}.row-note:hover .note-pin,.note-pin:focus-visible,.note-pin-on{opacity:1}.note-pin-on{color:var(--accent)}.note-published{flex:none;margin-left:auto;color:var(--text-faint);line-height:0}.row-note-pinned{touch-action:none}.row-note-pinned-last{position:relative;margin-bottom:var(--space-3)}.row-note-pinned-last:after{position:absolute;right:var(--space-2);bottom:calc(-1 * var(--space-2));left:var(--space-2);height:1px;transform:scaleY(.5);transform-origin:bottom;background:color-mix(in srgb,var(--border) 80%,transparent);content:""}.sort-menu{position:relative;flex:none}.sort-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:flex;flex-direction:column;min-width:148px;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:0 8px 24px #0002}.sort-option{padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:var(--text-md);text-align:left;cursor:pointer}.sort-option:hover{background:var(--bg-hover)}.sort-option-on{color:var(--accent)}.editor.drag-over{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)}.keyboard-bar{display:none}body.juie-mobile-viewport:not(.juie-keyboard-open) .keyboard-bar{visibility:hidden}body.juie-mobile-viewport .keyboard-bar{position:fixed;z-index:70;left:0;right:0;top:calc(var(--vvh, 100dvh) + var(--juie-visual-top, 0px) - 44px);display:flex;align-items:center;gap:0;height:44px;padding:0 calc(var(--space-2) + var(--safe-right)) 0 calc(var(--space-2) + var(--safe-left));border-top:1px solid var(--border);background:var(--bg-panel);overflow-x:auto;scrollbar-width:none}.keyboard-bar-item{flex:none;display:grid;place-items:center;min-width:29px;height:34px;padding:0 var(--space-1);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font:inherit;font-size:var(--text-lg);line-height:1}.keyboard-bar-item:active{background:var(--bg-hover);color:var(--text)}.keyboard-bar-bold{font-weight:700}.keyboard-bar-italic{font-style:italic;font-family:Georgia,serif}.keyboard-bar-gap{flex:none;width:1px;height:18px;background:var(--border);margin:0 1px}.keyboard-bar-spacer{flex:1}.app-narrow .editor:has(+.keyboard-bar) .cm-content,.app-narrow .editor-keyboard-open .cm-content{padding-bottom:48px}.cm-panels{border:none!important;background:none!important}.cm-panels.cm-panels-top{border-bottom:none!important}.find-bar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-panel);font-family:var(--font-text);font-size:var(--text-md)}.find-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.find-row[hidden]{display:none}.find-glyph{flex:none;display:grid;place-items:center;width:18px;color:var(--text-dim);font-size:16px;line-height:1;text-align:center}.find-field{flex:1;min-width:80px;height:28px;padding:0 var(--space-2);border:none;border-radius:0;background:none;outline:none;font:inherit;color:var(--text)}.find-row-replace .find-field{margin-left:calc(18px + var(--space-1))}.find-field::placeholder{color:var(--text-dim)}.find-count{flex:none;padding:0 var(--space-2);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.find-count-none{color:var(--danger, #b3261e)}.find-button{flex:none;display:grid;place-items:center;min-width:26px;height:26px;padding:0 var(--space-2);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font:inherit;font-size:var(--text-md);line-height:1;cursor:pointer}.find-button:hover{background:var(--bg-hover);color:var(--text)}.find-options{display:flex;align-items:center;gap:0;margin-left:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--border)}.find-toggle{font-size:var(--text-sm);letter-spacing:-.02em}.find-toggle[aria-pressed=true]{background:var(--selection);color:var(--text)}.find-close{font-size:18px;margin-left:var(--space-2)}.find-text-button{padding:0 var(--space-4);border:1px solid var(--border)}.cm-searchMatch{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;border-radius:2px}.cm-searchMatch.cm-searchMatch-selected{background:color-mix(in srgb,var(--accent) 40%,transparent)!important}.editor-context-menu.editor-heading-menu{width:160px}.cm-fold-head{position:relative}.cm-content{container-type:inline-size}.cm-fold-chevron{position:absolute;left:calc(-1*((100cqw - 100%)/2 + 20px)/2 - 9px);top:0;bottom:0;margin:auto 0;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);font:inherit;font-size:16px;line-height:18px;text-align:center;cursor:pointer;opacity:0;transform:rotate(90deg);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.cm-fold-head:hover .cm-fold-chevron,.cm-fold-chevron-folded{opacity:1}.cm-fold-chevron-folded{transform:rotate(0);color:var(--text-dim)}.cm-fold-mark{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-dim);font-size:.85em;cursor:pointer}.app-narrow .cm-fold-head{padding-right:26px}.app-narrow .cm-fold-chevron{left:auto;right:0;opacity:.6}.cm-tooltip-autocomplete>ul{overscroll-behavior:contain;touch-action:pan-y}.cm-live-link,.cm-live-link span{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:.16em}.settings-hint{margin:0 0 8px;color:var(--text-faint);font-size:var(--text-md);line-height:1.45}.settings-segments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-segments button{min-height:28px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 78%,transparent);color:var(--text-dim);font:inherit;font-size:var(--text-md);cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.settings-segments .settings-segment-on{border-color:color-mix(in srgb,var(--border) 80%,transparent);background:var(--bg-panel);color:var(--text)}.settings-segments button:disabled{opacity:.55;cursor:default}.settings-select{position:relative}.settings-select-value{display:flex;min-height:28px;align-items:center;gap:var(--space-4);padding:0 var(--space-4) 0 var(--space-5);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text);font:inherit;font-size:var(--text-md);cursor:pointer}.settings-select-value svg{color:var(--text-faint)}.settings-select-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:3;display:flex;min-width:132px;flex-direction:column;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:0 10px 30px -8px #00000026}.settings-select-menu button{min-height:30px;padding:0 var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-dim);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.settings-select-menu button:hover{background:var(--bg-hover);color:var(--text)}.settings-select-menu .settings-select-on{color:var(--text);font-weight:600}.settings-toggles{display:flex;flex-wrap:wrap;gap:var(--space-3) 16px}.settings-toggle{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);cursor:pointer}.settings-toggle input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.settings-update-found{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.settings-update-notes{white-space:pre-wrap}.settings-action-link{display:inline-flex;align-items:center;text-decoration:none}.settings-section{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.settings-section>.settings-section-title{padding:0}.settings-section>.settings-hint,.settings-section .settings-hint{margin:0}.settings-section .settings-action{margin:0;padding:var(--space-2) var(--space-4);font-size:var(--text-md)}.settings-section .settings-field,.settings-section .sync-fields{padding:0}.settings-choice>div{gap:2px;border:1px solid var(--border);background:var(--bg)}.settings-devices{gap:0}.settings-devices li{min-height:28px;padding:2px 0}.settings-section .settings-devices .settings-device{flex:1;min-width:0;flex-direction:row;align-items:center;gap:var(--space-3)}.settings-section .settings-devices .settings-device-name{align-self:center;line-height:24px}.settings-section .settings-devices .settings-device-seen{white-space:nowrap;line-height:24px}.settings-section .settings-devices .settings-action{padding:2px var(--space-3);font-size:var(--text-sm);line-height:18px}.editor-body{position:relative}.outline{position:absolute;top:0;right:0;bottom:0;z-index:3;width:220px;flex:none;overflow-y:auto;border-left:1px solid var(--border);background:var(--bg-panel);box-shadow:-14px 0 28px -22px #0005}.app-narrow .outline{width:auto;flex:1;border-left:none}.panel-outline-slot{display:flex;flex-direction:column;min-width:0}.panel-outline-slot .outline{position:static;flex:1;width:auto;min-height:0;border-left:none;box-shadow:none}.outline-head{display:flex;align-items:center;justify-content:space-between}.outline-close{color:var(--text-faint);font-size:16px}.outline-head{padding:var(--space-4) var(--space-5) var(--space-3);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.outline-row{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;color:var(--text-dim);font-size:var(--text-md);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-row:hover{background:var(--bg-hover);color:var(--text)}.icon-btn-on{background:var(--bg-hover);color:var(--text-dim)}.icon-btn svg,.settings-trigger svg,.task-tree-toggle svg,.main-view-switcher svg,.edge-toggle svg{display:block}.icon-btn{width:24px;height:24px;flex:none;display:grid;place-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--text-xl);line-height:1;cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.icon-btn-on,.icon-btn.icon-btn-on:hover{background:var(--bg-hover);color:var(--text-dim)}.icon-btn.ghost{opacity:0}.row:hover .icon-btn.ghost,.panel-head:hover .icon-btn.ghost{opacity:1}.archive-action{width:auto;padding:0 var(--space-3);gap:var(--space-2)}.action-label{display:none;font-size:var(--text-sm)}@media(hover:none),(pointer:coarse){.icon-btn.ghost{opacity:1}.archive-action .action-label{display:inline}.note-pin{opacity:.5}.note-pin-on{opacity:1}.note-pin:after{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);content:""}}.empty{padding:var(--space-7) var(--space-6);color:var(--text-faint);font-size:var(--text-md);line-height:1.5}.empty.center{display:grid;place-items:center;height:100%;margin:0}.task-row-path .task-title,.task-row-path .task-title-static{color:var(--text-faint)}.boot{display:grid;place-items:center;height:100%;color:var(--text-faint)}.first-run{display:grid;min-height:100dvh;padding:max(22px,var(--safe-top)) max(18px,var(--safe-right)) max(22px,var(--safe-bottom)) max(18px,var(--safe-left));place-items:center;overflow:auto;background:var(--bg)}.first-run-card{display:flex;width:min(460px,100%);flex-direction:column;gap:var(--space-5);padding:var(--space-8);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-xl);background:var(--bg-panel);box-shadow:0 18px 60px #00000012}.first-run-logo{color:var(--text-dim);font-size:var(--text-lg);font-weight:650;letter-spacing:-.02em}.first-run-card h1{margin:3px 0 0;color:var(--text);font-size:var(--text-2xl);font-weight:620;letter-spacing:-.025em}.first-run-card>p{margin:-4px 0 2px;color:var(--text-dim);font-size:var(--text-md);line-height:1.55}.unlock-card .unlock-phrase{width:100%;resize:vertical;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-md);line-height:1.5}.deferred-image{display:inline-flex;align-items:center;gap:var(--space-3);max-width:100%;padding:var(--space-4) var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-faint);font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer}.deferred-image:before{content:"🖼";font-size:var(--text-lg);line-height:1}.deferred-image:empty:after{content:attr(data-image-src);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:32ch}.deferred-image:hover,.deferred-image:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.first-run-hint{margin:-2px 0 0;font-size:var(--text-md);line-height:1.45;color:var(--muted);text-align:left}.first-run-field{display:flex;flex-direction:column;gap:var(--space-3);color:var(--text-faint);font-size:var(--text-sm)}.first-run-field input,.first-run-field textarea{width:100%;padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;resize:vertical;background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-md);line-height:1.5}.first-run-field input:focus,.first-run-field textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.first-run-card>button{align-self:flex-end;min-height:34px;padding:var(--space-4) var(--space-5);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:var(--text-md);cursor:pointer}.first-run-card>button:disabled{opacity:.48;cursor:default}.first-run-card .recovery-phrase{margin:0}.first-run-secret{display:flex;flex-direction:column;gap:var(--space-2)}.first-run-secret>.unlock-link{align-self:flex-end;margin:0;padding:0;cursor:pointer}.first-run-card .crash-text{margin:0;max-height:40vh;overflow:auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;-webkit-user-select:all;user-select:all}.first-run-card .first-run-error{margin:-4px 0 0;color:var(--danger, #c0392b);font-size:var(--text-sm)}.account-identity{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-4);color:var(--text-faint);font-size:var(--text-md)}.account-identity code{min-width:0;overflow:hidden;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-md);text-overflow:ellipsis;-webkit-user-select:all;user-select:all;white-space:nowrap}.account-section .sync-field{padding:0 var(--space-4)}.account-section .sync-field textarea{min-width:0;flex:1;padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;resize:vertical;background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-lg);line-height:1.5}.account-section .sync-field textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-4)}.account-actions .settings-action{margin:0}.account-actions>button:not(.settings-action),.account-section .sync-foot>button:not(.settings-action){padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-faint);font-size:var(--text-lg);cursor:pointer}.account-actions>button:not(.settings-action):hover,.account-section .sync-foot>button:not(.settings-action):hover{background:var(--bg-hover);color:var(--text)}@media(max-width:520px){.first-run{height:var(--vvh, 100dvh);min-height:0;place-items:stretch}.unlock{height:var(--vvh, 100%);overflow:auto}.first-run-card{min-height:calc(100dvh - max(44px,var(--safe-top) + var(--safe-bottom)));justify-content:center;padding:var(--space-7) var(--space-6);border:none;border-radius:0;box-shadow:none}}.unlock{display:grid;place-items:center;height:100%;padding:var(--space-7);background:var(--bg)}.unlock-card{display:flex;flex-direction:column;gap:var(--space-4);width:min(340px,100%)}.unlock-card h1{margin:0;font-size:var(--text-xl);font-weight:600}.unlock-card p{margin:0;font-size:var(--text-md);line-height:1.5;color:var(--text-dim)}.unlock-card input,.unlock-card textarea{padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font:inherit;font-size:var(--text-md);resize:none}.unlock-card input:focus,.unlock-card textarea:focus{outline:none;border-color:var(--accent)}.unlock-check{display:flex;align-items:center;gap:var(--space-3);color:var(--text-dim);font-size:var(--text-sm)}.unlock-check input{flex:none;width:16px;height:16px;margin:0;padding:0;accent-color:var(--accent)}.unlock-card button{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font-size:var(--text-md);cursor:pointer}.unlock-card button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.unlock-card button:disabled{opacity:.5;cursor:default}.unlock-link{border:none!important;background:none!important;color:var(--text-faint)!important;font-size:var(--text-md)!important}.unlock-error{color:var(--danger, #c0392b)!important}.unlock-note{margin-top:4px!important;font-size:var(--text-sm)!important;color:var(--text-faint)!important}.recovery-phrase{display:block;margin:0 10px;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-family:var(--font-mono);font-size:var(--text-lg);line-height:1.9;word-spacing:4px;-webkit-user-select:all;user-select:all}.settings-action{align-self:flex-start;display:inline-flex;align-items:center;margin:0 10px;padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--text-lg);line-height:1.3;cursor:pointer}.settings-action:disabled{opacity:.5;cursor:default}.app-narrow{flex-direction:column}.app-narrow .panel{border-right:none;flex:1 1 auto}.app-narrow .task-topbar{padding-right:var(--space-4)}.editor-empty{flex:1;min-height:0}@media(max-width:560px){.canvas-gallery{padding:var(--space-6)}.canvas-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.canvas-create-tile,.canvas-gallery-card{border-radius:var(--radius-md)}.canvas-toolbar{padding-right:var(--space-2)}.canvas-name-input{width:34%}.canvas-zoom-value{display:none}}.auto-backup{display:flex;flex-direction:column;gap:var(--space-1);margin:2px 0 8px;padding:var(--space-4) var(--space-4);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-2) 3%,transparent)}.auto-backup-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--text-lg);font-weight:600;color:var(--text)}.auto-backup-state{color:var(--text-faint);font-size:var(--text-md);font-weight:400}.auto-backup .settings-hint{margin:2px 0 0}.auto-backup-buttons{display:flex;gap:var(--space-3);margin-top:6px}.auto-backup-buttons button{flex:none;width:auto;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-md);line-height:1.3;cursor:pointer}.auto-backup-buttons button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.auto-backup-buttons button:disabled{opacity:.55;cursor:default}.auto-backup-last{margin-top:5px}.backup-bar{position:fixed;right:12px;bottom:calc(12px + var(--safe-bottom));left:auto;z-index:60;display:flex;align-items:center;gap:var(--space-4);max-width:min(420px,calc(100vw - 24px));padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 10px 30px #0003;font-size:var(--text-md)}.backup-bar-text{min-width:0;flex:1;color:var(--text)}.backup-bar-action,.backup-bar-later{flex:none;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text);font-size:var(--text-sm);white-space:nowrap;cursor:pointer}.backup-bar-action{background:color-mix(in srgb,var(--accent) 16%,var(--bg-hover));color:var(--text)}.backup-bar-action:hover:not(:disabled),.backup-bar-later:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 26%,var(--bg-hover))}.backup-bar-later,.backup-bar-quiet{color:var(--text-faint)}@media(max-width:820px),(max-width:960px)and (max-height:600px),(pointer:coarse)and (max-width:999px){.app-narrow~.backup-bar,.backup-bar{right:10px;left:10px;max-width:none;bottom:calc(70px + var(--safe-bottom))}.app-landscape .backup-bar{bottom:calc(10px + var(--safe-bottom));left:76px}}:root{--window-controls-left: 0px;--window-controls-right: 0px}[data-shell=macos]{--window-controls-left: 78px}[data-shell=windows]{--window-controls-right: 0px}.app:not(.app-narrow) .panel-head-tags,.app.app-tags-hidden:not(.app-narrow) .scene-head{padding-left:calc(8px + var(--window-controls-left))}.app-narrow .mobile-axis-head,.app-narrow .panel-editor .panel-head-main,.app-narrow .panel-tasks .task-topbar{padding-left:calc(10px + var(--window-controls-left))}[data-shell=macos] .panel-head,[data-shell=windows] .panel-head,[data-shell=linux] .panel-head{app-region:drag;-webkit-app-region:drag;user-select:none;-webkit-user-select:none}[data-shell] .panel-head button,[data-shell] .panel-head input,[data-shell] .panel-head a,[data-shell] .panel-head [role=button]{app-region:no-drag;-webkit-app-region:no-drag}.settings-field{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4);font-size:var(--text-md);color:var(--text-faint)}.settings-field input{width:100%;height:30px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font:inherit;font-size:var(--text-md)}.settings-field input:focus{outline:none;border-color:var(--accent)}.sync-fields{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4)}.sync-field{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-md);color:var(--text-faint)}.sync-field>span{flex:none;width:52px}.sync-field input{min-width:0;flex:1;height:30px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-lg)}.sync-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sync-reveal{flex:none;padding:0 var(--space-3);border:none;background:none;color:var(--text-faint);font-size:var(--text-md);cursor:pointer}.sync-reveal:hover{color:var(--text)}.sync-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-1)}.sync-status{color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.sync-status-online{color:var(--accent-2)}.sync-status-denied{color:var(--danger)}.sync-settings-trigger{transition:color .15s ease,background .15s ease}.sync-badge-online{color:var(--accent-2)}.sync-badge-connecting{color:var(--accent);opacity:.72}.sync-badge-denied,.sync-badge-unreachable,.sync-badge-refused{color:var(--danger)}.panel-head-tags .panel-logo{margin-right:6px}.publish-dialog{display:flex;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 20px 64px #0003}.publish-body{display:flex;min-height:150px;flex-direction:column;gap:var(--space-5);padding:var(--space-7) var(--space-7);color:var(--text-dim);font-size:var(--text-lg);overflow-y:auto}.publish-body p{margin:0}.publish-hint,.publish-body small{color:var(--text-faint);font-size:var(--text-md)}.publish-rules-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);align-self:flex-start;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-dim);font-size:var(--text-md);text-decoration:none}.publish-rules-link:hover,.publish-rules-link:focus-visible{border-color:color-mix(in srgb,var(--text-faint) 52%,var(--border));background:var(--bg-hover);color:var(--text)}.publish-warning{margin:0;padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);font-size:var(--text-md);line-height:1.45}.publish-status{display:flex;align-items:center;gap:var(--space-4);color:var(--text)}.publish-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.icon-btn-publication-removed,.icon-btn-publication-removed.icon-btn-on,.publish-status-removed{color:var(--danger)}.icon-btn-publication-removed{position:relative}.icon-btn-publication-removed:after{content:"×";position:absolute;right:1px;bottom:-1px;font-size:var(--text-sm);font-weight:700;line-height:1}.publish-status-removed .publish-status-dot{background:var(--danger)}.publish-removal-reason{padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);font-size:var(--text-md);line-height:1.45}.publish-link-row{display:flex;gap:var(--space-4)}.publish-link-row input{min-width:0;flex:1;padding:var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-dim);font:inherit;font-size:var(--text-md)}.publish-link-row button,.publish-actions button{padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-dim);cursor:pointer}.publish-error{color:var(--danger)}.publish-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border)}.publish-actions>span{flex:1}.publish-actions .publish-primary{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg));color:var(--accent)}.publish-actions button:disabled{cursor:default;opacity:.5}.publish-actions button.danger{color:var(--danger)}@media(max-width:820px){.publish-dialog{width:calc(100vw - 24px)}.publish-link-row{align-items:stretch;flex-direction:column}}.versions-dialog{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(560px,86vh);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 18px 60px #0003}.versions-body{display:flex;min-height:0;flex:1;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-3)}.versions-list{display:flex;flex-direction:column;gap:var(--space-2);width:224px;min-width:0;flex:none;overflow-y:auto;scrollbar-width:none}.versions-list::-webkit-scrollbar{display:none}.versions-save{padding:var(--space-4) var(--space-4);margin-bottom:5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.versions-save:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.versions-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-md);background:none;text-align:left;cursor:pointer}.versions-item:hover{background:var(--bg-hover)}.versions-item-on{background:var(--selection)}.versions-item strong{color:var(--text);font-size:var(--text-md);font-weight:600}.versions-item small{color:var(--text-faint);font-size:var(--text-sm)}.versions-item-auto{min-height:25px;flex-direction:row;align-items:center;gap:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-2);opacity:.62}.versions-item-auto.versions-item-on,.versions-item-auto:hover{opacity:1}.versions-auto-dot{color:var(--text-faint);font-size:var(--text-xl);line-height:1}.versions-preview{display:flex;flex-direction:column;min-width:0;flex:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.versions-diff{display:flex;flex-direction:column;min-height:0;flex:1;padding:var(--space-4) var(--space-4);overflow:auto;scrollbar-width:none;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-md);line-height:1.5}.versions-diff::-webkit-scrollbar{display:none}.versions-line{padding:0 var(--space-2);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.versions-line-same{color:var(--text-faint)}.versions-line-removed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--text)}.versions-line-added{background:color-mix(in srgb,var(--accent-2) 13%,transparent);color:var(--text)}.versions-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-top:1px solid var(--border);background:var(--bg-panel)}.versions-actions button{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-dim);font-size:var(--text-md);cursor:pointer}.versions-actions button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.versions-restore{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important;color:var(--text)!important}@media(max-width:820px),(max-width:960px)and (max-height:600px),(pointer:coarse)and (max-width:999px){.versions-body{flex-direction:column}.versions-list{width:100%;max-height:38%}}.versions-legend{display:flex;align-items:center;gap:var(--space-3);margin-right:auto;color:var(--text-faint);font-size:var(--text-sm)}.versions-swatch{display:inline-block;width:11px;height:11px;border-radius:var(--radius-sm)}.tag-suggestions{position:fixed;z-index:40;display:flex;flex-direction:column;min-width:168px;max-width:320px;max-height:216px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:0 10px 30px #0002;overflow-y:auto;scrollbar-width:none}.tag-suggestions::-webkit-scrollbar{display:none}.tag-suggestion{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:var(--text-md);text-align:left;white-space:nowrap;cursor:pointer}.tag-suggestion-on{background:var(--bg-hover)}.settings-version{margin:10px;color:var(--text-faint);font-size:var(--text-sm)}.settings-tabs .settings-version{margin:auto 0 2px 10px}.sync-status-unreachable{color:var(--danger)}.sync-status-unreachable{background:none}.space-switcher{position:relative;margin:0 6px 6px}.space-row{display:flex;align-items:center;gap:var(--space-2)}.space-actions{display:flex;align-items:center;gap:var(--space-1);flex:none}.space-current{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0;flex:1;padding:var(--space-4) var(--space-4);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text);font-size:var(--text-md);font-weight:600;cursor:pointer}.space-current:hover,.space-current-open{background:var(--bg-hover)}.space-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-list{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:30;display:flex;flex-direction:column;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:0 10px 30px #0002}.space-item,.space-add{padding:var(--space-4) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:var(--text-md);text-align:left;cursor:pointer}.space-item:hover,.space-add:hover{background:var(--bg-hover)}.space-item-on{color:var(--accent);font-weight:600}.space-list-divider{height:1px;margin:4px 2px;background:var(--border)}.space-add{color:var(--text-dim)}.sync-reason{display:inline-block;margin-bottom:3px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text);font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-md);word-break:break-word}input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;flex:none;margin:0;border:1.5px solid color-mix(in srgb,var(--text-faint) 70%,transparent);border-radius:var(--radius-sm);background:var(--bg-panel);cursor:pointer;transition:background .12s ease,border-color .12s ease}input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 60%,var(--text-faint))}input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5l3 3 6-6'/></svg>");background-position:center;background-repeat:no-repeat;background-size:88%}input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}input[type=checkbox]:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-wordmark{display:flex;align-items:baseline;gap:var(--space-3);flex:none;padding:var(--space-4) var(--space-5) var(--space-4);border:none;background:none;color:var(--text-faint);cursor:pointer;font-family:var(--font-text);font-size:var(--text-sm);letter-spacing:.02em;text-align:start}.app-wordmark span{font-size:var(--text-sm);opacity:.72}.app-wordmark:hover{color:var(--text-dim)}.calendar-task-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-1)}.calendar-task-context{overflow:hidden;color:var(--text-faint);font-size:var(--text-xs);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.calendar-task-compact .calendar-task-context{display:none}html:has(.note-window),body:has(.note-window){height:100%}.note-window{display:flex;height:100vh;flex-direction:column;background:var(--bg-panel)}.note-window-titlebar{display:flex;flex:none;align-items:center;justify-content:flex-end;height:32px;padding:0 var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--border) 58%,transparent);background:var(--bg-panel)}html[data-shell=macos] .note-window-titlebar{padding-left:76px}html[data-shell=windows] .note-window-titlebar{padding-right:140px}.note-window-top-button{display:grid;width:27px;height:24px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);cursor:pointer;place-items:center}.note-window-top-button:hover,.note-window-top-button-on{background:var(--hover);color:var(--text)}.note-window-head{display:flex;flex:none;align-items:center;height:36px;padding:0 var(--space-5);border-bottom:1px solid var(--border)}.note-window-title{overflow:hidden;color:var(--text-dim);font-size:var(--text-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-window-body{display:flex;flex:1;min-height:0}.note-window-missing{margin:auto;color:var(--text-faint)}.note-window-column{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.first-run-choices{display:flex;flex-direction:column;gap:var(--space-4)}.first-run-choices button{width:100%;min-height:38px;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface, transparent);color:var(--text);font-size:var(--text-md);cursor:pointer}.first-run-choices button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.first-run-choices button:disabled{opacity:.48;cursor:default}.settings-identity{display:flex;flex-direction:column;gap:var(--space-1)}.settings-identity strong{font-size:var(--text-md);font-weight:600}.settings-identity code{font-size:var(--text-md);color:var(--text-muted, var(--text-faint));user-select:all}.settings-devices{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.settings-devices li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-md)}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.settings-action.data-action-danger{border-color:color-mix(in srgb,var(--danger, #c0392b) 40%,var(--border));color:var(--danger, #c0392b)}.settings-devices button{flex:0 0 auto}.settings-device{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.settings-devices button.settings-device-name{align-self:flex-start;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;text-align:left;cursor:text}.settings-devices button.settings-device-name:hover{border-color:var(--border)}.settings-devices input.settings-device-name{width:100%;max-width:260px;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text);font:inherit}.settings-device-seen{color:var(--text-faint);font-size:var(--text-sm)}.project-section{position:relative;min-width:0;margin:0 6px 2px 2px;padding:var(--space-1) 0 var(--space-2);border-radius:var(--radius-sm);background:var(--project-tint)}.project-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1)}.project-twisty{display:grid;place-items:center;flex:none;width:12px;height:18px;padding:0;border:none;background:none;color:var(--text-faint);cursor:pointer}.project-name{font-size:var(--text-md);font-weight:500;letter-spacing:.01em;color:var(--text-dim)}.task-progress{margin-left:auto;color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.project-drag-handle{display:grid;width:24px;height:24px;flex:none;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-faint);cursor:grab;opacity:0}.project-head:hover .project-drag-handle,.project-drag-handle:focus-visible{opacity:1}.project-drag-handle:active{cursor:grabbing}@media(pointer:coarse){.project-drag-handle{opacity:1}}.project-add{width:calc(100% - 24px);min-width:0;margin:1px 0 0 20px;padding:var(--space-1) 0;border:none;border-bottom:1px solid transparent;background:none;color:var(--text);font:inherit;font-size:var(--text-md)}.project-add:hover{border-bottom-color:var(--border)}.project-add:focus{outline:none;border-bottom-color:var(--accent)}.project-head.drag-over{background:var(--selection);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);border-radius:var(--radius-sm)}.project-section-dragging{opacity:.48}.project-section-drop-before:before,.project-section-drop-after:after{content:"";position:absolute;z-index:2;right:0;left:0;height:2px;background:var(--accent)}.project-section-drop-before:before{top:-1px}.project-section-drop-after:after{bottom:-1px}.project-group-head{display:flex;align-items:center;height:16px;margin:1px 6px 3px 2px}.project-group-head:first-child{margin-top:0}.project-group-head:has(.project-group-input){height:auto}.project-group-toggle{position:relative;display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;height:16px;padding:0 var(--space-3) 0 var(--space-1);border:none;background:none;color:var(--text-faint);font:inherit;font-size:var(--text-md);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.project-group-toggle:after{content:"";position:absolute;inset:-4px 0}@media(hover:hover){.project-group-toggle:hover{color:var(--text-dim)}}.project-group-chevron{display:grid;place-items:center;flex:none;width:12px}.project-group-name{flex:none;max-width:70%;overflow:hidden;font-weight:600;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.project-group-rule{flex:1;min-width:12px;height:1px;background:var(--border)}.project-group-input{flex:1;min-width:0;height:22px;padding:0 6px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-md);font-weight:600}.project-group-seam{position:relative;z-index:3;height:0}.project-group-seam:before{content:"";position:absolute;left:0;right:6px;top:-6px;height:10px}.project-group-seam-on:after{content:"";position:absolute;left:8px;right:14px;top:-1px;height:1px;background:color-mix(in srgb,var(--accent) 45%,transparent);pointer-events:none}.project-group-seam-chip{position:absolute;top:-11px;left:50%;z-index:1;transform:translate(-50%);padding:2px 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:var(--radius-pill);background:var(--bg-panel);color:var(--accent);font-size:var(--text-xs);white-space:nowrap;cursor:pointer}.project-group-seam:has(.project-group-input){height:auto;padding:6px 6px 4px 2px}.daily-reminder-backdrop{z-index:120;align-items:center;padding:var(--space-7)}.daily-reminder-dialog{display:flex;width:min(560px,100%);max-height:min(720px,calc(100dvh - 40px));padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 22px 70px #0003;flex-direction:column;gap:var(--space-6)}.daily-reminder-dialog header{text-align:center}.daily-reminder-dialog h2{margin:2px 0 6px;font-size:var(--text-2xl)}.daily-reminder-dialog header p{margin:0;color:var(--text-faint);font-size:var(--text-md)}.daily-reminder-mark{color:var(--accent);font-size:var(--text-3xl)}.daily-reminder-message{overflow:auto;padding:var(--space-6) var(--space-7);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-active) 62%,transparent);color:var(--text);font-size:var(--text-lg);line-height:1.65;white-space:pre-wrap}.daily-reminder-textarea{box-sizing:border-box;width:100%;min-height:180px;resize:vertical;padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-lg);line-height:1.55}.daily-reminder-textarea:focus{border-color:var(--accent)}.daily-reminder-count{align-self:flex-end;margin-top:-14px;color:var(--text-faint)}.daily-reminder-dialog footer{display:flex;justify-content:flex-end;gap:var(--space-4)}.daily-reminder-dialog footer button{min-height:36px;padding:0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.daily-reminder-dialog footer button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.daily-reminder-dialog footer button:disabled{opacity:.45;cursor:default}.daily-reminder-settings .daily-reminder-textarea{min-height:130px}.daily-reminder-settings .daily-reminder-count{display:block;margin:4px 0 0;text-align:right}@media(max-width:680px){.daily-reminder-dialog{max-height:calc(100dvh - 24px);padding:var(--space-7) var(--space-6) var(--space-6)}.daily-reminder-dialog h2{font-size:var(--text-2xl)}.daily-reminder-message{padding:var(--space-6);font-size:var(--text-lg)}.daily-reminder-dialog footer button{min-height:44px}}.project-section-collapsed{padding-bottom:var(--space-1)}.task-group-label{margin:10px 4px 4px;font-size:var(--text-md);color:var(--text-faint)}.task-migration-note{margin-left:6px;padding:var(--space-1) var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-faint);font:inherit;font-size:var(--text-sm);cursor:pointer}.task-migration-note:hover{border-color:var(--accent);color:var(--text)}.project-add{margin-top:2px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font:inherit;font-size:var(--text-md)}.project-add::placeholder{color:var(--text-faint)}.project-add:focus{outline:none;background:var(--bg-panel)}.kanban-card-project{border-style:dashed}.kanban-card-remove{padding:0 var(--space-2);border:none;background:none;color:var(--text-faint);font:inherit;line-height:1;cursor:pointer}.kanban-card-remove:hover{color:var(--danger)}.daily-reminder-dialog{width:min(480px,100%);max-height:min(560px,calc(100dvh - 40px));padding:var(--space-7);gap:var(--space-6)}.daily-reminder-dialog header{text-align:left}.daily-reminder-dialog h2{margin:0;font-size:var(--text-2xl)}.daily-reminder-dialog header p,.daily-reminder-mark{display:none}.daily-reminder-message{padding:0;border-radius:0;background:none;font-size:var(--text-xl);line-height:1.6}.task-open-note,.project-open-note{width:12px;height:18px;border-radius:50%;cursor:pointer;touch-action:manipulation}.project-open-note{margin-left:auto}.task-open-note:hover,.project-open-note:hover{background:transparent;color:var(--text)}body.juie-mobile-viewport{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html:has(>body.juie-mobile-viewport){overflow:hidden;overscroll-behavior:none}body.juie-mobile-viewport #root{width:100%;height:100%;overflow:hidden}@keyframes mobile-scene-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-detail-enter{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes mobile-drawer-enter{0%{transform:translate(-102%)}to{transform:translate(0)}}@keyframes mobile-drawer-leave{0%{transform:translate(0)}to{transform:translate(-102%)}}@keyframes mobile-scrim-leave{0%{opacity:1}to{opacity:0}}@keyframes mobile-scrim-enter{0%{opacity:0}to{opacity:1}}@media(max-width:820px),(max-width:960px)and (max-height:600px),(pointer:coarse)and (max-width:999px){.app-narrow{position:fixed;top:var(--juie-visual-top, 0);right:0;bottom:auto;left:0;width:100%;max-width:100%;overscroll-behavior:none}.app-narrow>.panel,.app-narrow>.mobile-split{animation:mobile-scene-enter .15s var(--ease-out)}.app-narrow.app-mobile-detail>.panel{animation-name:mobile-detail-enter;transform-origin:50% var(--detail-origin-y, 50%)}.app-narrow .panel-notes .mobile-axis-head{order:0}.app-narrow .panel-notes .search-box{order:1;height:58px;padding:var(--space-4) var(--space-5);border-top:none;border-bottom:1px solid var(--border)}.app-narrow .panel-notes .list{order:2;padding:var(--space-2) var(--space-3) var(--space-7);touch-action:pan-y}.mobile-axis-head{min-height:56px;height:56px;padding:0 56px}.mobile-notes-head{height:48px;min-height:48px;padding:0 var(--space-5) 0 var(--space-6);justify-content:space-between;gap:var(--space-5)}.mobile-axis-filter{min-width:0;overflow:hidden;color:var(--text-dim);font-size:var(--text-md);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.mobile-axis-sort{position:absolute;right:10px;display:flex}.mobile-axis-action{position:absolute;left:8px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-dim);-webkit-tap-highlight-color:transparent}.mobile-axis-action:active{background:var(--bg-active);transform:scale(.96)}.mobile-axis-context{left:56px;right:auto;max-width:30%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--bg-hover);font-size:var(--text-sm)}.mobile-primary-nav{min-height:50px;padding:0 4px var(--safe-bottom);gap:0;border-top:1px solid var(--border);background:var(--bg-panel);box-shadow:none}.mobile-primary-nav .mobile-nav-main{position:relative;min-height:50px;gap:0;border-radius:0;color:var(--text-faint);transition:color .14s ease}.mobile-primary-nav .mobile-nav-main:active .mobile-nav-indicator{transform:scale(.9)}.mobile-nav-indicator{display:grid;place-items:center;width:40px;height:30px;transition:transform .12s ease}.mobile-primary-nav .active{color:var(--text)}.mobile-primary-nav .active:after{position:absolute;bottom:7px;width:14px;height:2px;border-radius:2px;background:var(--accent);content:""}.mobile-pager{display:flex;min-width:0;min-height:0;flex:1;overflow:clip;touch-action:pan-y}.mobile-pager-track{position:relative;display:flex;width:100%;min-width:100%;min-height:0;flex:0 0 100%}.mobile-pager-track{transition:transform var(--motion-page) var(--ease-settle)}.mobile-pager-slot{display:flex;width:100%;min-width:100%;min-height:0;flex:0 0 100%}.mobile-pager-slot>.panel,.mobile-pager-slot>.mobile-split{min-width:0;flex:1;animation:none}.mobile-create{position:absolute;right:16px;bottom:calc(66px + var(--safe-bottom));z-index:6;display:grid;place-items:center;width:54px;height:54px;border:none;border-radius:50%;background:var(--accent);color:var(--bg-panel);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--accent) 55%,transparent);-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.mobile-create:active{transform:scale(.94)}.mobile-search-fab{position:absolute;right:22px;bottom:calc(132px + var(--safe-bottom));z-index:6;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--bg-panel) 45%,transparent);color:var(--text-dim);box-shadow:0 4px 14px -4px #0002;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,color .12s ease}.mobile-search-fab:active{transform:scale(.94);color:var(--text)}.mobile-more-glyph{position:relative;display:grid;width:21px;height:21px;place-items:center}.mobile-more-dots,.mobile-more-scene{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:opacity var(--motion-base) ease,transform var(--motion-base) var(--ease-out)}.mobile-more-dots i{width:3px;height:3px;border-radius:50%;background:currentColor}.mobile-more-scene{opacity:0;transform:rotate(-90deg) scale(.6)}.mobile-more-glyph-on .mobile-more-dots{opacity:0;transform:rotate(90deg) scale(.6)}.mobile-more-glyph-on .mobile-more-scene{opacity:1;transform:none}.mobile-more-glyph-on .mobile-more-scene.mobile-more-scene-from-left{animation:mobile-scene-from-left var(--motion-base) var(--ease-out)}.mobile-more-glyph-on .mobile-more-scene.mobile-more-scene-from-left.mobile-more-scene-odd{animation-name:mobile-scene-from-left-b}.mobile-more-glyph-on .mobile-more-scene.mobile-more-scene-from-right{animation:mobile-scene-from-right var(--motion-base) var(--ease-out)}.mobile-more-glyph-on .mobile-more-scene.mobile-more-scene-from-right.mobile-more-scene-odd{animation-name:mobile-scene-from-right-b}@keyframes mobile-scene-from-left{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes mobile-scene-from-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes mobile-scene-from-left-b{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes mobile-scene-from-right-b{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.mobile-drawer-closing{animation:mobile-scrim-leave var(--motion-base) ease forwards;pointer-events:none}.mobile-drawer-closing .mobile-drawer{animation:mobile-drawer-leave var(--motion-fast) cubic-bezier(.4,0,1,1) forwards}.mobile-drawer-backdrop{inset:0;background:#0005;animation:mobile-scrim-enter var(--motion-fast) ease-out}.mobile-drawer{width:min(78vw,304px);border-radius:0 22px 22px 0;box-shadow:12px 0 32px #0003;animation:mobile-drawer-enter var(--motion-base) var(--ease-out)}.kanban-shell-single{position:relative}.kanban-lanes{display:flex;min-width:0;min-height:0;flex:1;overflow:hidden;background:var(--bg)}.kanban-shell-single .kanban-board{background:none}.kanban-shell-single .kanban-board{position:relative;display:flex;width:100%;grid-template-columns:none;overflow:visible}.kanban-shell-single .kanban-board{will-change:transform}.kanban-shell-single .kanban-board{transition:transform var(--motion-page) var(--ease-settle)}.kanban-shell-single .kanban-column{min-width:0}.kanban-card-dragging{opacity:.55;background-color:var(--bg-hover);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.kanban-shell-dragging .kanban-status-tabs button{color:var(--text-dim)}.kanban-status-tabs button.drag-over{background:var(--selection);color:var(--text)}.kanban-status-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:5px 10px 9px;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-hover);flex:none}.kanban-status-tabs button{display:flex;min-width:0;height:38px;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-4);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-faint);font:inherit;font-size:var(--text-md);transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.kanban-status-tabs button.active{background:var(--bg-panel);color:var(--text);box-shadow:0 1px 4px #00000012}.kanban-status-tabs button:active{transform:scale(.97)}.kanban-status-tabs small{color:inherit;font-size:var(--text-xs);opacity:.66}.kanban-shell-single .kanban-column{border-right:none;border-left:none}}@media(min-width:600px)and (max-width:820px),(orientation:landscape)and (max-height:600px),(pointer:coarse)and (min-width:600px)and (max-width:999px){.app-narrow.app-mobile-two-pane{flex-direction:row}.app-mobile-two-pane .mobile-primary-nav{order:-1;width:56px;min-width:56px;min-height:0;padding:8px 5px 8px calc(5px + var(--safe-left));flex-direction:column;justify-content:flex-start;border-top:none;border-right:1px solid var(--border);box-shadow:8px 0 28px #00000008}.app-mobile-two-pane .mobile-primary-nav .mobile-nav-main{flex:none;width:100%;min-height:48px;padding:var(--space-1)}.app-mobile-two-pane .mobile-nav-indicator{width:40px}.app-mobile-two-pane .mobile-primary-nav .active:after{bottom:auto;left:0;width:2px;height:18px}.app-mobile-two-pane .mobile-create{bottom:calc(16px + var(--safe-bottom))}.app-mobile-two-pane .mobile-search-fab{bottom:calc(82px + var(--safe-bottom))}.app-mobile-two-pane .outline{position:static;box-shadow:none;background:var(--bg)}.app-mobile-two-pane .mobile-split{display:flex;min-width:0;flex:1}.app-mobile-two-pane .mobile-split>.panel-notes{width:clamp(232px,32vw,292px);min-width:clamp(232px,32vw,292px);flex:none;border-right:1px solid var(--border)}.app-mobile-two-pane .mobile-split>.panel-editor{min-width:0;flex:1}}.app-layout-tall.app-mobile-two-pane{flex-direction:column}.app-layout-tall .mobile-primary-nav{order:0;width:100%;min-width:0;min-height:58px;padding:3px 8px calc(3px + var(--safe-bottom));flex-direction:row;justify-content:stretch;border-top:1px solid var(--border);border-right:none;box-shadow:none;overflow:visible}.app-layout-tall .mobile-primary-nav .mobile-nav-main{width:auto;min-height:52px;padding:var(--space-2) var(--space-3);flex:1 1 0}.app-layout-tall .mobile-primary-nav .active:after{bottom:0;left:50%;width:18px;height:2px;transform:translate(-50%)}.app-layout-short.app-mobile-two-pane{flex-direction:row}.app-layout-short .mobile-primary-nav{order:-1;width:calc(56px + var(--safe-left));min-width:calc(56px + var(--safe-left));min-height:0;padding:6px 4px 6px calc(4px + var(--safe-left));flex-direction:column;justify-content:flex-start;gap:0;border-top:none;border-right:1px solid var(--border);box-shadow:none;overflow-y:auto;scrollbar-width:none}.app-layout-short .mobile-primary-nav .mobile-nav-main{flex:none;width:100%;min-height:36px;padding:var(--space-1)}.app-layout-short .mobile-primary-nav .active:after{top:auto;bottom:4px;left:50%;width:16px;height:2px;transform:translate(-50%)}.app-narrow.app-layout-short{padding-left:0}.app-layout-tall .mobile-split>.tablet-slot{order:-1;border-right:1px solid var(--border);border-left:none}.app-layout-tall .mobile-create{bottom:calc(66px + var(--safe-bottom))}.app-layout-tall .mobile-search-fab{bottom:calc(132px + var(--safe-bottom))}.app-layout-short .mobile-create{bottom:calc(16px + var(--safe-bottom))}.app-layout-short .mobile-search-fab{bottom:calc(82px + var(--safe-bottom))}.app-layout-short.app-keyboard-open .mobile-split:has(.cm-focused)>.panel-notes{display:none}.app-layout-short .mobile-create{right:calc(16px + var(--safe-right))}.app-layout-short .mobile-search-fab{right:calc(22px + var(--safe-right))}.app-layout-short .mobile-note-menu:not(.mobile-more-sheet){top:calc(6px + var(--safe-top));right:calc(8px + var(--safe-right));width:min(240px,42vw);max-height:calc(var(--juie-visual-height, 100dvh) - 12px - var(--safe-top));padding:var(--space-2);overflow-y:auto}.app-layout-short .mobile-note-menu:not(.mobile-more-sheet) button{min-height:36px;padding:var(--space-3) var(--space-4);font-size:var(--text-md)}.app-layout-short.app-keyboard-open .panel-editor:has(.cm-focused) .tagbar{display:none}.app-layout-short .calendar-year-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.app-layout-short.app-keyboard-open .panel-editor:has(.cm-focused)>.panel-head-main{display:none}.app-layout-short .calendar-toolbar{min-height:36px;padding-top:2px;padding-bottom:2px}.app-layout-short .calendar-date-head{flex-direction:row;align-items:baseline;justify-content:center;gap:4px;min-height:0;height:auto;padding:3px 4px}.app-layout-short .calendar-date-head strong{font-size:var(--text-md);line-height:1.2}.app-layout-short .calendar-date-head span,.app-layout-short .calendar-date-head small{font-size:var(--text-xs)}.app-layout-short .calendar-composer{min-height:0;margin-bottom:2px}.app-layout-short .calendar-composer input{height:24px;min-height:0;padding-top:0;padding-bottom:0}.app-layout-short .kanban-column-head{height:30px;padding-top:6px;padding-bottom:4px}.app-layout-short :is(.canvas-gallery-intro,.cards-gallery-intro){margin-bottom:10px}.app-layout-short :is(.canvas-gallery-intro,.cards-gallery-intro) h2{margin:0;font-size:var(--text-xl)}.app-layout-short :is(.canvas-gallery-intro,.cards-gallery-intro) p{display:none}.app-layout-short :is(.canvas-gallery,.cards-gallery){padding-top:10px}body.juie-mobile-viewport .modal-backdrop{top:var(--juie-visual-top, 0px);bottom:auto;height:var(--juie-visual-height, 100dvh);align-items:safe center;overflow-y:auto;overscroll-behavior:contain}.app-layout-short .mobile-primary-nav .mobile-nav-search{margin-top:auto}.mobile-notes-head-actions{display:flex;flex:none;align-items:center;gap:var(--space-1)}.mobile-notes-head-actions .search-create{font-size:var(--text-xl);font-weight:300}.app-narrow{--mobile-head: 50px}.app-narrow.app-layout-short{--mobile-head: 42px}.app-narrow :is(.mobile-notes-head,.panel-head,.calendar-toolbar){height:var(--mobile-head);min-height:var(--mobile-head)}.mobile-screen-head{flex:none}.app-narrow .panel-tasks>.mobile-screen-head{order:-1}.app-narrow .canvas-gallery-intro,.app-narrow .cards-gallery-intro h2{display:none}.app-narrow .calendar-toolbar{flex-wrap:nowrap;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-2)}.app-narrow .calendar-navigation{position:static;order:0;width:auto;min-width:0;flex:0 1 auto;justify-content:flex-start;transform:none}.app-narrow .calendar-navigation .calendar-period-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-narrow .calendar-toolbar-spacer{order:1;flex:1}.app-narrow .calendar-shelf-toggles{order:2}.app-narrow .calendar-view-tabs{display:none}.app-narrow .calendar-view-menu{display:flex;order:3}.app-layout-short .mobile-primary-nav .mobile-nav-divider{flex:none;height:1px;margin:var(--space-2) var(--space-4);background:var(--border)}.app-mobile-two-pane .mobile-split>.mobile-library-column{width:clamp(232px,32vw,292px);min-width:clamp(232px,32vw,292px);flex:none;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg-panel)}.mobile-notes-search{gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-5)}.mobile-notes-search input{flex:1;min-width:0;height:32px;padding:0;border:none;outline:none;background:none;color:var(--text);font:inherit;font-size:var(--text-md);-webkit-appearance:none;appearance:none}.mobile-notes-search input::-webkit-search-cancel-button{-webkit-appearance:none}.panel-cards{background:var(--bg-panel)}.cards-panel{display:flex;flex:1;min-height:0;background:var(--bg)}.cards-gallery{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow-y:auto;padding:clamp(18px,4vw,42px);background:var(--bg)}.cards-gallery-intro{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:flex-start;justify-content:space-between;max-width:980px;width:100%;margin:0 auto 24px}.cards-gallery-intro h2{margin:0 0 5px;color:var(--text);font-size:var(--text-2xl);font-weight:590;letter-spacing:-.025em}.cards-gallery-intro p{margin:0;color:var(--text-faint);font-size:var(--text-sm)}.cards-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,240px));gap:var(--space-5);max-width:980px;width:100%;margin:0 auto}.cards-tile{display:flex;min-width:0;aspect-ratio:3 / 2;flex-direction:column;justify-content:space-between;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text);text-align:start;cursor:pointer}.cards-tile:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.cards-tile-rested{color:var(--text-dim)}.cards-tile-group{border-style:dashed}.cards-tile-title{overflow:hidden;font-size:var(--text-lg);font-weight:560;line-height:1.3;overflow-wrap:anywhere}.cards-tile-count{color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.cards-tile-count strong{color:var(--accent);font-size:var(--text-xl);font-weight:600}.cards-tile-rested .cards-tile-count strong{color:var(--text-faint)}.cards-tile-path{color:var(--text-faint);font-size:var(--text-xs)}.cards-stage{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow-y:auto}.cards-center,:is(.cards-empty,.empty-state){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}:is(.cards-empty,.empty-state){color:var(--text-dim)}:is(.cards-empty-hint,.empty-state-hint){max-width:34ch;color:var(--text-faint);font-size:var(--text-md)}.cards-big{margin:0;color:var(--text);font-size:var(--text-2xl);font-weight:600}.cards-dim{margin:0;color:var(--text-faint);font-size:var(--text-md)}.cards-primary,.cards-secondary,.cards-forgot{min-width:140px;padding:var(--space-4) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text);font-size:var(--text-lg);cursor:pointer}.cards-primary{border-color:var(--accent);background:var(--accent);color:#fff}.cards-forgot{color:var(--text-dim)}.cards-primary:hover{filter:brightness(1.06)}.cards-secondary:hover,.cards-forgot:hover{background:var(--bg-hover)}.cards-review{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:var(--space-6);width:min(100%,760px);margin:0 auto;padding:var(--space-6) var(--space-7)}.cards-review-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.cards-crumb{min-width:0;padding:0;border:none;background:none;color:var(--text-faint);font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cards-crumb:hover{color:var(--text-dim)}.cards-card{display:flex;flex:none;min-height:240px;max-height:70vh;overflow-y:auto;flex-direction:column;justify-content:center;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel)}.cards-question,.cards-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.cards-question{font-size:var(--text-2xl);font-weight:500}.cards-answer{padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text);font-size:var(--text-xl)}.cards-review-actions{display:flex;justify-content:center;gap:var(--space-4)}.app-narrow .cards-panel{flex-direction:column}.app-narrow .cards-review{padding:var(--space-4)}.app-narrow .cards-card{min-height:200px;padding:var(--space-6)}.app-narrow .cards-review-actions button{flex:1;min-width:0}.reading-article .md-card{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.reading-article .md-card-q{font-weight:600}.reading-article .md-card-a{padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-dim);white-space:pre-wrap}.reading-article .md-cloze{padding:0 var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,transparent);color:inherit}.app-narrow .cards-gallery{padding:var(--space-4)}.app-narrow .cards-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4)}.cards-filled{padding:0 3px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:inherit}.cards-gallery-intro .cards-primary{align-self:center}.cards-gallery-actions{display:flex;align-items:center;gap:var(--space-3)}.cards-gallery-actions .cards-primary,.cards-gallery-actions .cards-secondary{min-width:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);white-space:nowrap}.cards-tile-practice{margin-left:var(--space-3);color:var(--text-faint);font-size:var(--text-xs);font-style:normal;text-transform:uppercase;letter-spacing:.04em}.cards-group{max-width:980px;width:100%;margin:0 auto var(--space-7);padding:var(--space-2);border-radius:var(--radius-lg)}.cards-group-drop{background:color-mix(in srgb,var(--accent) 8%,transparent);outline:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border))}.cards-group-head{display:flex;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-4);padding:0 var(--space-1)}.cards-group-head h3{margin:0;color:var(--text);font-size:var(--text-lg);font-weight:590}.cards-group-count{color:var(--text-faint);font-size:var(--text-sm)}.cards-group-actions{display:flex;gap:var(--space-2);margin-left:auto}.cards-group .cards-gallery-grid{margin:0}.cards-tile[draggable]{cursor:grab}@media(pointer:coarse){.app:not(.app-narrow) .row{padding-top:var(--space-4);padding-bottom:var(--space-4)}.app:not(.app-narrow) .task-row{padding-top:var(--space-3);padding-bottom:var(--space-3)}.app:not(.app-narrow) .icon-btn{width:32px;height:32px}.app:not(.app-narrow) .editor-context-menu button{min-height:40px}.app:not(.app-narrow) .cm-fold-chevron{opacity:.55}.app:not(.app-narrow) .row:hover,.app:not(.app-narrow) .task-row:hover{background:none}}@media(pointer:coarse){body.juie-touch-scale{--text-xs: 12px;--text-sm: 13px;--text-md: 14px}body.juie-touch-scale :is(.icon-btn,.task-tree-toggle,.calendar-navigation button,.calendar-view-tabs button,.calendar-view-menu>button){min-width:40px;min-height:40px}body.juie-touch-scale .tablet-slot .task-topbar :is(.icon-btn,.task-tree-toggle){min-width:32px}body.juie-touch-scale :is(.project-twisty,.project-open-note,.task-twisty){position:relative}body.juie-touch-scale :is(.project-twisty,.project-open-note,.task-twisty):after{content:"";position:absolute;inset:calc(50% - 20px)}body.juie-touch-scale :is(.projection-composer input,.project-add){min-height:36px}body.juie-touch-scale .calendar-year-month :is(.month-day-number,.month-weekday){font-size:9px}body.juie-touch-scale .calendar-year-month-name{font-size:11px}body.juie-touch-scale .calendar-year-counts{width:min(100%,24px);height:13px;transform:none}body.juie-touch-scale .calendar-year-count{min-width:13px;height:13px;padding:0 2px;border-radius:7px;font-size:9px;line-height:13px}body.juie-touch-scale .calendar-year-count-done.calendar-year-count-behind{right:8px}body.juie-touch-scale .canvas-create-tile small{display:none}}.app-narrow .list:has(>.empty-state){display:flex;flex-direction:column}.app-narrow .task-list:has(>.empty-state)>.task-list-tail{flex:0 0 40px}