*,:before,:after{box-sizing:border-box}:root{--ink:#1c2333;--ink-muted:#6a7285;--paper:#f7f7f5;--card:#fff;--line:#dcdfe6;--accent:#2f5fd0;--accent-soft:#e8eefb;--warn-bg:#fdf3d7;--warn-line:#e5c65e;--error-bg:#fbe6e6;--error-line:#d98a8a}html,body,#root{height:100%}body{color:var(--ink);background:var(--paper);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;overflow:hidden}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:13px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;width:100%;padding:6px 8px}input:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.account-strip,.notice{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.account-strip{background:var(--accent-soft);border-bottom:1px solid var(--line)}.account-strip--compact{color:var(--ink-muted);justify-content:flex-start}.account-strip-actions{flex-shrink:0;gap:6px;display:flex}.app-dialog{border:1px solid var(--line);background:var(--card);width:min(360px,100vw - 32px);color:inherit;border-radius:8px;padding:20px 24px}.app-dialog::backdrop{background:#0000004d}.dialog-form{flex-direction:column;gap:10px;display:flex}.dialog-form h2{margin:0 0 4px}.dialog-form label{flex-direction:column;gap:4px;font-size:13px;display:flex}.dialog-form p{margin:0}.dialog-error{color:var(--error-line);font-size:13px}.button--danger{border-color:var(--error-line);color:var(--error-line)}.button--danger:hover:not(:disabled){border-color:var(--error-line);color:var(--error-line);background:var(--error-bg)}.profile-facts{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:13px;display:grid}.profile-facts dt{color:var(--ink-muted)}.profile-facts dd{overflow-wrap:anywhere;margin:0}.profile-password{align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.dialog-section-title{margin:8px 0 0;font-size:13px;font-weight:600}.dialog-legal{color:var(--ink-muted);margin:0;padding:0;font-size:13px;list-style:none}.dialog-actions{gap:6px;margin-top:4px;display:flex}.link-button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.notice--warning{background:var(--warn-bg);border-bottom:1px solid var(--warn-line)}.notice--error{background:var(--error-bg);border-bottom:1px solid var(--error-line)}.error-fallback{background:var(--error-bg);border-color:var(--error-line);color:var(--ink)}.error-fallback p{margin:0 0 8px}.error-fallback--page{text-align:center;justify-content:center;align-items:center;padding:40px 16px}.error-fallback--page>div{max-width:480px}.error-fallback--page h1{margin:0 0 12px;font-size:20px}.app-shell{flex-direction:column;height:100%;display:flex}.app-layout{flex:1;gap:12px;min-height:0;padding:16px;display:flex}.sidebar{flex:0 0 420px;min-width:320px;min-height:0;overflow-y:auto}.sidebar--collapsed{display:none}.sidebar-rail{flex:none;align-items:flex-start;padding-top:4px;display:flex}.icon-button{color:var(--ink-muted);background:0 0;border:none;border-radius:6px;padding:4px;line-height:0}.icon-button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.diagram-pane-placeholder{border:1px dashed var(--line);text-align:center;min-width:0;color:var(--ink-muted);border-radius:10px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.project-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.project-card{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:flex}.project-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.project-card-chevron{color:var(--ink-muted);flex-shrink:0;font-size:18px;line-height:1}.project-open:hover~.project-card-chevron{color:var(--accent)}.picker-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.picker-header h2{margin:0}.project-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:0;display:flex}.project-open:hover:not(:disabled){color:inherit}.project-open-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.project-open:hover .project-open-name{color:var(--accent)}.project-open-edited{color:var(--ink-muted);font-size:12px}.add-project,.add-topic{gap:6px;margin:0 0 12px;display:flex}.add-project button,.add-topic button{flex-shrink:0}.empty-hint{color:var(--ink-muted);font-size:13px}.onboarding-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px}.onboarding-card h3{margin:0 0 6px;font-size:14px}.onboarding-card ol{flex-direction:column;gap:4px;margin:0 0 10px;padding-left:20px;display:flex}.onboarding-card .empty-hint{margin:6px 0 0}.project-header,.topic-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-header h2,.topic-header h3{margin:0}.project-header{margin-bottom:8px}.back-link{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.back-link:hover{color:var(--accent);text-decoration:underline}.project-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.topic-header{cursor:pointer;-webkit-user-select:none;user-select:none}.topic-header h3{flex:1;min-width:0}.topic-toggle{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:baseline;gap:6px;padding:0;display:flex}.topic-caret{color:var(--ink-muted);font-size:11px}.topic-body{margin-top:8px}.topic-section{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:12px}.topic-handle{color:var(--ink-muted);font-size:12px;font-weight:400}.topic-grip{color:var(--ink-muted);cursor:grab;opacity:0;touch-action:none;background:0 0;border:none;margin-right:4px;padding:0 4px;font-size:14px;line-height:1;transition:opacity .12s}.topic-section:hover .topic-grip,.topic-section:focus-within .topic-grip,.topic-grip:focus{opacity:1}.topic-grip:active{cursor:grabbing}.topic-section.is-dragging{opacity:.5}.topic-section.drop-above{box-shadow:0 -3px 0 0 var(--accent)}.topic-section.drop-below{box-shadow:0 3px 0 0 var(--accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-row-actions{flex-shrink:0;gap:2px;margin:-2px -4px 0 0;display:flex}.action-menu{flex-shrink:0;position:relative}.action-menu-trigger{text-align:center;min-width:24px;font-size:16px;line-height:16px}.action-menu-trigger[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}.action-menu-list{z-index:10;background:var(--card);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:120px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #00000014}.action-menu-list button{text-align:left;border:none;border-radius:4px;width:100%;padding:4px 8px}.action-menu-list button:hover:not([aria-disabled=true]){background:var(--accent-soft)}.action-menu-list button[aria-disabled=true]{color:var(--ink-muted);cursor:default}.move-story-excerpt{color:var(--ink-muted);margin:0}.move-story-dialog label{flex-direction:column;gap:4px;font-size:13px;display:flex}.story-list ul{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.story-row{background:var(--paper);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.story-text{white-space:pre-wrap;overflow-wrap:anywhere}.story-list-divider{color:var(--ink-muted);letter-spacing:.06em;align-items:center;gap:8px;margin:8px 0 6px;font-size:10px;display:flex}.story-list-divider:after{content:"";border-top:1px solid var(--line);flex:1}.internal-toggle{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin:0 0 8px;padding:2px 0;font-size:12px}.internal-toggle:hover{text-decoration:underline}.story-editor{flex-direction:column;gap:6px;width:100%;display:flex}.story-editor textarea{resize:vertical;min-height:calc(2lh + 14px)}.story-editor-actions{gap:6px;display:flex}.tag-autocomplete{border:1px solid var(--line);background:var(--card);border-radius:6px;flex-direction:column;margin:0;padding:4px;list-style:none;display:flex;box-shadow:0 4px 12px #00000014}.tag-autocomplete button{text-align:left;border:none;border-radius:4px;width:100%;padding:4px 8px}.tag-autocomplete button.active{background:var(--accent-soft);color:var(--accent)}.tag-autocomplete-name{color:var(--ink-muted);font-size:12px}.tag-preview{flex-wrap:wrap;gap:4px;display:flex}.tag-chip{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.tag-chip--resolved{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.tag-chip--unresolved{color:var(--ink-muted);border-style:dashed}.diagram-pane{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px;display:flex}.diagram-tabs{gap:6px;margin-bottom:10px;display:flex}.diagram-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.diagram-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.board{cursor:grab;flex:1;align-items:flex-start;gap:12px;min-height:0;padding-bottom:8px;display:flex;overflow:auto hidden}.board--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.board--dragging .board-card{cursor:grabbing}.board-column{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:0 0 260px;width:260px;max-height:100%;display:flex}.board-column-title{overflow-wrap:anywhere;justify-content:space-between;gap:8px;margin:0;padding:10px 12px 6px;font-size:14px;font-weight:600;display:flex}.board-column-count{color:var(--ink-muted);flex-shrink:0;font-weight:400}.board-column-cards{flex-direction:column;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.board-column-empty{color:var(--ink-muted);margin:0;padding:4px 2px;font-size:12px}.board-card{text-align:left;color:var(--ink);border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.board-card:hover:not(:disabled),.board-card:focus-visible{border-color:var(--accent);color:var(--ink)}.board-card--open{border-color:var(--accent);background:var(--accent-soft)}.board-card-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.board-card-tags{flex-wrap:wrap;gap:4px;display:flex}.diagram-svg{cursor:grab;width:100%;height:100%;display:block}.diagram-svg--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.diagram-controls{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.topic-block>rect{fill:var(--paper);stroke:var(--ink-muted);stroke-width:1.2px;cursor:pointer}.topic-block:hover>rect{stroke:var(--accent)}.topic-block--expanded>rect{fill:var(--accent-soft);stroke:var(--accent)}.topic-title{fill:var(--ink);pointer-events:none;font-size:14px;font-weight:600}.topic-subtitle{fill:var(--ink-muted);pointer-events:none;font-size:11px}.story-node{cursor:pointer}.story-node rect{fill:var(--card);stroke:var(--line)}.story-node:hover rect,.story-node:focus-visible rect{stroke:var(--accent)}.story-node--open rect{fill:var(--accent-soft);stroke:var(--accent)}.story-node text{fill:var(--ink);pointer-events:none;font-size:11px}.diagram-arrow polyline{fill:none;stroke:var(--ink-muted);stroke-width:1.4px;stroke-linejoin:round}#arrowhead polygon{fill:var(--ink-muted)}.arrow-count-bg{fill:var(--card);stroke:var(--ink-muted)}.arrow-count{fill:var(--ink);text-anchor:middle;font-size:10px}