:root{color-scheme:light;--bg: #f7f7f5;--surface: #ffffff;--fg: #1d1f21;--muted: #6b6f75;--border: #d9dade;--accent: #2f5d8a;--accent-soft: #e3ecf5;--related: #fff4d6;--edge: #8a8f98;--edge-audience: #2f5d8a;--edge-flow: #2e7d4f;--edge-content-reuse: #8a5a2f;--edge-data-insight: #6a4c93;--edge-social-proof: #a3485a;--edge-loop: #5b6470;--col: minmax(150px, 1fr);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}#app{display:flex;flex-direction:column;gap:8px;padding:12px;min-height:100vh}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar h1{font-size:16px;margin:0 12px 0 0}.toolbar>button,.tabs button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:5px 10px}.tabs{display:flex;gap:4px}.tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.search{position:relative}#search{width:280px;padding:6px 10px;border:1px solid var(--border);border-radius:6px}#search-results{position:absolute;z-index:10;top:100%;left:0;width:380px;max-height:60vh;overflow:auto;margin:4px 0 0;padding:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:6px}#search-results:empty{display:none}#search-results li{padding:6px 10px;cursor:pointer;display:flex;gap:6px;align-items:baseline}#search-results li:hover{background:var(--accent-soft)}.chip{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:0 6px;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--border);border-radius:6px;padding:4px 10px;margin:0}.filter legend{color:var(--muted);font-size:12px;padding:0 4px}.filter label{display:inline-flex;gap:4px;align-items:center}.narrow-hint{display:none;margin:0;padding:6px 10px;background:var(--related);border-radius:6px}@media(max-width:1023px){.narrow-hint{display:block}}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}main{min-width:0}#detail{position:sticky;top:8px;max-height:calc(100vh - 24px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}#detail h2{font-size:16px;margin:0 0 6px}#detail h3{font-size:13px;margin:14px 0 6px;color:var(--muted)}#detail ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#detail li p{margin:2px 0}#detail .why,#detail .meta{color:var(--muted)}.not-found{color:#a3485a;font-weight:600}.link-button{border:0;background:none;padding:0;color:var(--accent);text-align:left;text-decoration:underline;text-underline-offset:2px}.grid-wrap{position:relative;overflow:auto;max-height:calc(100vh - 170px);background:var(--surface);border-radius:8px}.grid{position:relative;z-index:1;padding:36px 48px 12px 0;min-width:1150px}.grid-row{display:grid;grid-template-columns:160px repeat(6,var(--col));gap:0 28px;align-items:stretch}.grid-head{position:sticky;top:0;z-index:2;background:var(--surface)}.phase-col{border:0;border-bottom:2px solid var(--border);background:none;text-align:left;padding:6px 4px}.phase-col.is-selected{border-bottom-color:var(--accent);color:var(--accent)}.row-label{border:0;background:none;text-align:left;padding:6px 4px;color:var(--fg)}.grid-row.is-selected .row-label{color:var(--accent);font-weight:600}.grid-row.is-selected{background:var(--accent-soft)}.grid-row.is-hidden,[data-block].is-hidden,.edges path.is-hidden{display:none}.platform-head{display:flex;align-items:center;gap:4px;padding:10px 0 2px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.platform-head button{border:0;background:none;padding:0 4px;color:inherit;font:inherit}.platform-head.is-collapsed .collapse{transform:rotate(-90deg)}.cell{display:flex;flex-direction:column;gap:4px;padding:4px 0;border-top:1px solid var(--bg)}.block{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:4px 6px;text-align:left;line-height:1.3;border-left:4px solid var(--edge)}.block[data-kind=paid]{border-left-color:#2f5d8a}.block[data-kind=owned]{border-left-color:#2e7d4f}.block[data-kind=earned]{border-left-color:#a3485a}.block[data-kind=organic]{border-left-color:#8a5a2f}.block[data-kind=data]{border-left-color:#6a4c93}.block.is-selected{outline:2px solid var(--accent);background:var(--accent-soft)}.block.is-related{background:var(--related)}.block.is-dimmed{opacity:.35}svg.edges{position:absolute;top:0;left:0;z-index:0;pointer-events:none;overflow:visible}.edges path{fill:none;stroke:var(--edge);stroke-width:1.2;opacity:.3}.edges path[data-type=audience]{stroke:var(--edge-audience)}.edges path[data-type=flow]{stroke:var(--edge-flow)}.edges path[data-type=content-reuse]{stroke:var(--edge-content-reuse)}.edges path[data-type=data-insight]{stroke:var(--edge-data-insight)}.edges path[data-type=social-proof]{stroke:var(--edge-social-proof)}.edges path[data-type=loop],.edges path[data-edge=loop]{stroke:var(--edge-loop);stroke-dasharray:5 4}.edges.has-selection path{opacity:.06}.edges path.is-active{opacity:1;stroke-width:2.2}#phases{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}#phases section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}#phases h2{font-size:15px;margin:0 0 6px}#phases h3{font-size:12px;color:var(--muted);margin:12px 0 4px}#phases dt{font-weight:600;margin-top:6px}#phases dd{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px}#links{overflow:auto;background:var(--surface);border-radius:8px}#links table{border-collapse:collapse;width:100%}#links th,#links td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid var(--border)}#links tbody tr{cursor:pointer}#links tbody tr:hover,#links tbody tr.is-selected{background:var(--accent-soft)}#notes-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}#notes-panel h2{font-size:15px;margin:0 0 6px}#notes-panel section{padding:6px 8px;border-radius:6px}#notes-panel section.is-selected{background:var(--accent-soft)}#notes-panel .meta,#notes-panel .sources{color:var(--muted)}#data-error{color:#a3485a;font-weight:600}