@font-face{font-family:Geist;src:url('assets/geist-latin.woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Geist;src:url('assets/geist-cyrillic.woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{font-family:Geist,Arial,sans-serif;font-synthesis:none;color:#24242a;background:#fafaf9;--ink:#24242a;--muted:#75757e;--line:#e6e6e9;--blue:#6651db;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}body{margin:0;overflow:hidden;min-width:960px}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;padding:0;transition:color .2s,background .2s,opacity .25s,scale .35s var(--ease)}button:hover{color:var(--blue)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #7961e6;outline-offset:5px}a{color:var(--blue);text-underline-offset:3px}img{object-fit:contain}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
main{height:100dvh}.hero{position:relative;isolation:isolate;width:100vw;height:100dvh;min-height:620px;overflow:hidden;background:#fafaf9}#art{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.scene-header{position:absolute;top:32px;left:4%;right:4%;display:flex;align-items:center;gap:23px;z-index:30}.brand{display:flex;align-items:center}.brand img{width:140px;height:auto}.project-name{font-size:14px;color:#77777e;padding-top:2px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:28px}.header-tools button{font-size:12px;line-height:30px;color:#65656d}.header-tools button:hover,.header-tools button[aria-expanded=true]{color:#24242a}.header-tools kbd{font-family:inherit;font-size:11px;color:#a1a1a6;margin-left:8px}.header-tools #tour{display:none}.navigation{position:absolute;top:102px;left:4%;right:4%;z-index:25;display:flex;align-items:center;gap:34px;font-size:12px}.history-buttons{display:flex;gap:20px}.history-buttons button{font-size:12px;line-height:30px;color:#74747c}.history-buttons button:hover{color:#24242a}.history-buttons button:disabled{display:none}#breadcrumbs{display:flex;gap:22px;align-items:center;font-size:12px}#breadcrumbs button{color:#85858c}#breadcrumbs [aria-current]{color:#24242a;font-weight:500}#breadcrumbs .path-space,#journey-label{display:none}
.hero-copy{position:absolute;left:0;right:0;bottom:11%;text-align:center;z-index:3;pointer-events:none;transition:opacity .25s,translate .4s var(--ease)}.hero-copy h1{font-size:18px;letter-spacing:-.035em;font-weight:450;line-height:1.4}.hero-copy p{font-size:12px;color:#77777f;margin-top:9px}.hero-copy button{margin-top:17px;font-size:11px;color:#8a8a92;pointer-events:auto}.hero-copy button:hover{color:#24242a}.hero-copy.has-focus{opacity:0;translate:0 12px;pointer-events:none}.hero-copy.has-focus button{pointer-events:none}#network-readout{position:absolute;bottom:13%;left:0;right:0;text-align:center;pointer-events:none;z-index:4;animation:readout-in .3s var(--ease)}#network-readout img{width:23px;height:23px;vertical-align:middle;margin-right:9px}#network-readout>span{font-size:22px;letter-spacing:-.045em;font-weight:450;vertical-align:middle}#network-readout small{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.inspector{position:absolute;left:5%;top:29%;width:24%;bottom:21%;z-index:4;overflow:auto;scrollbar-width:thin}.chain-title{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.chain-title img{width:48px;height:48px}.chain-title h2{font-size:42px;font-weight:450;letter-spacing:-.055em;line-height:1.15}.chain-summary{font-size:12px;color:#818189;margin-top:12px}.network-facts{font-size:13px;line-height:1.8;margin-top:35px;color:#717179}.network-facts span:not(.fact-gap){color:#24242a;font-weight:500}.fact-gap{display:block}.inspector-help{font-size:14px;line-height:1.7;color:#7b7b83;margin-top:34px}.text-action{font-size:12px;font-weight:500;line-height:1.5}.inspector .text-action{margin-top:25px}.inspector #context-level{display:none}.protocol-open .inspector{top:24%}.protocol-open .chain-title{flex-direction:row;align-items:center;gap:9px}.protocol-open .chain-title img{width:23px;height:23px}.protocol-open .chain-title h2{font-size:17px;font-weight:450;letter-spacing:-.025em}.protocol-open .chain-summary{font-size:11px;margin-top:7px}.detail-heading{display:flex;align-items:center;gap:12px;margin-top:36px}.detail-heading img,.icon-fallback{width:35px;height:35px;border-radius:50%}.detail-heading h3{font-size:29px;font-weight:450;letter-spacing:-.045em}.detail-category{font-size:11px;color:var(--muted);margin-top:12px}.ticker-tag{margin-left:10px;color:#92929a}.protocol-tvl{margin-top:30px}.protocol-tvl>span{font-size:11px;color:#82828a}.protocol-tvl strong{display:block;font-size:42px;font-weight:450;letter-spacing:-.055em;margin-top:8px}.delta-strip{display:flex;gap:35px;margin-top:22px}.delta-strip span{font-size:10px;color:#898990;display:block}.delta-strip b{font-size:17px;font-weight:450;margin-top:6px;display:block}.positive{color:#27876f}.negative{color:#a65e6a}.network-contribution{margin-top:26px;display:flex;align-items:baseline;gap:15px;font-size:11px}.network-contribution span{color:var(--muted)}.network-contribution b{font-weight:500}.detail-note{font-size:10px;color:#898991;line-height:1.6;margin-top:16px}.context-action{font-size:12px;font-weight:500;margin-top:27px;padding:9px 0;color:#48434f}.context-action:hover{color:var(--blue)}
.graph{position:absolute;left:34%;top:23%;width:62%;height:55%;transform-origin:50% 48%;transition:transform .6s var(--ease);pointer-events:none;z-index:5}.node{position:absolute;transform:translate(-50%,-50%);width:160px;min-height:114px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;pointer-events:auto;z-index:3;color:#35353c}.node>img{width:49px;height:49px;border-radius:50%;transition:scale .4s var(--ease),translate .4s var(--ease);filter:drop-shadow(0 4px 7px #2222220b)}.node-copy{display:block;max-width:160px}.node-name{display:block;font-size:14px;font-weight:450;line-height:1.4;letter-spacing:-.02em;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meta{display:block;font-size:10px;color:#898991;margin-top:5px}.node-value{display:block;font-size:12px;color:#65606f;margin-top:8px;opacity:0;translate:0 5px;transition:opacity .25s,translate .4s var(--ease)}.node.network-node .node-value{opacity:1;translate:0 0}.node:hover{color:#24242a;z-index:5}.node:hover>img,.node:focus-visible>img{scale:1.16;translate:0 -5px}.node:hover .node-value,.node:focus-visible .node-value{opacity:1;translate:0 0}.node.is-muted{opacity:.4}.node[aria-pressed=true] .node-name{color:#6651db}.node[aria-pressed=true]>img{filter:drop-shadow(0 4px 13px #6651db26)}.chain-hub{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:160px;display:flex;align-items:center;flex-direction:column;pointer-events:none}.chain-hub img{width:72px;height:72px;border-radius:50%;margin-bottom:16px}.chain-hub>span{font-size:20px;letter-spacing:-.04em;font-weight:450}.chain-hub small{font-size:10px;color:#909098;margin-top:9px}.graph-empty{position:absolute;inset:30% 20%;text-align:center;font-size:14px;line-height:1.8;color:#85858d;pointer-events:auto}.graph-empty button{display:block;margin:20px auto;font-size:12px;color:#6651db}.graph-caption{position:absolute;bottom:18.3%;left:36%;right:4%;display:flex;justify-content:center;align-items:center;gap:20px;font-size:10px;color:#93939a;z-index:8}.graph-caption button{font-size:11px;color:#73737d;padding:8px}.graph-caption small{display:none}.graph-mode{position:absolute;left:36%;right:4%;top:17.8%;display:flex;justify-content:center;gap:30px;z-index:16;height:32px}.graph-mode button{font-size:12px;color:#929299;padding:7px 0;position:relative}.graph-mode button[aria-pressed=true]{color:#24242a}.graph-mode button:after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#5d566e;scale:0 1;transform-origin:left;transition:scale .3s var(--ease)}.graph-mode button[aria-pressed=true]:after{scale:1 1}#view-indicator{display:none}.filter-row{position:absolute;left:35%;right:4%;bottom:14%;display:flex;justify-content:center;gap:23px;z-index:12}.filter-row button{font-size:11px;color:#96969c;padding:8px 0}.filter-row button[aria-pressed=true]{color:#34343c}.camera-controls{position:absolute;top:104px;right:4%;display:flex;align-items:center;gap:11px;z-index:11}.camera-controls button{font-size:16px;height:28px;padding:0 4px;color:#99999f}.camera-controls output{font-size:10px}.camera-controls>span{display:none}
.network-dock{position:absolute;bottom:37px;left:8%;right:8%;z-index:24}.dock-heading{display:flex;justify-content:space-between;align-items:center;color:#96969e;font-size:10px;margin-bottom:13px}.dock-heading>span:last-child{font-size:10px}.dock-row{display:flex;align-items:center;gap:13px}#dock{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:6px;width:100%}.dock-network{height:35px;display:flex;align-items:center;justify-content:center;position:relative;opacity:.54}.dock-network:hover,.dock-network[aria-pressed=true]{opacity:1}.dock-network img{width:22px;height:22px;transition:scale .3s var(--ease),translate .3s var(--ease)}.dock-network:hover img{scale:1.25;translate:0 -4px}.dock-network[aria-pressed=true] img{scale:1.13}.dock-network span{display:none}.dock-arrow{width:20px;height:28px;font-size:14px;flex:0 0 20px;color:#a4a4ab}.hero-footer{position:absolute;bottom:14px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#98989e;z-index:23}.hero:not(.exploring) .hero-footer>span:first-child{visibility:hidden}.hero:not(.exploring) .hero-footer>span:last-child{margin-left:auto}
.research-pane{position:absolute;left:35%;right:4%;top:24%;bottom:20%;padding:22px 27px 44px;background:#fcfdff;border:1px solid #dbe3f0;border-radius:11px;z-index:10;box-shadow:0 12px 60px #4862920b;overflow:hidden}.history-heading,.pools-heading{display:flex;align-items:center;justify-content:space-between}.history-heading h3,.pools-heading h3{font-size:15px;font-weight:500}.history-heading>span{font-size:9px;color:var(--muted)}.chart-readout{display:flex;align-items:baseline;gap:14px;margin-top:18px}.chart-readout>span{font-size:10px;color:var(--muted)}.chart-readout strong{font-size:26px;font-weight:500;letter-spacing:-.035em}.chart-readout>span:last-child{margin-left:auto;font-size:9px}.history-svg{display:block;width:100%;height:clamp(145px,24vh,265px);overflow:visible;margin-top:8px}.chart-gridline{fill:none;stroke:#e7ecf4;stroke-width:1}.chart-axis{font-size:9px;fill:#8f9cb2}.history-line{fill:none;stroke:#7089dc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:draw-path 1.1s var(--ease) both}#history-crosshair{stroke:#bbc9e8;stroke-dasharray:3 4}#history-dot{fill:#738de4;stroke:white;stroke-width:2}.history-slider-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px}input[type=range]{width:100%;height:15px;accent-color:#748bd9;cursor:pointer}.history-footnote,.pool-method{font-size:9px;color:#8b97ad;line-height:1.6;margin-top:8px}.pane-footer{position:absolute;bottom:0;left:0;right:0;height:38px;padding:0 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f8faff}.pane-footer span,.pane-footer button{font-size:9px;color:#8190ae}.pane-footer button{color:#6680bf}.pools-heading p{font-size:10px;color:var(--muted);margin-top:6px}.pool-filter{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.pool-filter input{accent-color:#7087d2;width:12px;height:12px}.pool-list-head,.pool-row{display:grid;grid-template-columns:minmax(0,1.8fr) .9fr .8fr;gap:15px;align-items:center}.pool-list-head{font-size:9px;color:#8b97ae;margin-top:18px;padding:0 12px 7px}.pool-list-head>span:not(:first-child){text-align:right}.pool-row{width:100%;text-align:left;min-height:48px;padding:8px 12px;border-top:1px solid #e8edf5;position:relative;border-radius:4px;font-size:12px}.pool-row:hover{background:#f0f4fc}.pool-row[aria-pressed=true]{background:#eaf0fc}.pool-row[aria-pressed=true]:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:2px;background:#7088d6}.pool-row b{font-weight:500;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-row small{font-size:8px;color:var(--muted);display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-row>span:not(:first-child){text-align:right;font-size:11px}.pool-row .apy{color:#3a887c;font-weight:500}.pool-row i{font-style:normal;font-size:9px;margin-left:7px;color:#889aba}.pool-inspector{margin-top:12px;padding:11px 13px;border:1px solid #dfe6f2;border-radius:5px;background:#f7f9fd}.pool-inspector-title{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px}.pool-inspector-title strong{font-weight:500;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pool-inspector-title a{font-size:8px;text-decoration:none;color:#7d8eae}.pool-rate-parts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;gap:15px}.pool-rate-parts span{display:block;font-size:8px;color:var(--muted)}.pool-rate-parts b{display:block;font-size:12px;font-weight:500;margin-top:4px}.pool-pagination{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:9px}.pool-pagination button{width:27px;height:24px;border:1px solid #dce4f1;border-radius:4px;margin-left:5px}.history-empty,.pools-empty{padding:40px 10px;font-size:13px;line-height:1.8;color:var(--muted)}.pools-empty span{display:block;font-size:10px;margin-top:12px}.inline-sources{position:absolute;inset:0;padding:25px;background:#fafcff;z-index:8;overflow:auto;font-size:11px;line-height:1.9;scrollbar-width:thin}.inline-sources p{margin:18px 0}.inline-sources>button{margin-left:auto;display:block;color:var(--blue);font-size:11px}.history-table{border-collapse:collapse;width:100%;font-size:10px}.history-table th,.history-table td{padding:6px;border-bottom:1px solid var(--line);text-align:left}.history-table td:last-child,.history-table th:last-child{text-align:right}
.popover{position:absolute;top:80px;right:4%;z-index:50;border:1px solid #dce4f1;background:#fcfdfffa;box-shadow:0 18px 70px #25345621;border-radius:10px;padding:18px;backdrop-filter:blur(12px)}.popover-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:var(--muted);margin-bottom:15px}.popover-heading button{font-size:20px;line-height:1}.search-popover{width:360px}.search-popover input{border:1px solid #dbe3f2;border-radius:5px;background:#f2f5fb;font-size:12px;padding:11px;width:100%;color:var(--ink)}#search-results{max-height:50vh;overflow:auto;scrollbar-width:thin;margin-top:12px}#search-results button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 6px;border-radius:5px}#search-results button:hover{background:#edf2fc}#search-results img{width:26px;height:26px}#search-results b{display:block;font-size:12px;font-weight:500}#search-results small{display:block;font-size:9px;color:var(--muted);margin-top:3px}#search-results i{font-style:normal;margin-left:auto;color:#96a7ca;font-size:12px}.no-results{font-size:12px;padding:18px 5px;color:var(--muted)}.settings-popover{width:310px}#glyph-count{font-size:17px;font-weight:500;margin-bottom:18px}.segmented{display:flex;gap:4px;background:#edf1f8;padding:3px;border-radius:5px}.segmented button{font-size:10px;flex:1;padding:8px 4px;border-radius:3px}.segmented [aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 2px 8px #273c6b0a}.density-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:20px;margin-bottom:8px}.settings-actions{display:flex;justify-content:space-between;font-size:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.hover-card{position:absolute;z-index:45;pointer-events:none;display:flex;align-items:center;gap:10px;background:#fffefb;border:1px solid #e0e6f1;box-shadow:0 8px 32px #42568015;border-radius:7px;padding:12px 15px;font-size:11px;min-height:44px;animation:tip-in .15s var(--ease)}.hover-card img{width:25px;height:25px}.hover-card b{display:block;font-size:11px;font-weight:500}.hover-card small{display:block;font-size:8px;color:var(--muted);margin-top:4px}#transition-layer{position:absolute;inset:0;z-index:18;pointer-events:none;overflow:hidden}.scene-ghost{position:absolute!important;pointer-events:none!important;transform-origin:50% 48%!important}.scene-ghost *{pointer-events:none!important;animation:none!important}.flying-marker{position:absolute;width:42px;height:42px;padding:5px;background:white;border:1px solid #d7e1f3;border-radius:50%;box-shadow:0 10px 35px #526cba20}.loading{position:absolute;inset:40% 35%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7d8eaf;z-index:9;pointer-events:none}.paused .chain-hub:before{animation-play-state:paused}

.research-pane{left:35%;right:4%;top:25%;bottom:19%;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 70px #24242a07;padding:23px 28px 44px}.history-heading h3,.pools-heading h3{font-weight:450;font-size:17px;letter-spacing:-.025em}.history-heading>span,.pools-heading p{font-size:11px}.chart-readout strong{font-size:29px;font-weight:450}.chart-readout>span{font-size:11px}.history-line{stroke:#8173b5}.history-svg{height:clamp(140px,23vh,250px)}.pool-row{border:0;min-height:47px;padding:9px 11px;border-radius:6px}.pool-row b{font-size:12px;font-weight:450}.pool-row small{font-size:9px;color:#85858d}.pool-row>span:not(:first-child){font-size:12px}.pool-row[aria-pressed=true]{background:#f3f1f8}.pool-row:hover{background:#f6f5f9}.pool-row[aria-pressed=true]:before{display:none}.pool-list-head{margin-top:20px;font-size:10px}.pool-inspector{border:0;background:#f7f7f8;padding:13px 14px}.pool-rate-parts span{font-size:9px}.pool-rate-parts b{font-weight:450;font-size:13px}.pane-footer{background:#fff;border-top:0;padding:0 28px}.pane-footer button,.pane-footer span{font-size:10px;color:#7f7b88}.pool-pagination button{border:0}.pool-method{font-size:9px}.popover{background:#fff;border:0;box-shadow:0 12px 70px #24242a13;border-radius:12px;padding:22px;backdrop-filter:none;top:80px}.popover-heading{font-size:12px;letter-spacing:0;color:#75757d}.search-popover input{font-size:13px;background:#f6f6f7;border:0;border-radius:7px;padding:13px}.search-popover{width:375px}#search-results button{padding:12px 4px}#search-results b{font-size:13px;font-weight:450}#search-results small{font-size:10px}#search-results button:hover{background:#f6f5f9}.segmented{background:#f2f2f4}.settings-actions{border:0}.density-label{font-size:11px}.hover-card{display:none!important}.scene-ghost .node{pointer-events:none}#transition-layer{z-index:18}.flying-marker{border:0;box-shadow:none;background:transparent;padding:0}.loading{color:#85858d;inset:42% 30%;font-size:12px}.inline-sources{background:#fff;font-size:12px}input[type=range]{accent-color:#8b7ab9}
@keyframes readout-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes draw-path{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-height:850px){.scene-header{top:25px}.navigation,.camera-controls{top:86px}.inspector{top:27%;bottom:20%}.chain-title{gap:13px}.chain-title img{width:40px;height:40px}.chain-title h2{font-size:37px}.network-facts{margin-top:27px}.inspector-help{margin-top:27px}.protocol-open .inspector{top:24%}.detail-heading{margin-top:24px}.detail-heading h3{font-size:25px}.protocol-tvl{margin-top:22px}.protocol-tvl strong{font-size:36px}.delta-strip{margin-top:17px}.network-contribution{margin-top:20px}.detail-note{margin-top:12px}.context-action{margin-top:18px}.research-pane{padding:17px 22px 35px;top:24%;bottom:19%}.history-svg{height:20vh}.chart-readout{margin-top:10px}.history-footnote{font-size:8px}.history-heading h3,.pools-heading h3{font-size:15px}.pool-list-head{margin-top:12px}.pool-row{min-height:39px;padding:6px 10px}.pool-inspector{padding:9px 11px;margin-top:8px}.pool-rate-parts{margin-top:7px}.pool-pagination{margin-top:5px}.pool-method{font-size:8px;margin-top:5px}.pane-footer{height:32px}.node>img{width:44px;height:44px}.node{min-height:103px;gap:10px}.chain-hub img{width:63px;height:63px}.network-dock{bottom:32px}.dock-heading{margin-bottom:7px}.graph-caption{bottom:18.5%}.filter-row{bottom:14%}.hero-footer{font-size:8px;bottom:10px}}
@media(max-width:1150px){.scene-header{gap:15px}.header-tools{gap:20px}.inspector{left:4%;width:25%}.chain-title h2{font-size:35px}.detail-heading h3{font-size:22px}.protocol-tvl strong{font-size:32px}.graph{left:35%;width:61%}.node{width:135px}.node-copy,.node-name{max-width:135px}.node-name{font-size:12px}.node-meta{font-size:9px}.chain-hub{width:140px}.chain-hub>span{font-size:18px}.graph-mode{gap:23px}.filter-row{gap:16px}.filter-row button{font-size:10px}.network-dock{left:5%;right:5%}#dock{gap:3px}.dock-network img{width:20px;height:20px}.research-pane{padding-left:19px;padding-right:19px}.delta-strip{gap:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.pool-pagination button{width:auto;padding:3px 8px;min-width:38px}.pool-row i{display:none}

.navigation{pointer-events:none;right:18%}.navigation button{pointer-events:auto}

/* NM-12: compact living composition; the original mark remains a fixed landmark. */
#art{transition:filter 900ms cubic-bezier(.22,.61,.36,1),opacity 900ms cubic-bezier(.22,.61,.36,1)}
.exploring #art{filter:blur(2px);opacity:.24}.data-view #art{filter:blur(9px);opacity:.12}
.exploring:not(.data-view) .inspector{display:none}
.graph{left:max(4%,calc(50% - 610px));width:min(92%,1220px);top:23%;height:51%;transform-origin:50% 50%}
.node{width:252px;min-height:128px;flex-direction:row;align-items:flex-start;text-align:left;gap:15px;padding:12px 8px;isolation:isolate}
.node:before{content:'';position:absolute;inset:-8px -10px;z-index:-1;border-radius:22px;background:radial-gradient(ellipse at 45% 40%,#fff 10%,#ffffff00 72%);opacity:0;transition:opacity .4s}
.node:hover:before,.node:focus-visible:before{opacity:1}
.node>img{width:44px;height:44px;flex-shrink:0;filter:none;margin-top:2px}
.node-copy{max-width:185px}.node-name{max-width:185px;font-size:14px;font-weight:550;letter-spacing:-.035em;line-height:1.4}
.node-meta{font-size:10px;color:#77757f;margin-top:4px}
.node-value{font-size:23px;letter-spacing:-.045em;font-weight:450;color:#303039;opacity:1;translate:none;margin-top:13px;line-height:1.05;font-variant-numeric:tabular-nums}
.node-metric-caption{display:block;font-size:9px;color:#88838e;margin-top:6px;white-space:nowrap}.node-metric-caption>span{margin-left:9px;font-variant-numeric:tabular-nums}.node-metric-caption i{font-style:normal;color:#88838e;margin-left:2px}
.node-related{display:flex;align-items:center;gap:7px;margin-top:11px;min-height:18px;font-size:9px;color:#827b8a;position:relative}
.mini-networks{display:flex;align-items:center}.mini-networks img{width:15px;height:15px;border:2px solid #fafaf9;border-radius:50%;box-sizing:content-box}.mini-networks img+img{margin-left:-5px}
.node-reveal{position:absolute;inset:0;display:flex;align-items:center;background:#fafaf9;opacity:0;translate:0 4px;color:#6651db;transition:opacity .25s,translate .3s}
.node:hover .node-reveal,.node:focus-visible .node-reveal{opacity:1;translate:0 0}
.node:hover>img,.node:focus-visible>img{scale:1.12;translate:0 -2px}.node.is-muted{opacity:.58}
.chain-hub{left:50%;top:50%;width:210px;gap:0}.chain-hub img{width:78px;height:78px;margin-bottom:19px;border-radius:0}.chain-hub>span{font-size:31px;font-weight:500;letter-spacing:-.055em;text-align:center;line-height:1.14}.chain-hub small{font-size:10px;color:#827c8a;margin-top:12px}.hub-hint{font-size:11px;line-height:1.7;text-align:center;color:#8d8795;margin-top:24px}
.chain-hub[data-key^="protocol:"]>img{border-radius:50%}
.hub-data{margin-top:21px;display:flex;flex-direction:column;align-items:center;gap:6px}.hub-data b{font-weight:450;font-size:24px;letter-spacing:-.04em}.hub-data span{font-size:10px;color:#85818d}
.graph-mode{left:27%;right:27%;top:16%;gap:26px}.graph-caption,.filter-row{left:20%;right:20%}.graph-caption{bottom:20.5%}.filter-row{bottom:16%}.filter-row button{padding:7px 12px;border-radius:20px;transition:background .25s,color .25s}.filter-row button[aria-pressed=true]{background:#eeebf3;color:#4f405e}.filter-row{gap:5px}
.network-dock{left:max(12%,calc(50% - 460px));right:max(12%,calc(50% - 460px));bottom:32px}.dock-heading{margin-bottom:8px}.dock-network{height:34px}.dock-network img{width:22px;height:22px}.dock-network[aria-pressed=true]:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#7963b4;bottom:-3px}
.research-pane{background:transparent;box-shadow:none;border-radius:0}.pane-footer{background:transparent}.pool-inspector{background:#f1f0f599}.pool-row[aria-pressed=true]{background:#ece9f480}
.leaving-node{position:absolute!important;pointer-events:none!important;transform-origin:center}.leaving-node *{pointer-events:none!important}.leaving-node .node-copy{animation:none}
@media(max-width:1150px){.graph{left:2%;width:96%}.node{width:210px;gap:10px;padding:9px 5px}.node-copy,.node-name{max-width:153px}.node-name{font-size:12px}.node>img{width:36px;height:36px}.node-value{font-size:20px}.node-metric-caption{font-size:8px}.chain-hub{width:180px}.chain-hub>span{font-size:26px}.chain-hub img{width:62px;height:62px}}
@media(max-height:850px){.graph{top:24%;height:48%}.graph-mode{top:16%}.node{min-height:118px;padding:6px 8px}.node-value{margin-top:9px;font-size:21px}.node-related{margin-top:8px}.chain-hub img{width:63px;height:63px;margin-bottom:14px}.chain-hub>span{font-size:28px}.hub-hint{margin-top:17px}.hub-data{margin-top:15px}.graph-caption{bottom:21%}.filter-row{bottom:16.5%}}
@media(prefers-reduced-motion:reduce){#art{transition:none}}

/* NM-13: all objects share one floating field. No graph pagination. */
.graph{left:max(3%,calc(50% - 680px));width:min(94%,1360px);top:20%;height:56%;transform-origin:50% 50%}
.node{width:222px;min-height:104px;height:104px;padding:7px 4px;gap:12px;transform:translate(-50%,-50%) translate3d(var(--float-x,0px),var(--float-y,0px),0);touch-action:none;user-select:none;cursor:grab;will-change:transform}
.node>img{width:42px;height:42px;pointer-events:none}.node-copy{position:relative;max-width:166px}.node-name{max-width:166px;font-size:12px;line-height:1.3}.node-meta{font-size:9px;margin-top:3px}.node-value{font-size:20px;margin-top:8px}.node-metric-caption{font-size:8px;margin-top:5px}.node-metric-caption>span{margin-left:5px}.node-related{position:absolute;top:100%;left:0;margin-top:7px;opacity:0;transition:opacity .3s;white-space:nowrap}.node:hover .node-related,.node:focus-visible .node-related{opacity:1}.node.is-muted{opacity:1}.node.is-grabbed{z-index:20;cursor:grabbing}.node.is-grabbed:before{opacity:1}.node.is-grabbed>img{scale:1.15;translate:0 -3px}.node img{-webkit-user-drag:none}
.chain-hub{pointer-events:auto;cursor:default;width:190px}.chain-hub img{width:65px;height:65px}.chain-hub>span{font-size:28px}.chain-hub small{font-size:9px}.hub-hint{font-size:10px;margin-top:15px}.hub-data b{font-size:22px}
.many-nodes .node{width:190px;height:80px;min-height:80px;gap:10px}.many-nodes .node>img{width:34px;height:34px}.many-nodes .node-copy,.many-nodes .node-name{max-width:140px}.many-nodes .node-value{font-size:19px;margin-top:6px}.many-nodes .node-meta{display:none}.many-nodes .node-related{display:none}
.graph-caption{bottom:19%;font-size:10px;color:#95909c;pointer-events:none}.filter-row{bottom:14.8%}.return-glyph{position:absolute;object-fit:contain;pointer-events:none;transform-origin:center;will-change:translate,scale;z-index:4}.return-glyph[src*="protocols/"]{border-radius:50%}
@media(max-width:1150px){.node{width:190px;gap:8px}.node>img{width:33px;height:33px}.node-copy,.node-name{max-width:143px}.node-name{font-size:11px}.node-value{font-size:18px}.node-metric-caption{font-size:7px}.many-nodes .node{width:160px;gap:7px}.many-nodes .node>img{width:28px;height:28px}.many-nodes .node-copy,.many-nodes .node-name{max-width:117px}.many-nodes .node-value{font-size:17px}.chain-hub{width:165px}.chain-hub img{width:54px;height:54px}.chain-hub>span{font-size:24px}}
@media(max-height:850px){.graph{top:21%;height:54%}.node{height:93px;min-height:93px;padding:3px 4px}.node-value{font-size:18px}.chain-hub img{width:52px;height:52px;margin-bottom:10px}.chain-hub>span{font-size:25px}.hub-hint{margin-top:12px}.hub-data{margin-top:12px}.many-nodes .node{height:72px;min-height:72px}.many-nodes .node-value{font-size:17px}}

/* Pointer gestures do not inherit keyboard focus rings; Tab remains visibly focused. */
html[data-input-mode="pointer"] :focus-visible{outline:none}
/* NM-14: research lives above the moving scene, with one shared context. */
.research-workbench{position:absolute;left:50%;width:min(88%,1200px);top:19%;bottom:17%;transform:translateX(-50%);z-index:12;border-radius:22px;background:#ffffffed;box-shadow:0 24px 100px #32294c18,0 2px 12px #32294c05;border:1px solid #ffffff;backdrop-filter:blur(18px);overflow:hidden}
.workbench-toolbar{position:absolute;left:28px;right:24px;top:19px;display:flex;align-items:center;justify-content:space-between;height:30px;font-size:14px;font-weight:500}.workbench-toolbar>button{display:flex;align-items:center;gap:13px;font-size:11px;color:#82788c}.workbench-toolbar>button span{font-size:23px;font-weight:350}
.data-view .graph{opacity:.13;filter:blur(3px);transition:opacity .6s,filter .6s}.data-view .graph .node,.data-view .chain-hub{pointer-events:none}.data-view #art{filter:blur(4px);opacity:.18}
.data-view .graph-mode{top:calc(19% + 18px);left:calc(50% - 160px);right:auto;gap:22px;z-index:16}.data-view .graph-mode button{font-size:11px}.data-view .graph-mode button:after{height:2px;background:#7f67cb}
.research-workbench .inspector{left:28px;top:82px;bottom:26px;width:215px;z-index:2}.research-workbench .chain-title h2{font-size:13px}.research-workbench .chain-title img{width:19px;height:19px}.research-workbench .chain-summary{font-size:9px}.research-workbench .detail-heading{margin-top:25px;gap:10px}.research-workbench .detail-heading h3{font-size:23px}.research-workbench .detail-heading img{width:34px;height:34px}.research-workbench .detail-category{font-size:9px}.research-workbench .protocol-tvl{margin-top:24px}.research-workbench .protocol-tvl strong{font-size:33px}.research-workbench .delta-strip{gap:26px}.research-workbench .delta-strip b{font-size:16px}.research-workbench .network-contribution{display:block;margin-top:20px}.research-workbench .network-contribution b{display:block;margin-top:7px}.research-workbench .detail-note{font-size:9px}.research-workbench .context-action{font-size:11px;margin-top:15px}
.research-workbench .research-pane{left:275px;right:28px;top:83px;bottom:20px;padding:0 0 42px;overflow:hidden}.research-workbench .history-heading h3,.research-workbench .pools-heading h3{font-size:17px}.research-workbench .history-heading>span{font-size:10px}.research-workbench .chart-readout{margin-top:23px}.research-workbench .chart-readout strong{font-size:30px}.research-workbench .history-svg{height:clamp(170px,25vh,280px);cursor:crosshair;touch-action:none}.history-line{stroke:#8068c4;stroke-width:2.5}#history-crosshair{stroke:#b9aad7;stroke-dasharray:none}.chart-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c8497;margin-top:2px}.chart-controls button{font-size:9px;color:#7b64b4}.research-workbench #history-point{height:12px;margin:9px 0 0;accent-color:#8b71c9}.research-workbench .history-footnote{font-size:8px;margin-top:6px}.research-workbench .pane-footer{height:26px;padding:0}.research-workbench .pane-footer span,.research-workbench .pane-footer button{font-size:9px}
.research-workbench .pool-list-head{margin-top:18px}.research-workbench .pool-row{min-height:43px;padding:7px 10px}.research-workbench .pool-row .apy{font-size:16px;letter-spacing:-.02em}.research-workbench .pool-inspector{background:#f5f2fa;padding:13px 15px;border-radius:12px;margin-top:12px}.selected-pool-apy{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:10px;color:#847b8f}.selected-pool-apy strong{font-size:25px;letter-spacing:-.04em;font-weight:500;color:#408575}.research-workbench .pool-rate-parts{margin-top:8px}.research-workbench .pool-rate-parts b{font-size:12px}.research-workbench .pool-inspector-title a{font-size:9px}.research-workbench .pool-method{font-size:8px}.research-workbench .pool-pagination{margin-top:6px}
.available-pools-label{font-size:11px;color:#4c4359;margin-top:28px}.available-pools{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.available-pools button{display:flex;gap:9px;align-items:center;text-align:left;padding:10px 14px;background:#f4f1f8;border-radius:12px;font-size:12px}.available-pools img{width:27px;height:27px}.available-pools small{display:block;font-size:9px;color:#8b8196;margin-top:4px}.available-pools button:hover{background:#ece5f6;translate:0 -2px}.research-workbench .pools-empty{padding:28px 0;line-height:1.8;font-size:13px}.research-workbench .pools-empty>span{font-size:10px}
.dense-field .node{width:58px;height:58px;min-height:58px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;text-align:center}.dense-field .node>img{width:31px;height:31px;margin:0}.dense-field .icon-fallback{width:31px;height:31px;background:#e8e2f6;color:#725a9c;display:grid;place-items:center;font-size:15px}.dense-field .node-copy{max-width:82px;width:82px;pointer-events:none}.dense-field .node-name{max-width:82px;font-size:8px;line-height:1.2}.dense-field .node-meta,.dense-field .node-value,.dense-field .node-metric-caption,.dense-field .node-related{display:none}.dense-field .node:hover,.dense-field .node:focus-visible,.dense-field .node.is-grabbed{z-index:25}.dense-field .node:hover>img,.dense-field .node:focus-visible>img{scale:1.35}.dense-field .node:hover .node-copy,.dense-field .node:focus-visible .node-copy{width:210px;max-width:210px;position:absolute;top:43px;left:50%;transform:translateX(-50%)}.dense-field .node:hover .node-name,.dense-field .node:focus-visible .node-name{max-width:210px;font-size:12px}.dense-field .node:hover .node-meta,.dense-field .node:hover .node-value,.dense-field .node:hover .node-metric-caption,.dense-field .node:focus-visible .node-meta,.dense-field .node:focus-visible .node-value,.dense-field .node:focus-visible .node-metric-caption{display:block}.dense-field .node:before{inset:-18px -100px -105px;background:radial-gradient(ellipse,#fffffff5 25%,#ffffffb0 48%,#ffffff00 72%)}.dense-field .node.is-muted{opacity:.32}.dense-field .node-value{font-size:20px}
@media(max-width:1150px){.research-workbench{width:94%}.research-workbench .inspector{left:20px;width:185px}.research-workbench .research-pane{left:228px;right:22px}.research-workbench .protocol-tvl strong{font-size:28px}.research-workbench .detail-heading h3{font-size:20px}.workbench-toolbar{left:20px;font-size:12px}.dense-field .node{width:48px;height:52px;min-height:52px}.dense-field .node>img{width:27px;height:27px}.dense-field .node-name{font-size:7px}}
@media(max-height:850px){.research-workbench{top:19%;bottom:15%}.research-workbench .inspector{top:65px}.research-workbench .research-pane{top:69px;bottom:15px}.research-workbench .detail-heading{margin-top:17px}.research-workbench .protocol-tvl{margin-top:17px}.research-workbench .protocol-tvl strong{font-size:29px}.research-workbench .network-contribution{margin-top:14px}.research-workbench .history-svg{height:22vh}.research-workbench .chart-readout{margin-top:12px}.research-workbench .chart-readout strong{font-size:25px}.research-workbench .pool-row{min-height:35px;padding:4px 8px}.research-workbench .pool-inspector{padding:9px 12px;margin-top:7px}.research-workbench .selected-pool-apy{margin-top:6px}.research-workbench .selected-pool-apy strong{font-size:21px}.research-workbench .pool-rate-parts{margin-top:5px}.research-workbench .pool-list-head{margin-top:11px}.research-workbench .pool-method{font-size:7px;margin-top:5px}}

.node:before{pointer-events:none}.dense-field .node{width:40px;height:40px;min-height:40px}.dense-field .node-copy{pointer-events:none}.dense-field .node>img{width:28px;height:28px}

/* Same pearlescent surface as the INDEFIOS login. All interaction layers remain transparent. */
.pearl-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.hero{background:#f8faff}
#art{background:transparent}
/* Compact catalog keeps labels readable; full metrics unfold on focus. */
.dense-field .node-name{font-size:10px;font-weight:500;color:#383242;max-width:88px}
.dense-field .node-copy{width:88px;max-width:88px}
@media(max-width:1150px){.dense-field .node-name{font-size:9px;max-width:68px}.dense-field .node-copy{width:68px;max-width:68px}}
@media(min-height:851px){.research-workbench .pool-row b,.research-workbench .pool-row>span:not(:first-child){font-size:13px}.research-workbench .pool-row .apy{font-size:17px}.research-workbench .pool-row small{font-size:10px;color:#6e6578}.research-workbench .pool-list-head,.research-workbench .pool-rate-parts span,.research-workbench .pool-inspector-title{font-size:11px}.research-workbench .pool-rate-parts b{font-size:14px}.research-workbench .pool-inspector-title a{font-size:10px}}
@media(min-height:851px){.research-workbench{bottom:14%}.research-workbench .pool-row>span.apy{font-size:17px}}

/* NM-15: data belongs to the scene, without an opaque panel. */
#research-workbench{position:absolute;left:5%;right:5%;width:auto;top:23%;bottom:18%;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none;overflow:visible}
#research-workbench .workbench-toolbar{display:none}
#research-workbench .inspector{left:0;top:27%;bottom:5%;width:24%;pointer-events:auto;overflow:auto;scrollbar-width:thin}
#research-workbench .chain-title{gap:7px}
#research-workbench .chain-title h2{font-size:13px;color:#696574}
#research-workbench .chain-title img{width:19px;height:19px}
#research-workbench .chain-summary,#research-workbench .detail-category,#research-workbench .detail-note,#research-workbench .context-action{display:none}
#research-workbench .detail-heading{gap:13px;margin-top:24px;align-items:center}
#research-workbench .detail-heading img{width:46px;height:46px}
#research-workbench .detail-heading h3{font-size:clamp(21px,2.5vw,36px);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
#research-workbench .protocol-tvl{margin-top:20px}
#research-workbench[data-view=pools] .protocol-tvl,#research-workbench[data-view=tvl]:not(.history-missing) .protocol-tvl{display:none}
#research-workbench .delta-strip{margin-top:26px;gap:30px}
#research-workbench .delta-strip b{font-size:18px}
#research-workbench .network-contribution{font-size:10px;margin-top:22px}
#research-workbench .research-pane{left:28%;right:0;top:0;bottom:0;padding:0 0 28px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;border-radius:0;overflow:visible;pointer-events:auto}
#research-workbench .history-heading{display:none}
#research-workbench .chart-readout{margin-top:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
#research-workbench .chart-readout strong{font-size:clamp(30px,3.7vw,54px);line-height:1.1;letter-spacing:-.045em;order:1}
#research-workbench .chart-readout>span:first-child{order:2;font-size:12px}
#research-workbench .chart-readout>span:last-child{order:0;font-size:11px;margin:0}
#research-workbench .history-svg{height:auto;max-height:39vh;width:100%;margin-top:20px;overflow:visible;cursor:crosshair}
#research-workbench .history-area{opacity:.2}
#research-workbench .history-line{stroke:#7963cf;stroke-width:2;filter:drop-shadow(0 2px 4px #7757c521)}
#research-workbench .chart-gridline{stroke:#7f779c;stroke-opacity:.2;stroke-width:.6;stroke-dasharray:1 4}
#research-workbench .chart-axis{fill:#766b89;font-size:9px}
.history-observations circle{fill:#b09ae5;stroke:#f7f4ff;stroke-width:1;transition:r .2s,fill .2s}
.history-observations circle:hover{r:4;fill:#6550bf}
#history-dot{fill:#7861d2;stroke:#fff;stroke-width:2;transition:cx .15s ease-out,cy .15s ease-out,r .2s}
#history-crosshair{stroke:#8d78bc;stroke-opacity:.5;transition:x1 .15s ease-out,x2 .15s ease-out}
#research-workbench #history-point{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;bottom:26px}
#history-chart:has(#history-point:focus-visible) .history-svg{outline:1px solid #7961e6;outline-offset:8px;border-radius:4px}
#research-workbench .chart-controls{font-size:10px;opacity:.55;margin-top:3px;transition:opacity .2s}
#history-chart:hover .chart-controls,#history-chart:focus-within .chart-controls{opacity:1}
#research-workbench .history-footnote{display:none}
#research-workbench .pane-footer{left:0;right:0;bottom:-14px;height:22px;background:transparent;padding:0;border:0}
#research-workbench .pane-footer span,#research-workbench .pane-footer button{color:#80768e;font-size:9px}
#stage.data-view #graph{opacity:.08;filter:blur(5px);pointer-events:none}
#stage.data-view #chain-hub{opacity:0}
#stage.data-view #art{opacity:.12;filter:blur(3px)}
#stage.data-view #graph-mode{top:16.5%;left:33%;right:8%;background:none}
#research-workbench .pools-heading h3{font-size:17px}
#research-workbench .pools-heading p{font-size:11px}
#research-workbench .pool-list{height:clamp(200px,30vh,340px);position:relative;margin-top:15px}
#research-workbench .pool-row{position:absolute;width:44%;min-height:90px;padding:8px;display:block;text-align:center;border:0;border-radius:0;background:transparent;box-shadow:none;top:0;left:0;transition:opacity .35s,color .35s}
#research-workbench .pool-row:nth-child(2){left:52%;top:3%}
#research-workbench .pool-row:nth-child(3){left:5%;top:55%}
#research-workbench .pool-row:nth-child(4){left:56%;top:57%}
#research-workbench .pool-row:before{display:none}
#research-workbench .pool-surface{display:flex;align-items:center;flex-direction:column;animation:pool-drift 7s ease-in-out infinite;animation-delay:var(--pool-phase);transition:scale .45s var(--ease);transform-origin:50% 50%}
#research-workbench .pool-row b{font-size:clamp(14px,1.5vw,22px);font-weight:500;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#research-workbench .pool-row .apy{font-size:clamp(19px,2.1vw,30px);letter-spacing:-.035em;line-height:1.2;margin-top:5px;color:#328574;font-weight:450}
#research-workbench .pool-row .apy small{display:inline;margin-left:5px;font-size:10px;color:#81748f;letter-spacing:0}
#research-workbench .pool-liquidity{font-size:12px;color:#645a72;line-height:1.4;margin-top:6px}
#research-workbench .pool-liquidity small{display:inline;font-size:9px;margin-left:5px;color:#83788f}
#research-workbench .pool-meta{display:block;font-size:9px;color:#837a91;margin-top:5px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#research-workbench .pool-row[aria-pressed=true] .pool-surface{scale:1.09}
#research-workbench .pool-row[aria-pressed=true] .apy,#research-workbench .pool-row[aria-pressed=true] .pool-symbol{color:#7150c4}
#research-workbench .pool-row:hover .pool-surface,#research-workbench .pool-row:focus-visible .pool-surface{animation-play-state:paused}
#research-workbench .pool-list:has(.pool-row:hover) .pool-row:not(:hover){opacity:.6}
#research-workbench .pool-inspector{background:transparent;box-shadow:none;border:0;border-radius:0;margin:8px 0 0;padding:0 8px;position:relative}
#research-workbench .pool-inspector-title{font-size:12px;color:#6a5a81}
#research-workbench .pool-inspector-title a{font-size:10px}
#research-workbench .selected-pool-apy{display:none}
#research-workbench .pool-rate-parts{margin-top:13px;gap:18px}
#research-workbench .pool-rate-parts span{font-size:10px;color:#82758f}
#research-workbench .pool-rate-parts b{font-size:16px;font-weight:450;margin-top:6px}
#research-workbench .pool-pagination{margin-top:16px;font-size:10px}
#research-workbench .pool-pagination button{width:auto;padding:0 9px}
#research-workbench .pool-method{font-size:8px;line-height:1.5;margin-top:5px;color:#92869e}
#research-workbench .available-pools button{background:transparent;border-radius:0;padding:10px 4px}
#research-workbench .available-pools button:hover{background:transparent;color:#6c4bbb}
@keyframes pool-drift{0%,100%{translate:0 -3px}50%{translate:0 4px}}
body.paused .pool-surface,body.no-motion .pool-surface{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.pool-surface{animation:none!important}#history-dot,#history-crosshair{transition:none}}
@media(max-width:1150px){#research-workbench{left:4%;right:4%}#research-workbench .research-pane{left:29%}#research-workbench .inspector{width:25%}#research-workbench .detail-heading{gap:8px}#research-workbench .detail-heading img{width:34px;height:34px}#research-workbench .pool-rate-parts b{font-size:13px}#research-workbench .pool-row{width:43%}}
@media(max-height:850px){#research-workbench{top:24%;bottom:19%}#research-workbench .inspector{top:23%}#research-workbench .detail-heading{margin-top:18px}#research-workbench .pool-list{height:23vh;margin-top:12px}#research-workbench .pool-row{min-height:75px;padding:2px}#research-workbench .pool-meta{display:none}#research-workbench .pool-row .apy{font-size:23px}#research-workbench .pool-row b{font-size:16px}#research-workbench .pool-liquidity{margin-top:3px;font-size:10px}#research-workbench .pool-row:nth-child(n+3){top:55%}#research-workbench .pool-rate-parts{margin-top:8px}#research-workbench .pool-rate-parts b{font-size:13px}#research-workbench .pool-pagination{margin-top:8px}#research-workbench .pool-inspector{margin-top:7px}#research-workbench .chart-readout strong{font-size:36px}#research-workbench .history-svg{margin-top:12px;max-height:34vh}}

/* Readable secondary values and an explicit selected-pool relationship. */
#research-workbench .pool-liquidity small,#research-workbench .pool-meta{color:#645c72}
#research-workbench .pool-inspector-title{display:flex;align-items:baseline;gap:12px;font-size:14px}
#research-workbench .pool-inspector-title>span{font-size:12px;color:#645a72}
#research-workbench .pool-inspector-title a{margin-left:auto}
#research-workbench .pool-rate-parts span{color:#645a72;font-size:12px}
#research-workbench .pool-rate-parts b{font-size:18px}
@media(max-height:850px){#research-workbench .pool-inspector-title{font-size:12px}#research-workbench .pool-rate-parts span{font-size:10px}#research-workbench .pool-rate-parts b{font-size:15px}}

/* NM-16: the mode switch has one fixed geometry in every scene state. */
#stage #graph-mode,#stage.data-view #graph-mode{left:50%;right:auto;top:15.7%;transform:translateX(-50%);height:44px;width:420px;display:flex;gap:4px;padding:4px;align-items:stretch;background:#faf9ff80;border:1px solid #ffffffb0;border-radius:25px;backdrop-filter:blur(16px);box-shadow:0 2px 12px #51447a08}
#stage #graph-mode[hidden]{display:none}
#stage #graph-mode button{flex:1;white-space:nowrap;font-size:12px;padding:0 12px;border-radius:19px;color:#645e70;transition:background .25s,color .25s,box-shadow .25s}
#stage #graph-mode button[aria-pressed=true]{background:#fff;color:#543a9a;box-shadow:0 2px 7px #65518d15}
#stage #graph-mode button:after{display:none}
#stage #graph-mode button:hover{color:#493080;background:#ffffff75}
#stage #graph-mode button:focus-visible{outline:2px solid #7557bc;outline-offset:2px}
.activity-link{font-size:12px;color:#645e70;text-decoration:none}

/* Mobile explorer is a readable catalog; only the explicit canvas mode owns gestures. */
.mobile-open-network{display:none}
@media(max-width:760px),(max-width:950px) and (max-height:500px){
 body{min-width:0}
 main,.hero{width:100%;height:100dvh;min-height:0}
 #art{touch-action:none}
 html[data-embed] #art{touch-action:pan-y pinch-zoom}
 html[data-embed][data-touch-active=true] #art{touch-action:none}
 .scene-header{top:12px;left:14px;right:14px;gap:12px;min-height:44px}
 .brand img{width:108px}
 .project-name,.activity-link,.header-tools kbd{display:none}
 .header-tools{gap:12px;min-width:0}
 .header-tools button{font-size:11px;min-height:44px;line-height:1.3}
 #motion{min-width:44px}
 #stage .navigation{left:14px;right:14px;top:65px;gap:12px;height:44px;min-width:0}
 .history-buttons{gap:8px;flex:none}
 .history-buttons button{min-width:44px;min-height:44px;font-size:12px}
 #breadcrumbs{overflow:auto;gap:16px;min-width:0;white-space:nowrap;scrollbar-width:none;pointer-events:auto;height:44px}
 #breadcrumbs button{font-size:12px;flex:none;min-height:44px}
 #breadcrumbs>span:not(.path-space){font-size:12px;flex:none}
 #stage #graph-mode,#stage.data-view #graph-mode{top:117px;left:14px;right:14px;width:auto;transform:none;height:52px;padding:3px;gap:0}
 #stage #graph-mode button{font-size:11px;min-height:44px;padding:0 8px}
 #stage #filters{top:117px;left:14px;right:14px;bottom:auto;height:44px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:4px;touch-action:pan-x pan-y pinch-zoom}
 #stage #filters button{white-space:nowrap;min-height:44px;font-size:11px;padding:0 12px}
 #stage.exploring:not(.data-view) #graph{left:14px;right:14px;top:182px;bottom:112px;width:auto;height:auto;transform:none!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;touch-action:pan-y;display:flex;flex-direction:column;pointer-events:auto;padding:0 2px 18px;isolation:isolate}
 #stage #nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;width:100%;flex:none}
 #stage #chain-hub{order:-1;position:sticky;top:0;left:auto;width:100%;min-height:72px;transform:none;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;column-gap:12px;row-gap:4px;text-align:left;padding:10px 0 14px;margin-bottom:10px;z-index:7;background:linear-gradient(#f4f6fff2 76%,#f4f6ff00);backdrop-filter:blur(12px)}
 #stage #chain-hub>img,#stage #chain-hub>.icon-fallback{grid-row:1/3;width:32px;height:32px;margin:0}
 #stage #chain-hub>span{font-size:21px;text-align:left;line-height:1.2;overflow-wrap:anywhere}
 #stage #chain-hub>small{font-size:11px;line-height:1.4;margin:0;color:#756d83}
 #stage #chain-hub .hub-data,#stage #chain-hub .hub-hint{display:none}
 #stage #nodes .node{position:relative;left:auto!important;top:auto!important;transform:none!important;translate:none!important;scale:1!important;width:100%;height:auto;min-height:126px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;align-content:start;text-align:left;gap:9px;padding:12px 0;cursor:pointer;touch-action:pan-y;border-radius:0}
 #stage #nodes .node:before{display:none}
 #stage #nodes .node>img,#stage #nodes .icon-fallback{width:30px;height:30px;margin:1px 0 0;scale:1;translate:none;filter:none}
 #stage #nodes .node-copy,#stage #nodes .node:hover .node-copy,#stage #nodes .node:focus-visible .node-copy{position:static;width:100%;max-width:none;transform:none;pointer-events:none}
 #stage #nodes .node-name,#stage #nodes .node:hover .node-name,#stage #nodes .node:focus-visible .node-name{font-size:14px;line-height:1.35;font-weight:550;width:100%;max-width:none;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;display:block}
 #stage #nodes .node-meta{display:block;font-size:12px;line-height:1.35;margin-top:4px;color:#746d7e}
 #stage #nodes .node-value{display:block;font-size:20px;line-height:1.15;margin-top:10px;opacity:1;translate:none;white-space:normal;overflow-wrap:anywhere}
 #stage #nodes .node-metric-caption{display:block;font-size:11px;line-height:1.45;white-space:normal;margin-top:5px;color:#746d7e}
 #stage #nodes .node-metric-caption>span{display:block;margin:4px 0 0}
 #stage #nodes .node-related{display:none}
 #stage #nodes .node.is-muted{opacity:1}
 #stage .graph-caption,#stage .camera-controls{display:none!important}
 #stage .network-dock{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));height:79px}
 .dock-heading{font-size:11px;margin:0 0 7px;min-height:18px}
 #interaction-hint{display:none}
 .dock-row{gap:2px}
 #dock{display:flex;gap:2px;min-width:0;width:auto;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x proximity;padding:0 2px 4px}
 #stage .dock-network{flex:0 0 44px;height:44px;scroll-snap-align:center;opacity:.7}
 #stage .dock-network img{width:25px;height:25px;scale:1;translate:none}
 #stage .dock-network[aria-pressed=true]{opacity:1;background:#7361c510;border-radius:12px}
 #stage .dock-network[aria-pressed=true]:after{display:none}
 .dock-arrow{min-width:32px;height:44px;flex-basis:32px;font-size:18px}
 .hero-footer{left:14px;right:14px;bottom:4px;font-size:8px;gap:8px}
 .exploring .hero-footer{display:none}
 #stage #research-workbench{left:18px;right:18px;top:186px;bottom:113px;width:auto;transform:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;pointer-events:auto;padding:0 2px 20px}
 #stage #research-workbench .inspector{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;overflow:visible;margin:0 0 25px;padding:0}
 #stage #research-workbench .chain-title{flex-direction:row;align-items:center;gap:7px}
 #stage #research-workbench .chain-title img{width:18px;height:18px}
 #stage #research-workbench .chain-title h2{font-size:13px}
 #stage #research-workbench .detail-heading{margin-top:17px;gap:10px}
 #stage #research-workbench .detail-heading img{width:34px;height:34px}
 #stage #research-workbench .detail-heading h3{font-size:25px;line-height:1.15}
 #stage #research-workbench .protocol-tvl{margin-top:16px}
 #stage #research-workbench .protocol-tvl strong{font-size:31px;line-height:1.2}
 #stage #research-workbench .delta-strip{margin-top:19px;gap:34px}
 #stage #research-workbench .delta-strip span{font-size:11px}
 #stage #research-workbench .delta-strip b{font-size:17px;margin-top:5px}
 #stage #research-workbench .network-contribution{display:flex;flex-wrap:wrap;font-size:11px;gap:6px 12px;margin-top:16px}
 #stage #research-workbench .network-contribution b{margin:0}
 #stage #research-workbench .research-pane{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;overflow:visible;margin:0;padding:0 0 20px;pointer-events:auto}
 #stage #research-workbench .chart-readout{align-items:flex-start;gap:7px;margin:0}
 #stage #research-workbench .chart-readout strong{font-size:31px}
 #stage #research-workbench .chart-readout>span:first-child{font-size:12px}
 #stage #research-workbench .chart-readout>span:last-child{font-size:11px}
 #stage #research-workbench .history-svg{width:100%;height:230px;max-height:none;margin-top:18px;touch-action:pan-y}
 #stage #research-workbench .chart-controls{font-size:10px;opacity:1;gap:15px;line-height:1.5}
 #stage #research-workbench .chart-controls button{min-height:44px;min-width:44px;font-size:10px}
 #stage #research-workbench .pane-footer{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:auto;min-height:44px;margin-top:20px;gap:16px;align-items:center;flex-wrap:wrap}
 #stage #research-workbench .pane-footer span,#stage #research-workbench .pane-footer button{font-size:10px;line-height:1.5}
 #stage #research-workbench .pane-footer button{min-height:44px}
 #stage #research-workbench .pools-heading{gap:12px;flex-wrap:wrap;align-items:center}
 #stage #research-workbench .pools-heading h3{font-size:18px}
 #stage #research-workbench .pools-heading p{font-size:11px;line-height:1.5}
 .pool-filter{min-height:44px;font-size:12px;gap:8px}
 .pool-filter input{width:17px;height:17px}
 #stage #research-workbench .pool-list{display:grid;grid-template-columns:1fr;gap:16px;position:static;height:auto;margin-top:16px}
 #stage #research-workbench .pool-row{position:relative;left:auto!important;top:auto!important;width:100%;min-height:112px;height:auto;padding:10px 0;text-align:left;touch-action:pan-y}
 #stage #research-workbench .pool-surface{align-items:flex-start;animation:none;scale:1}
 #stage #research-workbench .pool-row b{font-size:17px;white-space:normal;overflow-wrap:anywhere}
 #stage #research-workbench .pool-row .apy{font-size:26px;margin-top:6px}
 #stage #research-workbench .pool-row .apy small{font-size:11px}
 #stage #research-workbench .pool-liquidity{font-size:13px;margin-top:6px}
 #stage #research-workbench .pool-liquidity small{font-size:10px}
 #stage #research-workbench .pool-meta{display:block;font-size:11px;white-space:normal;line-height:1.5;margin-top:7px}
 #stage #research-workbench .pool-list:has(.pool-row:hover) .pool-row:not(:hover){opacity:1}
 #stage #research-workbench .pool-inspector{margin:18px 0 0;padding:0}
 #stage #research-workbench .pool-inspector-title{font-size:14px;gap:7px;flex-wrap:wrap;line-height:1.5}
 #stage #research-workbench .pool-inspector-title strong{max-width:100%;white-space:normal}
 #stage #research-workbench .pool-inspector-title a{font-size:11px;min-height:44px;display:flex;align-items:center}
 #stage #research-workbench .pool-rate-parts{gap:10px;margin-top:14px}
 #stage #research-workbench .pool-rate-parts span{font-size:11px;line-height:1.4}
 #stage #research-workbench .pool-rate-parts b{font-size:16px;margin-top:6px}
 #stage #research-workbench .pool-pagination{font-size:11px;gap:12px;margin-top:14px}
 #stage #research-workbench .pool-pagination button{min-width:44px;height:44px;padding:0 10px}
 #stage #research-workbench .pool-method{font-size:10px;line-height:1.6;margin-top:10px}
 #stage #research-workbench .pools-empty{font-size:13px;padding:20px 0;line-height:1.7}
 #stage #research-workbench .pools-empty>span{font-size:11px}
 #stage #research-workbench .available-pools{gap:8px;margin-top:10px}
 #stage #research-workbench .available-pools button{min-height:52px;font-size:12px}
 #stage #research-workbench .available-pools small{font-size:10px}
 #stage .inline-sources{position:relative;padding:10px 0;font-size:12px;overflow:visible}
 .inline-sources>button{min-height:44px}
 .history-table{font-size:11px}
 #stage .popover{top:66px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 95px);overflow-y:auto;padding:16px;overscroll-behavior:contain;touch-action:pan-y}
 .popover-heading{font-size:13px;margin-bottom:8px}
 .popover-heading button{min-width:44px;height:44px;font-size:24px}
 .search-popover input{font-size:16px;min-height:46px;padding:12px}
 #search-results{max-height:calc(100dvh - 260px)}
 #search-results button{min-height:58px;padding:10px 3px;gap:12px}
 #search-results img{width:30px;height:30px}
 #search-results b{font-size:14px}
 #search-results small{font-size:11px}
 .segmented button,.settings-actions button{min-height:44px;font-size:12px}
 .density-label{font-size:12px;margin-top:17px}
 #stage input[type=range]{height:32px}
 #stage .hero-copy{bottom:8%;left:18px;right:18px}
 .hero-copy h1{font-size:20px}
 .hero-copy p{font-size:12px;line-height:1.6}
 .hero-copy button{font-size:12px;min-height:44px;margin-top:10px}
 #stage #network-readout{bottom:5%;left:18px;right:18px;pointer-events:auto}
 #network-readout>span{font-size:20px}
 #network-readout small{font-size:11px;line-height:1.5;max-width:260px;margin:8px auto 0}
 #network-readout .mobile-open-network{display:block;min-height:44px;margin:8px auto 0;padding:10px 20px;font-size:12px;color:#4e3b9c;border-radius:22px;background:#7660c815}
 html[data-embed] #stage .navigation{top:8px;left:14px;right:82px}
 html[data-embed] #stage #graph-mode,html[data-embed] #stage.data-view #graph-mode,html[data-embed] #stage #filters{top:60px}
 html[data-embed] #stage.exploring:not(.data-view) #graph{top:123px}
 html[data-embed] #stage #research-workbench{top:126px}
 html[data-embed] #stage #research-workbench .inspector{top:auto;bottom:auto}
 html[data-embed] #stage .popover{top:10px;max-height:calc(100dvh - 30px)}
 html[data-embed] #stage #network-readout{bottom:4%}
}
@media(max-width:360px){
 .brand img{width:99px}.header-tools{gap:10px}.header-tools button{font-size:10px}
 #stage #nodes{gap:8px 10px}
 #stage #nodes .node{grid-template-columns:26px minmax(0,1fr);gap:7px}
 #stage #nodes .node>img,#stage #nodes .icon-fallback{width:26px;height:26px}
 #stage #nodes .node-name{font-size:13px}#stage #nodes .node-value{font-size:18px}
 #stage #graph-mode button{padding:0 5px;font-size:10px}
}
@media(max-width:950px) and (max-height:500px){
 #stage .scene-header{top:4px}
 #stage .navigation{top:52px}
 #stage #graph-mode,#stage.data-view #graph-mode,#stage #filters{top:99px}
 #stage.exploring:not(.data-view) #graph{top:157px;bottom:66px}
 #stage #research-workbench{top:157px;bottom:66px}
 #stage .network-dock{bottom:8px;height:49px}
 #stage .dock-heading{display:none}
 #stage #chain-hub{min-height:58px;padding:6px 0 10px;margin-bottom:4px}
 #stage #chain-hub>span{font-size:19px}
 #stage #nodes .node{min-height:112px;padding:8px 0}
 #stage .hero-copy,#stage #network-readout{bottom:3%}
 #stage .hero-copy p{display:none}
 html[data-embed] #stage .navigation{top:4px}
 html[data-embed] #stage #graph-mode,html[data-embed] #stage.data-view #graph-mode,html[data-embed] #stage #filters{top:48px}
 html[data-embed] #stage.exploring:not(.data-view) #graph{top:107px;bottom:66px}
 html[data-embed] #stage #research-workbench{top:107px;bottom:66px}
}
@media(max-width:760px),(max-width:950px) and (max-height:500px){
 #stage .history-buttons button,#stage #breadcrumbs button,#stage #filters button,#stage .dock-arrow{min-height:44px;min-width:44px}
 #stage .dock-arrow{flex-basis:44px}
 #stage #research-workbench .history-svg{width:100%;height:auto;aspect-ratio:640/228;max-height:none;margin-top:24px}
 #stage #research-workbench .chart-axis{font-size:22px;fill:#665c77}
 #stage #research-workbench .history-line{vector-effect:non-scaling-stroke;stroke-width:1.5}
 #stage #research-workbench #history-point{position:relative!important;display:block;width:100%!important;height:44px!important;min-height:44px;opacity:1;clip-path:none;overflow:visible;bottom:auto;margin:4px 0 0!important;touch-action:pan-y}
 #stage #research-workbench .chart-controls{font-size:11px;align-items:center;margin-top:6px}
}
