:root{color-scheme:dark;--bg: #14161a;--panel: #1c1f26;--line: #2c313c;--text: #d7dce4;--dim: #8a93a3;--accent: #6ea8fe}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}.cockpit{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem}header{display:flex;align-items:baseline;gap:.75rem}h1{font-size:1.4rem;margin:0 0 .75rem}.tally{color:var(--dim)}.facet-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .75rem;margin-bottom:1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.facet-search{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.3rem .6rem}.facet-group{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.facet-label{color:var(--dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.chip{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.15rem .65rem;cursor:pointer;font-size:.85rem}.chip-on{border-color:var(--accent);color:var(--accent)}.chip-count{margin-left:.4em;color:var(--dim);font-size:.78rem}.facet-clear{background:none;border:none;color:var(--dim);cursor:pointer;text-decoration:underline}.records{width:100%;border-collapse:collapse;margin-bottom:2rem}.records th{text-align:left;color:var(--dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:.4rem .6rem}.records td{border-bottom:1px solid var(--line);padding:.45rem .6rem}.records .edit{background:none;border:none;color:var(--accent);cursor:pointer}.empty{color:var(--dim);margin:2rem 0}.author-form{display:grid;gap:.6rem;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem}.author-form h2{margin:0 0 .25rem;font-size:1.05rem}.author-form label{display:grid;gap:.2rem;color:var(--dim);font-size:.85rem}.author-form input{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem;font-size:.95rem}.form-actions{display:flex;gap:.5rem;margin-top:.25rem}.form-actions button{background:var(--accent);color:#10131a;font-weight:600;border:none;border-radius:6px;padding:.4rem 1rem;cursor:pointer}.form-actions button[type=button]{background:var(--line);color:var(--text);font-weight:400}.form-error{color:#ff8a8a;margin:0}.inbox{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.inbox h2{margin:0 0 .5rem;font-size:1rem}.inbox-count{color:var(--dim);font-weight:400;font-size:.85rem;margin-left:.4em}.proposal{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;border-top:1px solid var(--line)}.proposal-kind{color:var(--dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);border-radius:4px;padding:.05rem .4rem}.proposal-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal button{background:var(--accent);color:#10131a;border:none;border-radius:5px;padding:.2rem .7rem;cursor:pointer;font-size:.85rem}.proposal button.reject{background:var(--line);color:var(--text)}.inbox-more{color:var(--dim);margin:.4rem 0 0;font-size:.85rem}.source-badge{color:var(--dim);font-size:.75rem;border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem}.views{margin-left:auto;display:flex;gap:.4rem}.views button{background:var(--panel);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:.25rem .8rem;cursor:pointer}.views button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.node-deleted td{color:var(--dim);text-decoration:line-through}.inbox-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.inbox-head h2{margin:0}.inbox-head button{background:var(--accent);color:#10131a;border:none;border-radius:5px;padding:.2rem .7rem;cursor:pointer;font-size:.85rem}.inbox-head button.reject{background:var(--line);color:var(--text)}.inbox-all{color:var(--dim);font-size:.85rem;display:flex;align-items:center;gap:.35rem;margin-left:auto}.inbox-progress{color:var(--accent);font-variant-numeric:tabular-nums}.proposal-when{color:var(--dim);font-size:.85rem;white-space:nowrap}.proposal input[type=checkbox],.inbox-all input[type=checkbox]{accent-color:var(--accent)}.inbox-list{max-height:40vh;overflow-y:auto}.inbox-collapse{background:none;border:none;color:var(--dim);cursor:pointer;font-size:.9rem;padding:0 .2rem}.intent-ring{margin-bottom:1rem}.intent-words{display:flex;flex-wrap:wrap;gap:.4rem}.intent-word{background:none;color:var(--accent);border:1px dashed var(--line);border-radius:999px;padding:.25rem .9rem;cursor:pointer;font-size:.95rem;letter-spacing:.02em}.intent-word[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--panel)}.intent-form{display:grid;gap:.5rem;max-width:380px;margin-top:.6rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.9rem}.intent-desc{margin:0;color:var(--dim);font-size:.85rem}.intent-form label{display:grid;gap:.2rem;color:var(--dim);font-size:.85rem}.intent-form input{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem;font-size:.95rem}.lock-screen{min-height:100vh;display:grid;place-content:center;gap:.75rem;text-align:center}.lock-screen h1{margin:0}.lock-hint{color:var(--dim);margin:0}.lock-screen button{background:var(--accent);color:#10131a;font-weight:600;border:none;border-radius:8px;padding:.6rem 2rem;cursor:pointer;font-size:1rem}.setup-lock{background:none;color:var(--dim);border:1px dashed var(--line);border-radius:999px;padding:.1rem .6rem;cursor:pointer;font-size:.75rem}.welcome{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;max-width:620px}.welcome h2{margin:0 0 .5rem;font-size:1.1rem}.welcome p{margin:.4rem 0;color:var(--text)}.welcome-privacy{color:var(--dim);font-size:.9rem}.reconnect-banner{background:#2a2118;border:1px solid #6b5424;border-radius:8px;padding:.5rem .9rem;margin-bottom:1rem;color:#e8c76e;font-size:.9rem}.reconnect-banner button{background:#e8c76e;color:#14161a;border:none;border-radius:5px;padding:.15rem .7rem;margin-left:.5rem;cursor:pointer;font-weight:600}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.cockpit{padding:.6rem .75rem 3rem}header{flex-wrap:wrap;row-gap:.4rem;position:sticky;top:0;z-index:6;background:var(--bg);padding:.5rem 0 .4rem;margin:0}header h1{display:none}.brain-switcher{margin-right:auto}.views{margin-left:0;width:100%}.views button{flex:1}.create-fab,.create-new{bottom:1rem}.proposal{flex-wrap:wrap;row-gap:.3rem}.proposal-title{flex-basis:100%;order:1;white-space:normal}.proposal-when{order:2;margin-right:auto}.proposal button{order:3}.inbox-list{max-height:50vh}.author-form,.intent-form{max-width:none}.records th,.records td{padding:.4rem;font-size:.9rem}}@media(pointer:coarse){.proposal button,.inbox-head button,.form-actions button,.intent-word,.views button{padding-top:.5rem;padding-bottom:.5rem;min-height:40px}.proposal input[type=checkbox],.inbox-all input[type=checkbox]{width:1.2rem;height:1.2rem}.lock-screen button{min-height:48px}}.cockpit{max-width:760px}@media(min-width:1100px){.cockpit{max-width:1440px;display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-areas:"banner banner" "header header" "ring   panel";column-gap:1.75rem;align-items:start}.cockpit:has(.inbox){grid-template-columns:190px minmax(0,1fr) 420px;grid-template-areas:"banner banner banner" "header header header" "ring   panel  inbox"}.reconnect-banner{grid-area:banner}header{grid-area:header}.panel{grid-area:panel;min-width:0}.intent-ring{grid-area:ring;position:sticky;top:1rem;margin-bottom:0}.intent-words{flex-direction:column;align-items:stretch}.intent-word{text-align:left}.intent-form{max-width:none}.inbox{grid-area:inbox;position:sticky;top:1rem;margin-bottom:0;display:flex;flex-direction:column;max-height:calc(100vh - 2rem)}.inbox-list{max-height:none;flex:1;overflow-y:auto}}[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--panel: #ffffff;--line: #d9dde4;--text: #1c1f26;--dim: #5c6472;--accent: #2563eb}.brain-switcher{position:relative}.brain-button{display:inline-flex;align-items:center;gap:.45rem;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.25rem .9rem;cursor:pointer;font-size:.9rem}.persona-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;flex:none}.brain-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.3rem;box-shadow:0 12px 32px #00000059;display:grid}.brain-menu>button{display:flex;align-items:center;gap:.5rem;text-align:left;background:none;border:none;color:var(--text);padding:.45rem .6rem;border-radius:6px;cursor:pointer;font-size:.9rem}.brain-menu>button:hover{background:var(--bg)}.brain-menu>button[aria-checked=true]{color:var(--accent)}.persona-kind{margin-left:auto;color:var(--dim);font-size:.75rem}.brain-new{border-top:1px solid var(--line)!important;margin-top:.2rem;color:var(--accent)!important}.persona-form{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:280px;display:grid;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem;box-shadow:0 12px 32px #00000059}.persona-form h3{margin:0;font-size:1rem}.persona-form label{display:grid;gap:.2rem;color:var(--dim);font-size:.85rem}.persona-form input,.persona-form select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.35rem .5rem}.mode-toggle{background:none;border:1px solid var(--line);color:var(--dim);border-radius:999px;width:1.9rem;height:1.9rem;cursor:pointer}.recents{display:inline-flex;gap:.25rem}.recents button{background:none;border:1px dotted var(--line);color:var(--dim);border-radius:999px;padding:.05rem .55rem;font-size:.75rem;cursor:pointer}.palette-backdrop{position:fixed;inset:0;z-index:50;background:#00000073;display:grid;place-items:start center;padding-top:12vh}.palette{width:min(560px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.75rem;box-shadow:0 24px 64px #00000080;display:grid;gap:.6rem}.palette input{width:100%;background:var(--bg);color:var(--text);font-size:1.05rem;border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem}.palette-group{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.palette-label{color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;width:100%}.palette-group button{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem;cursor:pointer;font-size:.9rem}.palette-group button:hover{border-color:var(--accent);color:var(--accent)}.palette-group button.palette-selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.palette-journaled{margin:0;color:var(--accent);font-size:.85rem}.palette-hint{margin:0;color:var(--dim);font-size:.8rem}.palette-open{background:var(--panel);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:.2rem .5rem;cursor:pointer;font-size:.8rem}.palette-open:hover{color:var(--accent);border-color:var(--accent)}.timeline-controls{display:flex;align-items:center;gap:.4rem;margin:.6rem 0}.timeline-controls select,.timeline-controls button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.25rem .6rem;cursor:pointer}.timeline-track{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px;touch-action:pan-y}.timeline-axis{position:absolute;left:0;right:0;bottom:40px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.timeline-tick{position:absolute;bottom:8px;transform:translate(-50%);color:var(--dim);font-size:.72rem;white-space:nowrap}.timeline-card{position:absolute;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-left-width:3px;border-radius:7px;padding:.3rem .55rem;cursor:grab;display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;align-items:center;-webkit-user-select:none;user-select:none}.timeline-card:after{content:"";position:absolute;left:12px;top:100%;width:1px;height:14px;background:var(--line)}.timeline-card.dragging{cursor:grabbing;opacity:.85;z-index:5}.timeline-dot{width:.55rem;height:.55rem;border-radius:50%}.timeline-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.timeline-when{grid-column:2;color:var(--dim);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-row{cursor:pointer}.stage-row:hover td{color:var(--accent)}.stage-row.selected td{background:color-mix(in srgb,var(--accent) 10%,transparent)}.stage-row td:first-child{width:1.2rem}.scrubber{display:flex;align-items:center;gap:.35rem;margin-bottom:.6rem;padding:.45rem .55rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.scrubber select,.scrubber>button{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.2rem .5rem;cursor:pointer;font-size:.8rem}.scrubber-track{position:relative;flex:1;height:28px;touch-action:none;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:grab}.scrubber-window{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 18%,transparent);border-inline:1px solid var(--accent);pointer-events:none}.scrubber-today{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.9;pointer-events:none}.scrubber-mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;padding:0;background:var(--dim);border:1px solid var(--panel);cursor:pointer}.scrubber-mark:hover{background:var(--accent)}.scrubber-mark.selected{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.item-overlay{width:min(480px,92vw);max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;display:grid;gap:.7rem}.item-head h3{margin:0 0 .2rem}.item-sub{margin:0;color:var(--dim);font-size:.82rem}.item-options{display:flex;flex-wrap:wrap;gap:.45rem}.item-options button{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem;cursor:pointer}.item-options button:hover{border-color:var(--accent);color:var(--accent)}.item-overlay form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.item-overlay input{flex:1;min-width:180px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.35rem .55rem}.item-claims{display:grid;gap:.5rem;justify-items:start}.claim-past td{color:var(--dim);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--dim) 45%,transparent)}.item-photo{max-width:100%;max-height:240px;border-radius:8px;border:1px solid var(--line);justify-self:start}.create-fab{position:fixed;right:1.2rem;bottom:1.2rem;z-index:7;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1.5rem;line-height:1;box-shadow:0 4px 16px #00000059}.create-fab:hover{filter:brightness(1.1)}.create-new{position:fixed;right:1.2rem;bottom:1.2rem;z-index:7;width:min(440px,calc(100vw - 2.4rem));background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.8rem;display:grid;gap:.55rem;box-shadow:0 8px 28px #0006}.create-new textarea{width:100%;resize:vertical;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;font:inherit}.create-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.create-actions button{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;cursor:pointer;font-size:.82rem}.create-actions button:disabled{opacity:.45;cursor:not-allowed}.create-actions button.listening{border-color:#e5484d;color:#e5484d}.create-actions button.chip-on{border-color:var(--accent);color:var(--accent)}.create-actions .create-save{background:var(--accent);color:#fff;border-color:var(--accent)}.create-spacer{flex:1}.create-photo{position:relative;justify-self:start}.create-photo img{max-width:100%;max-height:160px;border-radius:8px;border:1px solid var(--line);display:block}.create-photo button{position:absolute;top:.3rem;right:.3rem;background:#0009;color:#fff;border:none;border-radius:6px;padding:.15rem .45rem;cursor:pointer;font-size:.75rem}
