:root{--paper: #f4ede0;--paper-warm: #efe6d3;--paper-deep: #e7dcc4;--ink: #1d1a14;--ink-soft: #2c2820;--ink-mute: #5b5447;--ink-faint: #8a8270;--rule: #c9bea4;--rule-soft: #d8cdb3;--accent: #2f4a63;--accent-soft: #4a6884;--ochre: #a36a2c;--shadow: rgba(40, 30, 15, .1);--shadow-strong: rgba(40, 30, 15, .18);--serif: "Spectral", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--paper);color:var(--ink);font-family:var(--serif);font-feature-settings:"kern","liga","calt","onum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{background:radial-gradient(ellipse at 50% 35%,var(--paper) 0%,var(--paper-warm) 55%,var(--paper-deep) 100%)}#frame{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto}.masthead{display:flex;justify-content:space-between;align-items:baseline;padding:18px 28px 14px;border-bottom:1px solid var(--rule);background:linear-gradient(to bottom,#f4ede0eb,#f4ede099);backdrop-filter:blur(2px);z-index:5}.mast-left{display:flex;align-items:baseline;gap:12px}.mast-mark{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--ochre);font-weight:500}.mast-title{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.01em;color:var(--ink)}.mast-meta{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}#viewport{position:relative;overflow:hidden;cursor:grab}#viewport.grabbing{cursor:grabbing}#webgl-layer,#css3d-layer,#overlay-layer{position:absolute;inset:0}#webgl-layer canvas{display:block;width:100%!important;height:100%!important}#css3d-layer{pointer-events:none}#css3d-layer .panel{pointer-events:auto}#overlay-layer{pointer-events:none;z-index:10}.legend{position:absolute;top:22px;left:28px;font-family:var(--sans);font-size:11px;letter-spacing:.04em;color:var(--ink-mute);display:grid;gap:4px;pointer-events:auto;user-select:none}.legend-row{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:4px 8px 4px 0;margin:0;font:inherit;letter-spacing:inherit;color:var(--ink-mute);cursor:pointer;transition:color .2s ease,transform .2s ease;text-align:left}.legend-row:hover{color:var(--ink)}.legend-row .lbl{display:inline-block}.legend-row.active{color:var(--ink);font-weight:500}.legend-row.active .dot{box-shadow:0 0 0 2px var(--paper),0 0 0 3px currentColor}.legend-row[data-filter=foundational].active{--cat: #1d1a14}.legend-row[data-filter=formal].active{--cat: #2f4a63}.legend-row[data-filter=diagnostic].active{--cat: #a36a2c}.legend-row[data-filter=derived].active{--cat: #6b6452}.legend-row[data-filter=claim].active{--cat: #1d1a14}.legend-row[data-filter=phenomenon].active{--cat: #5b5447}.legend-row[data-filter=paper].active{--cat: #2f4a63}.legend-row.active .dot{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--cat, var(--ink))}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid rgba(40,30,15,.18);flex-shrink:0;transition:box-shadow .22s ease}.dot-foundational{background:#1d1a14}.dot-formal{background:#2f4a63}.dot-diagnostic{background:#a36a2c}.dot-derived{background:#d8cdb3}.dot-claim{background:#efe6d3;border-color:#1d1a14}.dot-phenomenon{background:transparent;border:1px solid #5b5447}.dot-paper{background:#efe6d3;border:1px dashed #5b5447}.legend-clear{margin-top:6px;padding:4px 0 4px 17px;background:transparent;border:0;font:inherit;font-family:var(--serif);font-style:italic;font-size:11.5px;letter-spacing:0;color:var(--ink-faint);cursor:pointer;text-align:left;transition:color .2s ease,opacity .24s ease,transform .24s ease}.legend-clear[hidden]{display:none}.legend-clear:hover{color:var(--ink)}.legend-clear:before{content:"— ";color:var(--ink-faint)}.reset-view{position:absolute;bottom:22px;right:24px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;background:#f4ede0c7;border:1px solid var(--rule);border-radius:999px;font-family:var(--sans);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;pointer-events:auto;user-select:none;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .24s ease;backdrop-filter:blur(2px);opacity:0}.reset-view.visible{opacity:1}.reset-view:hover{color:var(--ink);border-color:var(--ink-mute);background:#f4ede0f2}.reset-view svg{display:block;color:var(--ink-faint);transition:color .2s ease}.reset-view:hover svg{color:var(--ink)}.hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);user-select:none;pointer-events:none;transition:opacity .6s ease}.hint.faded{opacity:0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--paper);font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);z-index:20;transition:opacity .7s ease}.loading.hidden{opacity:0;pointer-events:none}.colophon{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--rule);font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);background:#f4ede099;z-index:5}.colophon .sep{color:var(--rule)}.panel{--filter-op: 1;--hover-op: 1;width:220px;padding:14px 16px 13px;background:var(--paper-warm);border:1px solid var(--rule);border-radius:2px;box-shadow:0 1px #ffffff8c inset,0 1px 2px var(--shadow),0 6px 14px var(--shadow);user-select:none;cursor:pointer;opacity:min(var(--filter-op),var(--hover-op));transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,opacity .28s cubic-bezier(.2,.7,.2,1),border-color .24s ease,background .24s ease;font-family:var(--serif);color:var(--ink);position:relative;-webkit-font-smoothing:antialiased;will-change:transform,opacity}.panel:hover{transform:translateZ(8px) scale(1.025);box-shadow:0 1px #ffffffa6 inset,0 2px 4px var(--shadow),0 14px 28px var(--shadow-strong);border-color:var(--ink-mute);z-index:2}.panel.dim{--hover-op: .32}.panel.filtered{--filter-op: .15}.panel.related{border-color:var(--accent-soft)}.panel .eyebrow{font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.panel .eyebrow .num{color:var(--ochre);font-family:var(--serif);font-style:italic;font-size:10px;letter-spacing:0;text-transform:none}.panel .title{font-family:var(--serif);font-size:16px;line-height:1.18;font-weight:500;letter-spacing:-.005em;color:var(--ink);margin:0 0 6px}.panel .blurb{font-family:var(--serif);font-size:12.5px;line-height:1.42;color:var(--ink-mute);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.panel .rule{height:1px;background:var(--rule-soft);margin:8px 0}.panel .meta{font-family:var(--sans);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);display:flex;justify-content:space-between}.panel.cat-foundational{background:#1d1a14;color:#efe6d3;border-color:#1d1a14}.panel.cat-foundational .title{color:#f4ede0}.panel.cat-foundational .blurb{color:#f4ede0c7}.panel.cat-foundational .eyebrow{color:#f4ede08c}.panel.cat-foundational .eyebrow .num{color:#d6a766}.panel.cat-foundational .rule{background:#f4ede02e}.panel.cat-foundational .meta{color:#f4ede08c}.panel.cat-formal{background:var(--paper);border-color:var(--accent);border-width:1px}.panel.cat-formal .eyebrow .num{color:var(--accent)}.panel.cat-diagnostic{background:var(--paper-warm);border-color:var(--ochre)}.panel.cat-diagnostic .eyebrow .num{color:var(--ochre)}.panel.cat-derived{background:var(--paper);border-color:var(--rule);border-style:dashed}.panel.cat-claim{width:250px;background:var(--paper);border-color:var(--ink-mute);border-left-width:3px}.panel.cat-claim .title{font-style:italic;font-weight:400;font-size:15px;line-height:1.28}.panel.cat-claim .blurb{-webkit-line-clamp:2}.panel.cat-phenomenon{width:200px;background:var(--paper);border-color:var(--rule);border-style:solid}.panel.cat-phenomenon .title{font-size:14px;font-style:italic;font-weight:400}.panel.cat-paper{width:230px;background:var(--paper);border:1px solid var(--rule);border-top-width:3px}.panel.cat-paper.status-published{border-top-color:var(--ink)}.panel.cat-paper.status-review{border-top-color:var(--accent)}.panel.cat-paper.status-progress{border-top-color:var(--ochre)}.panel.cat-paper.status-planned{border-top-color:var(--rule);border-top-style:dashed}.panel.cat-domain{width:180px;background:var(--paper);border:1px solid var(--ink-mute);text-align:left}.panel.cat-domain .title{font-size:14px}.panel.cat-domain .sub-list{margin:6px 0 0;padding:0;list-style:none;font-family:var(--sans);font-size:10.5px;color:var(--ink-mute);line-height:1.5}.panel.cat-domain .sub-list li:before{content:"— ";color:var(--ink-faint)}.panel.cat-feature{width:280px;padding:22px 22px 20px;background:#1d1a14;color:#f4ede0;border:1px solid #1d1a14;box-shadow:0 2px #ffffff0d inset,0 4px 10px #00000040,0 24px 48px #281e0f4d}.panel.cat-feature .ornament{font-family:var(--serif);font-style:italic;font-size:22px;color:#d6a766;text-align:center;margin-bottom:8px;letter-spacing:.04em}.panel.cat-feature .eyebrow{color:#f4ede080;text-align:center;justify-content:center}.panel.cat-feature .title{font-family:var(--serif);font-size:22px;line-height:1.12;font-weight:500;text-align:center;margin:4px 0 10px;letter-spacing:-.01em;color:#f4ede0}.panel.cat-feature .blurb{font-family:var(--serif);font-size:12.5px;line-height:1.5;color:#f4ede0c7;text-align:center;-webkit-line-clamp:unset}.panel.cat-feature:hover{transform:translateZ(8px) scale(1.015)}.region-label{font-family:var(--sans);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);user-select:none;pointer-events:none;white-space:nowrap;text-align:center;opacity:.7}.region-label .roman{font-family:var(--serif);font-style:italic;font-size:11px;letter-spacing:.05em;text-transform:none;color:var(--ochre);margin-right:6px}#detail-root{position:fixed;inset:0;pointer-events:none;z-index:100}#detail-root.open{pointer-events:auto}.detail-scrim{position:absolute;inset:0;background:#f4ede08c;backdrop-filter:blur(3px);opacity:0;transition:opacity .26s ease}#detail-root.open .detail-scrim{opacity:1}.detail-panel{position:absolute;top:50%;right:4vw;transform:translateY(-50%) translate(20px);width:min(460px,92vw);max-height:82vh;overflow-y:auto;background:var(--paper);border:1px solid var(--rule);box-shadow:0 30px 80px #281e0f2e;padding:36px 40px 32px;opacity:0;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.7,.2,1);font-family:var(--serif);color:var(--ink)}#detail-root.open .detail-panel{opacity:1;transform:translateY(-50%) translate(0)}.detail-panel .close{position:absolute;top:14px;right:18px;background:none;border:0;font-family:var(--serif);font-size:22px;color:var(--ink-faint);cursor:pointer;line-height:1;padding:4px 8px;transition:color .16s ease}.detail-panel .close:hover{color:var(--ink)}.detail-panel .d-eyebrow{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;display:flex;gap:14px;align-items:baseline}.detail-panel .d-eyebrow .num{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ochre);letter-spacing:0;text-transform:none}.detail-panel .d-title{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.012em;margin:0 0 6px}.detail-panel .d-subtitle{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-mute);margin:0 0 18px}.detail-panel .d-rule{height:1px;background:var(--rule);margin:18px 0}.detail-panel .d-section-label{font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.detail-panel .d-body{font-family:var(--serif);font-size:15.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 16px}.detail-panel .d-body p{margin:0 0 12px}.detail-panel .d-related{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 14px}.detail-panel .d-tag{font-family:var(--sans);font-size:11px;letter-spacing:.04em;color:var(--accent);background:var(--paper-warm);border:1px solid var(--rule);padding:4px 10px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease}.detail-panel .d-tag:hover{background:var(--accent);color:var(--paper)}.detail-panel .d-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);padding-bottom:2px;cursor:pointer;background:none;border-top:0;border-left:0;border-right:0}.detail-panel .d-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.detail-panel .d-meta{font-family:var(--sans);font-size:11px;letter-spacing:.06em;color:var(--ink-faint);margin-top:18px;display:grid;gap:4px}.detail-panel .d-meta .key{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);margin-right:8px}.detail-panel .d-meta .val{color:var(--ink-mute)}@media (max-width: 720px){.detail-panel{right:50%;transform:translate(50%,-50%) translateY(20px);width:92vw;padding:28px 24px}#detail-root.open .detail-panel{transform:translate(50%,-50%)}.legend{display:none}}