:root{--bg:#fbfaf8;--surface:#f2f0ec;--text:#1f1d1a;--muted:#77726a;--line:#e2ded7;--accent:#2f6f62;--bullet:#8a847b;--drop:#2f6f62;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161514;--surface:#1f1e1c;--text:#e9e6e1;--muted:#99938a;--line:#34312d;--accent:#7cc4b3;--bullet:#8a847b;--drop:#7cc4b3}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 var(--font)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.shell.with-panel{grid-template-columns:220px 1fr 380px}.tag-panel{background:var(--surface);border-left:1px solid var(--line);max-height:100vh;padding:16px 14px;position:sticky;top:0;overflow-y:auto}.tag-panel-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tag-panel-head input{border:1px solid var(--line);min-width:0;font:inherit;background:var(--bg);color:inherit;border-radius:6px;flex:1;padding:6px 8px}.tag-panel-head button{padding:2px 8px;font-size:20px;line-height:1}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:20px 14px}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:13px}.page-list{margin:0 0 12px;padding:0;list-style:none}.page-link{text-align:left;border-radius:6px;width:100%;padding:5px 8px}.page-link:hover{background:var(--line)}.page-link.active{background:var(--line);font-weight:600}.new-page input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px}.page{max-width:860px;padding:40px clamp(16px,6vw,72px)}.page-title{margin:0 0 20px;font-size:28px}.journal-header{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:8px;display:flex;position:relative}.journal-date{color:var(--muted);margin:0;font-size:15px;font-weight:600}.journal-nav{align-items:center;gap:4px;font-size:13px;display:flex}.journal-nav button{border:1px solid var(--line);border-radius:4px;min-height:28px;padding:3px 8px}.journal-nav .journal-step{min-width:28px;padding:0 6px;font-size:18px;line-height:1}.journal-nav button:hover,.journal-nav button[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.trail{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;display:flex}.trail button:hover{color:var(--text)}.sep{opacity:.6}.outline,.children{margin:0;padding:0;list-style:none}.children{border-left:1px solid var(--line);margin-left:23px;padding-left:6px}.row{border-radius:4px;grid-template-columns:16px 16px 1fr auto;align-items:start;gap:2px;display:grid}.row.drop-before{box-shadow:inset 0 2px 0 var(--drop)}.row.drop-after{box-shadow:inset 0 -2px 0 var(--drop)}.row.drop-child{box-shadow:inset 24px -2px 0 -22px var(--drop)}.toggle{width:16px;height:24px;color:var(--muted);font-size:11px}.bullet{cursor:grab;width:16px;height:24px;position:relative}.bullet:after{content:"";background:var(--bullet);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:5px}.bullet.has-hidden:after{box-shadow:0 0 0 3px var(--line)}.content{min-width:0}.title,.title-input{min-height:24px;padding:0 2px}.title{cursor:text;white-space:pre-wrap;overflow-wrap:anywhere}.title-input,.body-input{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;display:block;overflow:hidden}.title-input{font-family:var(--mono);font-size:14px;line-height:24px}.body,.body-input{color:var(--muted);white-space:pre-wrap;padding:0 2px 4px;font-size:14px}.body-input{font-family:var(--mono)}.placeholder{min-width:1px;display:inline-block}code{font-family:var(--mono);background:var(--surface);border-radius:3px;padding:0 3px;font-size:.92em}.link{color:var(--accent);border-bottom:1px solid;text-decoration:none}.tag{color:var(--accent);text-decoration:none}time{color:var(--accent);font-variant-numeric:tabular-nums}time.inactive{color:var(--muted)}.add-first,.empty{color:var(--muted);margin-top:8px}@media (max-width:800px){.shell.with-panel{grid-template-columns:220px 1fr}.tag-panel{z-index:10;background:var(--bg);border-left:0;max-height:none;position:fixed;inset:0}}@media (max-width:640px){.shell,.shell.with-panel{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.page{padding:20px 16px}.date-picker{flex-wrap:wrap}.picker-fields{flex:1}}.notice{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;margin:0 0 20px;padding:8px 12px;font-size:13px}.sidebar{flex-direction:column;display:flex}.account{border-top:1px solid var(--line);margin-top:auto;padding-top:16px;font-size:13px}.account form{gap:6px;display:grid}.account input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px}.primary{background:var(--accent);color:var(--bg);border-radius:6px;padding:6px 8px;font-weight:600}.hint,.account-email{color:var(--muted);overflow-wrap:anywhere;margin:0 0 6px}.link-button{color:var(--muted);text-decoration:underline}.sync-status{align-items:center;gap:6px;margin:0 0 4px;font-weight:600;display:flex}.sync-status:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.sync-status[data-status=synced]:before{background:var(--accent)}.sync-status[data-status=syncing]:before{background:#c9a23a}.sync-status[data-status=error]:before{background:#c0533a}input.page-title{width:100%;font:inherit;color:inherit;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;margin-bottom:4px;padding:0;font-size:28px;font-weight:700;display:block}input.page-title:focus{border-bottom-color:var(--line)}.aliases{width:100%;color:var(--muted);font:inherit;background:0 0;border:0;outline:0;margin:0 0 20px;padding:0;font-size:13px}.content{position:relative}.link-picker{z-index:10;background:var(--bg);border:1px solid var(--line);border-radius:6px;min-width:240px;max-width:100%;margin:2px 0 0;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 6px 20px #0000001f}.link-picker li{cursor:pointer;border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.link-picker li.selected{background:var(--surface)}.link-picker .create,.link-picker .via{color:var(--muted);font-size:12px}.link-picker .via{margin-left:auto}.refs{border-top:1px solid var(--line);margin-top:40px;padding-top:12px}.refs h3{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.ref-group{margin-bottom:12px}.ref-page{font-weight:600}.ref-page:hover{color:var(--accent)}.ref-group ul{border-left:1px solid var(--line);margin:4px 0 0;padding-left:12px;list-style:none}.ref-block{align-items:baseline;gap:10px;padding:2px 0;display:flex}.link-picker ul{margin:0;padding:0;list-style:none}.link-picker .choice-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-hint{color:var(--muted);margin:4px 8px 2px;font-size:12px}.block-ref{color:inherit;background:var(--surface);border-bottom:1px dashed var(--accent);border-radius:2px;padding:0 2px;text-decoration:none}.block-ref:hover{color:var(--accent)}.block-ref.missing{color:var(--muted);border-bottom-style:dotted}.embed-chip{color:var(--muted);font-size:.9em}.embed{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);border-radius:6px;margin:4px 0 6px;padding:4px 8px 4px 2px}.embed-source{color:var(--muted);margin:2px 0 0 34px;font-size:12px;display:block}.embed-source:hover{color:var(--accent)}.embed-note{color:var(--muted);margin:2px 6px;font-size:13px}.ref-count{background:var(--surface);border:1px solid var(--line);min-width:20px;height:20px;color:var(--muted);border-radius:10px;margin-top:2px;padding:0 6px;font-size:12px;line-height:18px}.ref-count:hover,.ref-count[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.ref-list{border:1px solid var(--line);border-radius:6px;margin:2px 0 6px 34px;padding:6px 10px;font-size:14px;list-style:none}.ref-list li{align-items:baseline;gap:10px;padding:2px 0;display:flex}.ref-title{color:var(--muted);overflow-wrap:anywhere;min-width:0}.sidebar-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:8px 8px 4px;font-size:12px;font-weight:600}.page-owner{color:var(--muted);overflow-wrap:anywhere;font-size:12px;font-weight:400;display:block}.page-actions{justify-content:flex-end;margin:-24px 0 4px;display:flex}.shared-badge{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:10px;margin:0 0 8px;padding:2px 8px;font-size:12px;display:inline-block}.share-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:0 0 20px;padding:12px 14px}.share-head{justify-content:space-between;align-items:baseline;display:flex}.share-head h3{margin:0 0 10px;font-size:14px}.share-add{flex-wrap:wrap;gap:6px;display:flex}.share-add input{flex:200px;min-width:0}.share-add input,.share-panel select{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;border-radius:6px;padding:6px 8px}.share-error,.signin-error{color:#c0533a;margin:8px 0 0;font-size:13px}.share-list{margin:10px 0 0;padding:0;list-style:none}.share-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.share-email{overflow-wrap:anywhere}.share-panel .hint{margin:10px 0 0;font-size:12px}.toggle:disabled{cursor:default}.headline{align-items:flex-start;gap:4px;display:flex}.headline>.title,.headline>.title-input{flex:1;min-width:0}.chips{flex:none;gap:4px;display:flex;position:relative}.chip{background:var(--surface);border:1px solid var(--line);height:20px;font-family:var(--mono);letter-spacing:.02em;color:var(--accent);border-radius:4px;margin-top:2px;padding:0 6px;font-size:11px;font-weight:600}.chip:hover:not([aria-disabled=true]){border-color:var(--accent)}.chip[aria-disabled=true]{cursor:default}.chip.finished{color:var(--muted)}.chip.priority{color:var(--text)}.chip-menu{min-width:140px;font-size:13px}.chip-row{flex-wrap:wrap;gap:4px;margin:0 0 2px;display:flex;position:relative}.date-chip{align-items:center;display:inline-flex}.chip.date{color:var(--text);font-weight:500}.chip.date:has(+.chip-remove){border-radius:4px 0 0 4px}.chip-kind{color:var(--muted);margin-right:2px;font-weight:600}.chip.overdue{color:#c0533a;border-color:#c0533a}.chip.overdue .chip-kind{color:inherit}.chip-remove{border:1px solid var(--line);background:var(--surface);height:20px;color:var(--muted);border-left:0;border-radius:0 4px 4px 0;margin-top:2px;padding:0 5px;font-size:12px;line-height:1}.chip-remove:hover{color:var(--accent)}.date-popover{z-index:10;background:var(--bg);border:1px solid var(--line);border-radius:6px;margin:2px 0 0;padding:8px;position:absolute;top:100%;left:0;box-shadow:0 6px 20px #0000001f}.date-picker{gap:12px;font-size:13px;display:flex}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.calendar-head button{width:24px;height:24px;color:var(--muted);border-radius:4px}.calendar-head button:hover{color:var(--accent);background:var(--surface)}.calendar-grid{text-align:center;grid-template-columns:repeat(7,28px);gap:2px;display:grid}.calendar-grid .weekday{color:var(--muted);font-size:11px;line-height:20px}.calendar-grid button{font-variant-numeric:tabular-nums;border-radius:4px;height:26px}.calendar-grid button:hover{background:var(--surface)}.calendar-grid button.today{color:var(--accent);font-weight:600}.calendar-grid button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.picker-fields{flex-direction:column;gap:8px;min-width:120px;display:flex}.picker-fields label{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.picker-fields input{border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--mono);border-radius:4px;padding:4px 6px;font-size:13px}.picker-fields input[aria-invalid=true]{border-color:#c0533a}.picker-fields .picker-hint{margin:0}.picker-actions{justify-content:flex-end;gap:4px;margin-top:auto;display:flex}.picker-actions button{border:1px solid var(--line);border-radius:4px;padding:3px 8px}.picker-actions button:hover{border-color:var(--accent)}.picker-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.props{flex-basis:100%;gap:2px;margin:2px 0;font-size:13px;display:grid}.prop{align-items:center;gap:4px;display:flex}.prop input{border:1px solid var(--line);background:var(--bg);height:22px;color:var(--text);font:inherit;border-radius:4px;padding:0 6px}.prop input:focus{border-color:var(--accent)}.prop input[aria-invalid=true]{border-color:#c0533a}.prop-key{width:9em;font-family:var(--mono);color:var(--muted)}.prop-value{flex:1;min-width:0}span.prop-key,span.prop-value{padding:0 2px}.prop-remove{border-left:1px solid var(--line);border-radius:4px;margin-top:0}.prop-add-button{margin-top:0;font-weight:500}.prop-error{color:#c0533a;margin:0;font-size:12px}.signin-screen{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.signin-screen .account{border:0;width:min(100%,340px);margin:0;padding:0}.signin-screen h2{margin:0 0 8px;font-size:20px}.signin-screen .hint{margin-bottom:16px}.signin-screen .signin-form .hint{margin-bottom:0}.query-bar{cursor:text;align-items:baseline;gap:8px;display:flex}.query-bar code,.query-icon{color:var(--accent)}.query-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.query-results{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);border-radius:6px;margin:4px 0 6px;padding:6px 10px;font-size:14px}.query-note,.query-error{color:var(--muted);margin:2px 0}.query-error code{margin-left:6px}.query-group+.query-group{margin-top:10px}.query-group h3{margin:0 0 4px;font-size:13px}.query-page{font-weight:600}.query-page:hover{color:var(--accent)}.query-entry{margin:2px 0 6px}.query-crumbs{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:34px;font-size:12px;overflow:hidden}.query-crumbs .sep{margin:0 4px}.query-actions{color:var(--muted);gap:12px;margin-left:34px;font-size:12px;display:flex}.query-actions button:hover,.query-more:hover{color:var(--accent)}.query-more{color:var(--muted);margin-top:4px;font-size:13px;text-decoration:underline}.stale{opacity:.5}mark{background:color-mix(in srgb, var(--accent) 25%, transparent);color:inherit;border-radius:2px}