:root{color:#efe6d0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10100f;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app-root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100svh}html.interactive-app-mounted,html.interactive-app-mounted body{height:100%;overflow:hidden}html.interactive-app-mounted .seo-document{display:none}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #68c6b5}.book-map-app{color:#efe6d0;background:#10100f;min-height:100svh;position:relative;overflow:hidden}.map-stage{position:fixed;inset:0}.map-stage canvas{cursor:grab;touch-action:none;display:block}.map-stage canvas.surface-dragging{cursor:grabbing}.map-stage canvas.surface-depth{cursor:ns-resize}.map-stage canvas.surface-tilt{cursor:move}.map-stage canvas.surface-spin{cursor:all-scroll}.map-ui{z-index:5;pointer-events:none;grid-auto-rows:max-content;gap:10px;width:min(410px,100vw - 24px);max-height:calc(100svh - 24px);margin:12px;display:grid;position:relative;overflow:auto}.map-ui>*{pointer-events:auto}.app-header,.book-selector,.timeline-panel,.chapter-facts-panel,.details-panel,.segments-panel,.legend-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141311e0;border:1px solid #efe6d024;border-radius:8px;box-shadow:0 16px 38px #00000057}.app-header{gap:10px;padding:15px 16px;display:grid}.brand-row{justify-content:space-between;align-items:start;gap:16px;min-width:0;display:flex}.brand-logo{box-sizing:border-box;background:#fff6df;border-radius:6px;width:min(218px,100%);height:auto;padding:6px 8px;display:block}.book-selector{gap:6px;padding:10px 12px;display:grid}.book-selector-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.book-selector-heading label{color:#efe6d0a8;text-transform:uppercase;font-size:11px;line-height:1}.book-selector-heading a{color:#68c6b5;font-size:12px;line-height:1;text-decoration:none}.book-selector-heading a:hover{text-decoration:underline}.book-selector select{color:#fff7df;width:100%;min-width:0;font:inherit;background:#1f1d19eb;border:1px solid #efe6d029;border-radius:6px;padding:8px 9px;font-size:13px;line-height:1.2}.app-header h1{letter-spacing:0;color:#fff7df;margin:0;font-size:20px;line-height:1.12}.app-header a,.source-list a{color:#68c6b5;text-decoration:none}.app-header a:hover,.source-list a:hover{text-decoration:underline}.app-header a{flex:none;margin-top:2px;font-size:12px;line-height:1.2}.eyebrow{color:#d6ad5a;text-transform:uppercase;margin:0;font-size:11px;line-height:1}.timeline-panel,.chapter-facts-panel,.details-panel,.segments-panel{padding:14px}.chapter-line{gap:3px;display:grid}.chapter-line span,.metric span,.details-grid dt,.source-list,.segment-item small{color:#efe6d0a8;font-size:12px}.chapter-line strong{color:#fff7df;font-size:16px;line-height:1.2}.transport-controls{gap:8px;margin-top:13px;display:flex}.icon-button{color:#efe6d0;cursor:pointer;background:#efe6d014;border:1px solid #efe6d02e;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover,.segment-item:hover{border-color:#68c6b5b3}.icon-button.prominent{color:#17120b;background:#d6ad5a;border-color:#d6ad5a}.timeline-panel input[type=range]{accent-color:#d6ad5a;width:100%;margin:15px 0 12px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{background:#efe6d00d;border:1px solid #efe6d01f;border-radius:7px;align-content:center;gap:2px;min-height:58px;padding:8px;display:grid}.metric strong{color:#fff7df;font-size:15px;line-height:1.1}.depth-toggle{color:#efe6d0;align-items:center;gap:8px;margin-top:11px;font-size:13px;display:flex}.depth-toggle input{accent-color:#ef6b4a}.details-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.details-header p{color:#d6ad5a;text-transform:uppercase;margin:0;font-size:12px}.details-panel h2,.chapter-facts-panel h2,.segments-panel h2{color:#fff7df;letter-spacing:0;margin:0;font-size:18px;line-height:1.2}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:12px 0;display:grid}.details-grid div{min-width:0}.details-grid dt{margin-bottom:2px}.details-grid dd{color:#fff7df;margin:0;font-size:13px;line-height:1.22}.segment-note{color:#efe6d0d1;margin:0;font-size:13px;line-height:1.42}.source-list{margin:10px 0 0;padding-left:18px;line-height:1.35}.segments-panel{grid-template-rows:auto auto;min-height:0;display:grid}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel-title-row span{color:#68c6b5;white-space:nowrap;background:#68c6b529;border-radius:999px;place-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;display:inline-grid}.chapter-anchor{color:#d6ad5a;text-transform:uppercase;margin:-3px 0 9px;font-size:12px;line-height:1.25}.fact-list{color:#efe6d0d1;margin:0;padding-left:18px;font-size:12px;line-height:1.35}.fact-list li+li{margin-top:4px}.delta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px;display:grid}.delta-grid .metric strong{overflow-wrap:anywhere;font-size:12px}.xyz-delta,.estimate-note{color:#efe6d0c7;margin:9px 0 0;font-size:12px;line-height:1.35}.xyz-delta{color:#68c6b5}.segment-list{gap:7px;max-height:min(240px,32svh);padding-right:2px;display:grid;overflow:auto}.segment-item{color:#efe6d0;text-align:left;cursor:pointer;background:#efe6d00d;border:1px solid #efe6d01f;border-radius:7px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:38px;display:grid}.segment-item span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.segment-item.active{background:#ffcf5a1f;border-color:#ffcf5adb}.medium-dot{border-radius:999px;width:10px;height:10px;box-shadow:0 0 14px}.legend-panel{flex-wrap:wrap;gap:6px;padding:10px;display:flex}.legend-pill{color:#efe6d0d6;border:1px solid #efe6d01a;border-radius:999px;align-items:center;gap:6px;padding:5px 7px;font-size:12px;line-height:1;display:inline-flex}.legend-pill i{border-radius:999px;width:8px;height:8px}.scene-label{color:#fff7df;text-align:center;white-space:normal;background:#10100fdb;border:1px solid #ffcf5a6b;border-radius:6px;max-width:150px;padding:4px 7px;font-size:11px;line-height:1.15;display:inline-block}.context-panel,.context-chip{z-index:6;pointer-events:auto;position:fixed;right:14px}.context-panel{color:#efe6d0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12110fd1;border:1px solid #efe6d024;border-radius:8px;width:min(360px,100vw - 28px);max-height:min(56svh,520px);padding:15px;top:14px;overflow:auto;box-shadow:0 18px 42px #00000057}.context-chip{color:#efe6d0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#12110fc7;border:1px solid #efe6d029;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 11px;display:inline-flex;top:14px;box-shadow:0 12px 28px #00000047}.context-close{color:#efe6d0;cursor:pointer;background:#efe6d00f;border:1px solid #efe6d024;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;top:10px;right:10px}.context-kicker{color:#d6ad5a;text-transform:uppercase;margin:0 38px 7px 0;font-size:11px;font-weight:700;line-height:1}.context-panel h2{color:#fff7df;letter-spacing:0;margin:0 38px 9px 0;font-size:21px;line-height:1.1}.context-copy,.context-note{color:#efe6d0d6;margin:0 0 11px;font-size:13px;line-height:1.38}.context-note{color:#68c6b5}.context-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 0;display:grid}.context-fact{background:#efe6d00d;border:1px solid #efe6d01f;border-radius:7px;align-content:center;gap:2px;min-height:55px;padding:8px;display:grid}.context-fact span{color:#efe6d09e;font-size:11px}.context-fact strong{color:#fff7df;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.1}.context-list{color:#efe6d0d1;margin:11px 0 0;padding-left:18px;font-size:12px;line-height:1.35}.appearance-list{gap:7px;margin-top:12px;display:grid}.appearance-button{color:#efe6d0;text-align:left;cursor:pointer;background:#efe6d00d;border:1px solid #efe6d01f;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;display:grid}.appearance-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.appearance-button strong{color:#d6ad5a;white-space:nowrap;font-size:12px}.appearance-button.active{background:#68c6b51f;border-color:#68c6b5bd}.context-source{color:#68c6b5;margin-top:12px;font-size:13px;text-decoration:none;display:inline-flex}.context-source:hover{text-decoration:underline}.seo-document{z-index:10;color:#efe6d0;background:#10100f;min-height:100svh;padding:48px 20px 72px;position:relative}.seo-shell{width:min(1060px,100%);margin:0 auto}.seo-logo{box-sizing:border-box;background:#fff6df;border-radius:8px;width:min(300px,100%);height:auto;margin:0 0 28px;padding:8px 10px;display:block}.seo-document nav{flex-wrap:wrap;gap:10px 14px;margin-bottom:24px;font-size:14px;display:flex}.seo-document a{color:#68c6b5;text-underline-offset:3px;text-decoration-thickness:1px}.seo-document h1{color:#fff7df;letter-spacing:0;max-width:760px;margin:0 0 14px;font-size:40px;line-height:1.05}.seo-document h2{color:#fff7df;letter-spacing:0;margin:34px 0 12px;font-size:25px;line-height:1.16}.seo-document h3{color:#fff7df;letter-spacing:0;margin:24px 0 8px;font-size:18px;line-height:1.2}.seo-document p{max-width:760px;margin:0 0 13px}.seo-document ul,.seo-document ol{max-width:820px;margin:0 0 18px;padding-left:22px}.seo-document li+li{margin-top:6px}.seo-kicker{color:#d6ad5a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.seo-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.seo-stat{background:#efe6d00f;border:1px solid #efe6d01f;border-radius:8px;min-height:78px;padding:13px}.seo-stat span{color:#efe6d09e;font-size:13px;display:block}.seo-stat strong{color:#fff7df;margin-top:4px;font-size:20px;line-height:1.1;display:block}.seo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.seo-card{background:#efe6d00f;border:1px solid #efe6d01f;border-radius:8px;padding:16px}.seo-card h3{margin-top:0}.seo-card p{color:#efe6d0c7;margin-bottom:0}.seo-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.seo-action,.seo-action-secondary{border-radius:8px;align-items:center;min-height:34px;padding:0 11px;font-size:13px;text-decoration:none;display:inline-flex}.seo-action{background:#d6ad5a;border:1px solid #d6ad5a;color:#17120b!important}.seo-action-secondary{border:1px solid #68c6b56b;color:#68c6b5!important}.seo-table-wrap{background:#efe6d00d;border:1px solid #efe6d01f;border-radius:8px;max-width:100%;margin:18px 0 26px;overflow-x:auto}.seo-document table{border-collapse:collapse;width:100%;min-width:720px}.seo-document th,.seo-document td{text-align:left;vertical-align:top;border-bottom:1px solid #efe6d01a;padding:10px 12px}.seo-document th{color:#d6ad5a;text-transform:uppercase;font-size:12px}.seo-document tr:last-child td{border-bottom:0}.seo-muted{color:#efe6d0a8}.seo-source-list{font-size:14px}@media (width<=900px){.context-panel{width:min(350px,100vw - 20px);max-height:42svh;top:10px;right:10px}.context-chip{top:10px;right:10px}.map-ui{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);overscroll-behavior:contain;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:auto;max-height:min(62svh,560px);margin:0;position:fixed;overflow:auto}.app-header{grid-column:1/-1;padding:12px 14px}.app-header h1{font-size:17px}.brand-logo{width:min(216px,100%)}.timeline-panel,.chapter-facts-panel,.details-panel,.segments-panel{min-height:0;padding:12px}.timeline-panel{grid-column:1}.chapter-facts-panel{grid-column:2}.details-panel{grid-column:1}.segments-panel{grid-column:2;max-height:25svh}.legend-panel{display:none}}@media (width<=560px){.context-panel{width:auto;max-height:40svh;padding:13px;left:8px;right:8px}.context-panel h2{font-size:18px}.context-facts{grid-template-columns:1fr 1fr}.context-copy,.context-note{font-size:12px}.map-ui{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);pointer-events:auto;max-height:54svh;padding-bottom:2px;display:block}.map-ui>*+*{margin-top:8px}.app-header{z-index:2;padding:10px 12px;position:sticky;top:0}.app-header a{display:none}.app-header h1{font-size:16px}.brand-logo{width:min(205px,100%)}.book-selector{padding:9px 10px}.eyebrow{font-size:10px}.chapter-line strong{font-size:15px}.transport-controls{gap:7px;margin-top:10px}.icon-button{width:38px;height:38px}.timeline-panel input[type=range]{margin:12px 0 10px}.timeline-panel,.chapter-facts-panel,.details-panel,.segments-panel{padding:11px}.details-grid{grid-template-columns:1fr;gap:7px}.stats-grid,.delta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric{min-height:46px;padding:7px}.metric span,.details-grid dt,.source-list,.segment-item small,.fact-list,.xyz-delta,.estimate-note{font-size:11px}.metric strong{font-size:12px}.details-panel h2,.chapter-facts-panel h2,.segments-panel h2{font-size:16px}.segments-panel{max-height:24svh}.segment-list{max-height:18svh}.scene-label{max-width:112px;padding:3px 5px;font-size:10px}.seo-document{padding:38px 16px 56px}.seo-document h1{font-size:31px}.seo-summary-grid,.seo-card-grid{grid-template-columns:1fr}}@media (width<=430px){.map-ui{max-height:50svh}.stats-grid,.delta-grid{grid-template-columns:1fr 1fr}.segments-panel{max-height:21svh}}