.j-preview{height:calc(100dvh - 57px);min-height:600px;display:flex;flex-direction:column;color:var(--color-text);background:var(--color-bg)}.j-preview button,.j-preview select{font:inherit;cursor:pointer}.j-preview button:disabled{opacity:.35;cursor:default}.j-preview :is(button,a,select,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.j-heading{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.j-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.7px;font-weight:600}.j-heading p{font-size:13px;color:var(--color-text-muted);margin-top:6px}.j-modes{display:flex;padding:3px;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-chip);flex-shrink:0}.j-modes button{padding:7px 13px;border-radius:5px;font-size:12px;color:var(--color-text-muted)}.j-modes button[aria-pressed=true]{background:var(--color-card);color:var(--color-accent);box-shadow:0 1px 4px #0001;font-weight:600}.j-workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;flex:1;min-height:0}.j-map-column{min-height:0;display:flex;flex-direction:column;position:relative}.j-map-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;font-size:11px;color:var(--color-text-muted);flex-shrink:0}.j-map-tools>div{display:flex;gap:15px}.j-map-tools button{color:var(--color-text-muted)}.j-map-tools button:hover,.j-map-footer button:hover{color:var(--color-accent)}.j-map-count{font-family:var(--font-mono);font-size:10px}.j-map-surface{position:relative;flex:1;min-height:0;overflow:hidden}.j-map-surface>div:first-child{height:100%}.j-loading{display:grid;place-items:center;color:var(--color-text-muted);font-size:13px;height:100%}.j-now{margin:0 24px;padding:16px 0 12px;border-top:1px solid var(--color-border);flex-shrink:0}.j-meta{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.j-now h2{font-size:21px;font-weight:600;letter-spacing:-.35px;line-height:1.25;margin-top:6px}.j-now p{color:var(--color-text-muted);font-size:12px;margin-top:6px;line-height:1.5}.j-map-footer{padding:0 24px 15px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;color:var(--color-text-muted)}.j-map-footer button{flex-shrink:0;color:var(--color-accent)}.j-story-column{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-card)}.j-timeline-controls{padding:16px 22px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg)}.j-timeline-controls label{font-size:11px;font-weight:500;display:block;margin-bottom:7px;color:var(--color-text-muted)}.j-timeline-controls select{width:100%;padding:9px 27px 9px 10px;font-size:12px;background:var(--color-card);color:var(--color-text);border:1px solid var(--color-rule);border-radius:5px;text-overflow:ellipsis}.j-timeline-controls>div{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:10px;color:var(--color-text-muted)}.j-timeline-controls>div>span{flex:1}.j-timeline-controls button{width:26px;height:24px;border:1px solid var(--color-rule);border-radius:4px;font-size:15px}.j-timeline{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:18px 20px 0;scroll-padding-top:18px}.j-story{padding:18px 18px 18px 20px;border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:7px;margin-bottom:16px;background:var(--color-bg);transition:background .15s,border-color .15s}.j-story[data-active=true]{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));border-left-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-card))}.j-story-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono)}.j-story[data-active=true] .j-story-meta span{color:var(--color-accent);font-weight:600}.j-story h2{font-size:17px;line-height:1.3;font-weight:600;margin:11px 0 9px;letter-spacing:-.15px}.j-story h2 button{text-align:left}.j-story p{font-size:13px;line-height:1.6;color:var(--color-text-muted)}.j-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.j-tags span{padding:3px 7px;background:var(--color-chip);border:1px solid var(--color-border);font-size:10px;border-radius:4px;color:var(--color-text-muted)}.j-story-links{display:flex;gap:14px;flex-wrap:wrap}.j-story-links:not(:empty){margin-top:17px;padding-top:12px;border-top:1px solid var(--color-border)}.j-story-links a{color:var(--color-accent);font-size:12px;font-weight:500;display:flex;justify-content:space-between;width:100%}.j-story-links a:hover{text-decoration:underline}.j-end-space{height:calc(100% - 200px);min-height:180px}.j-overview{overflow:auto;padding:20px 28px;scrollbar-width:thin}.j-overview-intro{margin-bottom:22px}.j-overview-intro h2{font-size:18px;font-weight:500}.j-overview-intro p{font-size:12px;color:var(--color-text-muted);margin-top:5px}.j-group{margin-bottom:24px}.j-group h3{display:flex;gap:9px;align-items:center;font-weight:500;font-size:12px;margin-bottom:9px}.j-group h3 span{font-size:10px;color:var(--color-text-muted)}.j-group>div{display:flex;flex-wrap:wrap;gap:8px}.j-node{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-card);font-size:12px!important}.j-node:hover,.j-node[data-selected]{border-color:var(--color-accent)}.j-node-dot{width:6px;height:6px;border-radius:50%}.j-node small{font-size:9px;color:var(--color-text-muted);margin-left:4px}.j-node[data-retired] .j-node-dot{background:var(--color-text-muted)!important;opacity:.4}.j-guide,.j-node-detail{position:absolute;z-index:10;top:12px;left:24px;width:min(340px,calc(100% - 48px));padding:22px;background:var(--color-card);border:1px solid var(--color-rule);border-radius:8px;box-shadow:0 8px 32px #0002;max-height:calc(100% - 24px);overflow:auto}.j-node-detail{left:auto;right:24px}.j-guide h2,.j-node-detail h2{font-size:17px;font-weight:600;padding-right:20px;margin:5px 0 12px}.j-guide p,.j-node-detail p{font-size:12px;line-height:1.6;margin:9px 0;color:var(--color-text-muted)}.j-close{position:absolute;right:12px;top:10px;font-size:22px!important;line-height:1}.j-text-link,.j-detail-links{font-size:12px!important;color:var(--color-accent);margin-top:12px}.j-detail-links{display:flex;gap:12px}@media(min-width:1600px){.j-workspace{grid-template-columns:minmax(0,1fr) 450px}.j-story{padding:22px}.j-story h2{font-size:19px}}@media(max-width:900px){.j-workspace{grid-template-columns:minmax(0,1fr) 340px}.j-heading{padding:18px 20px}.j-map-tools{padding:12px 16px;flex-wrap:wrap}.j-map-tools>div{gap:12px}.j-now{margin:0 16px}.j-map-footer{padding:0 16px 12px;flex-wrap:wrap}.j-now h2{font-size:18px}.j-timeline{padding-inline:14px}.j-timeline-controls{padding-inline:16px}}@media(max-width:700px){.j-preview{height:calc(100dvh - 57px);min-height:660px}.j-heading{padding:12px 16px;align-items:flex-start;flex-wrap:wrap;gap:10px}.j-heading h1{font-size:22px}.j-heading p{font-size:11px;line-height:1.4;max-width:330px}.j-modes{padding:2px}.j-modes button{padding:5px 11px;font-size:11px}.j-workspace{display:flex;flex-direction:column}.j-map-column{height:42%;min-height:245px;flex-shrink:0}.j-map-tools{padding:6px 16px;font-size:10px;flex-wrap:nowrap}.j-map-count{display:none}.j-map-tools>div{width:100%;justify-content:flex-end}.j-now{padding:8px 0}.j-now h2{font-size:15px;margin-top:3px}.j-now .j-meta{font-size:9px}.j-now p,.j-map-footer{display:none}.j-story-column{flex:1;min-height:0;border-left:0;border-top:1px solid var(--color-border)}.j-timeline-controls{padding:8px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.j-timeline-controls label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.j-timeline-controls select{font-size:11px;padding:6px}.j-timeline-controls>div{margin:0}.j-timeline-controls>div>span{display:none}.j-timeline{padding-top:14px}.j-story{padding:14px 16px;margin-bottom:12px}.j-story h2{font-size:16px}.j-story p{font-size:12px}.j-story-links:not(:empty){margin-top:12px;padding-top:10px}.j-tags{margin-top:10px}.j-overview{padding:10px 16px}.j-overview-intro{display:none}.j-group{margin-bottom:12px}.j-node{font-size:10px!important;padding:5px 7px}.j-guide,.j-node-detail{top:0;max-height:100%;padding:12px 16px;left:12px;right:12px;width:auto}.j-guide h2,.j-node-detail h2{font-size:15px;margin-bottom:5px}.j-guide p,.j-node-detail p{font-size:11px}}@media(prefers-reduced-motion:reduce){.j-story{transition:none}}.j-context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 28px;border-bottom:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted);flex-shrink:0;background:var(--color-card)}.j-context-bar>div{display:flex;align-items:center;gap:8px}.j-context-dot{width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.j-context-bar a{color:var(--color-accent);white-space:nowrap}.j-context-bar strong{font-weight:500;color:var(--color-text)}.j-story-filter{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--color-border);font-size:11px}.j-story-filter>span{font-weight:600}.j-story-filter label{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);cursor:pointer}.j-story-filter input{accent-color:var(--color-accent)}.j-story-filter label span{font-family:var(--font-mono);font-size:10px}.j-story .j-evidence{font-size:10px;line-height:1.5;color:var(--color-text-subtle);margin-top:12px}.j-history-gap{border-left:2px solid var(--color-accent);padding-left:10px;margin-top:14px;font-size:11px!important}.j-related{margin-top:14px;font-size:11px;color:var(--color-text-muted)}.j-related summary{cursor:pointer}.j-related a{display:block;color:var(--color-accent);margin-top:10px;line-height:1.5}@media(max-width:700px){.j-context-bar{padding:7px 16px;font-size:10px;align-items:flex-start}.j-context-bar>div{max-width:215px;line-height:1.5}.j-context-dot{flex-shrink:0}.j-context-bar a{white-space:normal;text-align:right;max-width:100px}.j-story-filter{padding:8px 16px;font-size:10px}.j-preview{min-height:760px}.j-map-column{height:35%;min-height:230px}}.j-timeline{overflow-anchor:none}.j-cutoff-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.j-story-meta{align-items:flex-start}.j-story-meta>time{max-width:72%;line-height:1.5}.j-story-meta>span{white-space:nowrap}