/* Shared motion and market components. editorial.css owns MEED's final composition. */
.app-body{background:#090909;--side:232px}
.app-body.sidebar-compact{--side:78px}
.sidebar{transition:width .3s cubic-bezier(.2,.7,.2,1),transform .25s;background:#090909;padding:24px 15px}
.topbar{height:64px;background:#090909f2;padding:0 30px;transition:left .3s cubic-bezier(.2,.7,.2,1)}
.app-main{padding-top:64px;transition:margin-left .3s cubic-bezier(.2,.7,.2,1)}
.top-search{max-width:690px}.top-search input{padding:12px 17px 12px 43px;font-size:13px}
.network-label{font-size:8px;padding:8px 11px;color:#868686}.topbar .button{font-size:12px}
.sidebar-toggle{position:absolute;top:21px;right:-13px;border:1px solid #2a2a2a;background:#0d0d0d;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;z-index:2;color:#999;font:20px Arial;transition:opacity .2s,transform .2s}
.sidebar-toggle:hover{color:#fff;border-color:#666}.sidebar-toggle span{display:block;transform:rotate(180deg)}
.sidebar-compact .sidebar-toggle span{transform:none}
.sidebar-compact .sidebar{padding:15px 12px}
.sidebar-compact .app-brand{padding:0 8px 27px;justify-content:center}
.sidebar-compact .app-brand img{width:33px;height:33px}
.sidebar-compact .app-brand strong,.sidebar-compact .nav-label,.sidebar-compact .side-bottom>div,.sidebar-compact .side-bottom>small{display:none}
.sidebar-compact .sidebar nav{gap:11px}
.sidebar-compact .sidebar nav a{justify-content:center;padding:11px;border-radius:12px;gap:0}
.sidebar-compact .nav-icon,.sidebar-compact .nav-icon svg{width:22px;height:22px}
.sidebar-compact .side-bottom{padding:14px 0 0;align-items:center;font-size:0}
.sidebar-compact .side-bottom>a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #303030;border-radius:50%;background:#181818 url('assets/meed-symbol.svg') center/22px no-repeat}
.home-page{max-width:1260px;padding:24px 0 45px;overflow:visible}
.home-intro{text-align:center;position:relative;padding:27px 8px 70px;isolation:isolate}
.home-intro:before{content:'';position:absolute;z-index:-1;inset:0 20%;background:radial-gradient(#ffffff16 .65px,transparent .8px) 0 0/7px 7px;mask-image:radial-gradient(ellipse at 50% 0,#0004,transparent 68%);opacity:.3;pointer-events:none}
.home-eyebrow{font:9px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#686868;margin:0 0 19px}
.home-intro h1{font-size:clamp(32px,4.15vw,59px);font-weight:500;line-height:1.13;letter-spacing:-2.8px;margin:0 auto 24px;max-width:1180px;text-wrap:balance}
.intro-word{display:inline-block;animation:word-write .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--word)*.055s)}
.home-lede{color:#808080;font-size:16px;line-height:1.65;margin:0 auto;max-width:670px;letter-spacing:-.35px}
.intro-sub{animation:copy-write .7s .4s both}
.home-hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:35px}
.home-hero-actions .button{padding:14px 22px;border-color:#2b2b2b;font-size:13px;background:#090909;min-width:91px}
.home-hero-actions .button.primary{background:#fff;color:#080808;border-color:#fff}
.intro-actions{animation:panel-enter .5s .65s both}
.large-previews{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.preview-tile{position:relative;border:1px solid #2a2a2a;border-radius:20px;overflow:hidden;background:linear-gradient(155deg,#1b1b1b,#141414);isolation:isolate}
.large-previews .preview-tile{height:330px}
.preview-tile:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff0b;pointer-events:none;z-index:6}
.intro-panel{animation:panel-enter .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.78s + var(--panel)*.07s)}
.preview-top-label{position:absolute;left:16px;top:15px;z-index:4;font:7px 'IBM Plex Mono';letter-spacing:.07em;color:#bbb;padding:6px 8px;background:#101010b8;backdrop-filter:blur(10px);border:1px solid #ffffff11;border-radius:99px;pointer-events:none}
.preview-caption{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:21px 19px 18px;font-size:12px;letter-spacing:-.2px;color:#c4c4c4}
.preview-caption span:last-child{font-size:11px;color:#999}
.preview-caption:hover{color:#fff;background:linear-gradient(0deg,#1b1b1b99,transparent)}
.preview-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#09090912,transparent 28%,transparent 55%,#111111e6 100%);pointer-events:none}
.coin-reel-camera{position:absolute;left:-85px;right:-85px;top:-230px;bottom:-260px;transform:rotate(-7deg);animation:camera-pan 24s ease-in-out infinite alternate;pointer-events:none}
.coin-reels{display:grid;grid-template-columns:repeat(4,145px);gap:12px;justify-content:center;align-items:start}
.coin-column{animation:coins-rise 48s linear infinite;will-change:transform}
.coin-column:nth-child(2){animation-duration:62s;animation-direction:reverse;margin-top:-130px}.coin-column:nth-child(3){animation-duration:54s;margin-top:65px}.coin-column:nth-child(4){animation-duration:66s;animation-direction:reverse;margin-top:-65px}
.coin-column-group{display:grid;gap:12px;padding-bottom:12px}
.reel-token{border:1px solid #333;border-radius:15px;background:#080808;padding:7px;box-shadow:0 5px 20px #0006}
.reel-token-image{position:relative;height:132px;background:#252525;border-radius:11px;overflow:hidden}
.reel-token-image img{width:100%;height:100%;object-fit:cover;display:block}
.reel-token-image>span{position:absolute;bottom:6px;left:6px;max-width:calc(100% - 12px);padding:4px 7px;background:#0c0c0ce6;border:1px solid #ffffff1a;border-radius:99px;color:#eee;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-token p{font-size:9px;color:#b1b1b1;margin:9px 4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-token strong{font-size:13px;color:#eee;margin-left:4px;font-weight:600}.reel-token small{font-size:8px;color:#707070;margin-left:4px}
.explore-preview:hover .coin-column,.explore-preview:focus-within .coin-column,.payment-preview:hover .flow-reel,.protocol-preview:hover .spec-scroll{animation-play-state:paused}
.flow-reel{position:absolute;left:14px;right:14px;top:47px;animation:feed-rise 24s linear infinite;will-change:transform}
.flow-group{display:grid;gap:11px;padding-bottom:11px}
.flow-row{display:flex;align-items:center;gap:11px;padding:15px 13px;background:#0a0a0a;border:1px solid #252525;border-radius:15px;min-height:85px;box-shadow:0 2px 9px #0004}
.flow-row>div:first-child{flex:1;min-width:0}.flow-row strong{display:block;font-size:20px;line-height:1.02;letter-spacing:-.8px;font-weight:500}.flow-row small{display:block;font-size:9px;color:#818181;margin-top:7px}
.flow-row>span:last-child{font-size:8px;color:#727272;white-space:nowrap;margin-left:auto}
.flow-nodes{display:flex;align-items:center;gap:6px}.flow-node{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#343638;color:#e7e7e7;font-size:12px;position:relative;border:1px solid #565656}
.flow-node img{width:100%;height:100%;border-radius:50%;object-fit:cover}.flow-node b{position:absolute;right:-3px;bottom:-6px;font:7px 'IBM Plex Mono';background:#111;padding:1px 3px;color:#aaa;border:1px solid #333;border-radius:3px;font-weight:400}
.flow-wire{display:flex;gap:3px;align-items:center}.flow-wire i{height:2px;width:2px;background:#aaa;border-radius:50%;animation:route-dot 1.8s infinite}.flow-wire i:nth-child(2){animation-delay:.3s}.flow-wire i:nth-child(3){animation-delay:.6s}
.small-previews{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:14px}
.small-previews .preview-tile{height:238px}
.mini-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#aaa;padding:22px 20px 7px}.mini-period{font-size:8px;color:#767676}
.animated-metric{display:block;font-size:clamp(23px,2.65vw,39px);font-weight:500;letter-spacing:-1.5px;margin:0 20px;line-height:1.25;font-variant-numeric:tabular-nums}
.volume-bars{height:72px;display:flex;align-items:flex-end;gap:5px;padding:12px 20px 0;margin-top:10px}
.volume-bars i{flex:1;min-width:3px;background:linear-gradient(0deg,#444,#a7a7a7);border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow 1.4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--bar)*.06s);opacity:.75}
.recipient-scene{padding:22px 19px}.tiny-label{font:8px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#888}
.typing-field{border:2px solid #e6e6e6;border-radius:99px;margin-top:12px;height:35px;display:flex;align-items:center;padding:0 12px;font-size:10px;background:#0a0a0a;color:#eee;gap:3px}
.at-sign{color:#999}.typing-caret{width:1px;height:11px;background:#eee;margin-left:1px;animation:caret-blink 1s steps(2) infinite}
.recipient-example{display:flex;align-items:center;gap:8px;padding:10px 0 12px}.recipient-avatar{height:29px;width:29px;display:grid;place-items:center;background:#303030;border-radius:50%}.recipient-avatar img{height:20px;width:20px}.recipient-example strong{font-size:10px;font-weight:500;display:block}.recipient-example small{display:block;font-size:8px;color:#7e7e7e;margin-top:2px}.outline-dot{width:7px;height:7px;border:1px solid #888;border-radius:50%;margin-left:auto}
.recipient-scene-meta{font-size:8px;color:#767676;display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:7px;margin-top:4px}.recipient-scene-meta span:last-child{color:#aaa}
.spec-scroll{position:absolute;inset:0 18px auto;animation:spec-rise 34s linear infinite;will-change:transform}.spec-group{padding:22px 0 0}.spec-group pre{font:9px/1.85 'IBM Plex Mono',monospace;color:#868686;margin-top:13px;white-space:pre-wrap}.protocol-preview .preview-vignette{background:linear-gradient(0deg,#141414 0,transparent 40%)}
.market-source-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 3px 0;font-size:9px;color:#747474}.market-source-line>span{display:flex;align-items:center;gap:7px}.source-dot{width:4px;height:4px;border-radius:50%;background:#aaa;display:block}.market-source-line button{border:0;background:transparent;color:#999;font-size:9px;padding:6px 0}.market-source-line button:hover{color:#fff}
.home-market-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:32px;margin-top:74px}
.market-section-head{display:flex;align-items:center;gap:12px;min-height:35px;margin-bottom:19px}
.market-section-head h2{font-size:22px;letter-spacing:-.8px;font-weight:500;margin:0;white-space:nowrap}
.market-filters{display:flex;gap:5px;margin-left:2px}.market-filters button{display:flex;align-items:center;gap:5px;border:1px solid #303030;border-radius:99px;color:#939393;font-size:9px;background:#111;padding:6px 8px;white-space:nowrap}.market-filters img{width:12px;height:12px}.market-filters button.active{background:#252525;color:#fff;border-color:#858585}
.market-pagination{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}.market-pagination button{border:0;background:transparent;font:20px Arial;color:#b0b0b0;padding:3px 5px}.market-pagination span{font-size:9px;color:#777}.market-pagination button:disabled{opacity:.25}
.home-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.market-token-card{position:relative;display:block;text-align:left;padding:8px 8px 17px;border:1px solid #303030;border-radius:17px;background:#191919;color:#eee;min-width:0;overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}
.market-token-card:hover{transform:translateY(-4px);border-color:#777;background:#212121}.market-token-card:focus-visible{outline:2px solid #eee;outline-offset:3px}
.market-card-art{height:auto;aspect-ratio:1/1;position:relative;border-radius:12px;background:#282828;overflow:hidden}
.market-card-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.market-token-card:hover .market-card-art>img{transform:scale(1.05)}
.token-dex-badge,.token-age{position:absolute;top:7px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff22;border-radius:99px;background:#0c0c0ce6;font-size:7px;color:#ddd;padding:4px 5px;backdrop-filter:blur(6px)}
.token-dex-badge{left:6px;min-width:21px;height:21px}.token-dex-badge img{width:13px;height:13px}.token-age{right:6px}
.token-symbol-pill{position:absolute;left:6px;right:6px;bottom:7px;font-size:8px;font-weight:500;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff1a;border-radius:99px;background:#111e;backdrop-filter:blur(8px)}
.market-token-card h3{font-size:11px;font-weight:500;margin:13px 5px 6px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-cap{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0 5px}.token-cap small{font-size:8px;font-weight:400;color:#7e7e7e;margin-left:5px}.token-change{display:block;font:8px 'IBM Plex Mono';margin:8px 5px 0;color:#bbb}.token-change.negative{color:#888}.market-token-card .token-price{font-size:8px;color:#777;display:block;margin:9px 5px 0}
.market-footnote{font-size:9px;line-height:1.7;color:#666;margin:14px 2px 0}.market-loading{grid-column:1/-1;border:1px solid #2d2d2d;border-radius:17px;padding:70px 25px;color:#777;font-size:12px;text-align:center}
.project-channel-list{display:grid;gap:16px}.project-channel-card{border:1px solid #303030;border-radius:18px;overflow:hidden;background:#191919;display:block;transition:border-color .25s,transform .25s;min-width:0}.project-channel-card:hover{border-color:#777;transform:translateY(-3px)}
.channel-cover{height:117px;position:relative;overflow:hidden;background:#222}.channel-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);object-position:center 40%;transform:scale(1.07)}.channel-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1118,transparent)}
.channel-avatar{position:absolute;bottom:9px;left:15px;z-index:1;width:45px;height:45px;object-fit:cover;border-radius:50%;border:2px solid #191919;background:#222}.channel-cover .channel-avatar{filter:none;transform:none;width:45px;height:45px}
.channel-details{padding:13px 16px 17px}.channel-details strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-details>span{font-size:11px;display:block;color:#8b8b8b;margin-top:3px}.channel-data{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#888;margin-top:14px}.channel-data b{font-size:13px;color:#ddd;font-weight:500;display:block;margin-top:5px}
.market-readings{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #303030;border-bottom:1px solid #303030}.reading{padding:28px 22px 29px;border-right:1px solid #303030}.reading:first-child{padding-left:0}.reading:last-child{border-right:0}.reading>span{font-size:10px;color:#878787;display:block}.reading strong{display:block;font-size:31px;font-weight:500;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;margin:14px 0 10px}.reading small{font-size:8px;color:#696969;line-height:1.7;display:block}
.home-how{margin-top:95px}.how-heading{text-align:center}.how-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:18px 0}.how-heading h2>span{color:#8d8d8d}.how-heading p{font-size:13px;line-height:1.7;color:#7e7e7e;margin:0}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px}.how-steps>a{border-top:1px solid #333;padding:20px 0}.step-code{font:8px 'IBM Plex Mono';color:#7b7b7b;letter-spacing:.08em}.how-step-art{height:153px;margin:17px 0 20px;border:1px solid #292929;border-radius:18px;background:radial-gradient(ellipse at 50% 100%,#282828,#111 75%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.token-art img{width:78px;height:78px;object-fit:cover;border-radius:19px;box-shadow:0 16px 28px #0007;animation:token-float 6s ease-in-out infinite}.how-steps h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}.how-steps p{font-size:11px;color:#8a8a8a;line-height:1.7;margin:0;max-width:290px}.how-link{font-size:10px;display:inline-block;margin-top:19px;color:#ccc;border-bottom:1px solid #505050;padding-bottom:5px}.how-steps>a:hover .how-link{border-color:#ddd;color:#fff}
.identity-art>span{font-size:43px;z-index:1}.identity-rings{position:absolute;width:91px;height:91px;border:1px solid #555;border-radius:50%;box-shadow:0 0 0 15px #ffffff05,0 0 0 30px #ffffff03;animation:ring-breathe 4s ease-in-out infinite}
.record-art{display:grid;align-content:center;justify-items:start;padding:32px 35px;gap:10px}.record-art i{height:5px;width:85%;background:#777;border-radius:3px;animation:record-write 4s infinite;transform-origin:left}.record-art i:nth-child(2){width:68%;animation-delay:.3s}.record-art i:nth-child(3){width:78%;animation-delay:.6s}.record-art i:nth-child(4){width:55%;animation-delay:.9s}.record-art>span{font:7px 'IBM Plex Mono';color:#777;letter-spacing:.14em;margin-top:7px}
.home-inspector{margin-top:70px;padding:35px;border:1px solid #303030;border-radius:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;background:#111}.home-inspector h2{font-size:25px;letter-spacing:-1px;font-weight:500;margin:13px 0}.home-inspector p{font-size:11px;line-height:1.8;color:#898989;max-width:290px;margin:0}.home-inspector-form{min-width:0}.home-inspector .field{border-radius:99px;font-size:11px;padding:14px 17px;background:#090909}.home-inspector .inspector .button{border-radius:99px;white-space:nowrap;font-size:11px}
.home-faq{max-width:760px;margin:85px auto 0}.home-faq>.tiny-label{display:block;margin-bottom:24px}.home-faq details{border-top:1px solid #2b2b2b;padding:20px 0}.home-faq details:last-child{border-bottom:1px solid #2b2b2b}.home-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;letter-spacing:-.3px;cursor:pointer;gap:15px}.home-faq summary:after{content:'+';font-size:19px;color:#777;font-weight:400}.home-faq details[open] summary:after{content:'−'}.home-faq p{font-size:12px;color:#999;line-height:1.8;margin:17px 30px 0 0}
.home-wordmark{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:90px auto 0;padding:55px 0 0;border-top:1px solid #282828;position:relative}.home-wordmark:before{content:'';position:absolute;inset:20px 20% -40px;background:url('assets/ribbon-field.svg') center/contain no-repeat;opacity:.06;pointer-events:none}.home-wordmark img{height:60px;width:60px;opacity:.7}.home-wordmark>span{font-size:66px;letter-spacing:-4px;font-weight:500;color:#b5b5b5}.home-wordmark>p{flex-basis:100%;text-align:center;font-size:11px;color:#666;margin:0}
.reveal-section{opacity:1;transform:none;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.motion-enabled .reveal-section:not(.is-revealed){opacity:0;transform:translateY(28px)}
.market-token-card{animation:token-enter .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--card)*.045s)}
.public-explore-market{margin-top:38px;margin-bottom:40px}.public-explore-market .home-token-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.public-explore-market .market-card-art{aspect-ratio:1/1}
.analytics-market-row{display:flex;align-items:center;gap:14px;width:100%;padding:17px 2px;border:0;border-bottom:1px solid #2d2d2d;background:transparent;color:#eee;text-align:left}.analytics-market-row:last-child{border-bottom:0}.analytics-market-row:hover{background:#ffffff03}.analytics-market-row>img{width:33px;height:33px;border-radius:50%;object-fit:cover}.analytics-market-row>span:nth-child(2){width:150px;min-width:0}.analytics-market-row strong{font-size:12px;font-weight:500;display:block}.analytics-market-row small{font-size:9px;color:#7e7e7e;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-market-row>i{height:4px;background:#303030;flex:1;border-radius:99px;overflow:hidden}.analytics-market-row>i>b{display:block;height:100%;background:linear-gradient(90deg,#777,#eee);border-radius:99px}.analytics-market-value{width:90px;font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.platform-activity{margin-top:30px;border:1px solid #333;border-radius:16px;padding:21px}.platform-activity summary{cursor:pointer;font-size:13px}.platform-activity .status-note{margin-top:20px}.platform-activity .button{margin-top:18px}
@keyframes word-write{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes copy-write{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes panel-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes camera-pan{from{transform:rotate(-7deg) translateX(-20px)}to{transform:rotate(-7deg) translateX(12px)}}
@keyframes coins-rise{to{transform:translateY(-50%)}}
@keyframes feed-rise{to{transform:translateY(-50%)}}
@keyframes spec-rise{to{transform:translateY(-50%)}}
@keyframes route-dot{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes bar-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@keyframes caret-blink{50%{opacity:0}}
@keyframes token-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes token-float{50%{transform:translateY(-6px) rotate(-2deg)}}
@keyframes ring-breathe{50%{box-shadow:0 0 0 19px #ffffff05,0 0 0 38px #ffffff02}}
@keyframes record-write{0%,12%{transform:scaleX(.2);opacity:.3}55%,100%{transform:scaleX(1);opacity:1}}
@media(min-width:1500px){.home-intro h1{font-size:61px}.home-intro{padding-bottom:78px}.large-previews .preview-tile{height:365px}.home-market-layout{grid-template-columns:1.7fr 1fr}.market-card-art{aspect-ratio:1/1.05}.market-token-card h3{font-size:12px}.channel-cover{height:155px}}
@media(max-width:1150px){.home-market-layout{gap:22px;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.market-section-head{gap:8px}.market-section-head h2{font-size:19px}.market-filters{gap:4px;margin-left:0}.market-filters button{font-size:8px;padding:5px 7px}.market-pagination{gap:5px}.home-token-grid{gap:10px}.home-intro h1{letter-spacing:-2px}.flow-row{gap:8px;padding:15px 10px}.flow-row strong{font-size:18px}.flow-node{width:27px;height:27px}.flow-row>span:last-child{font-size:7px}.mini-head{padding-left:16px;padding-right:16px}.animated-metric{margin-left:16px}.recipient-scene{padding:22px 15px}.reading strong{font-size:27px}.small-previews{gap:10px}.large-previews{gap:12px}}
@media(max-width:960px){.public-explore-market .home-token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-market-layout{grid-template-columns:1fr}.home-channels .project-channel-list{grid-template-columns:repeat(3,1fr)}.home-channels .channel-cover{height:117px}.home-channels .market-section-head{margin-top:15px}.market-section-head h2{font-size:22px}.home-token-grid{grid-template-columns:repeat(4,1fr)}.market-card-art{aspect-ratio:1/.95}.small-previews .preview-tile{height:220px}.flow-row{flex-wrap:wrap}.flow-row>span:last-child{font-size:6px}.flow-nodes{gap:4px}.flow-wire{gap:2px}.home-intro h1{font-size:44px}.home-lede{font-size:15px}.home-how{margin-top:75px}.home-inspector{padding:28px;grid-template-columns:1fr;gap:22px}.home-inspector p{max-width:none}.market-readings{margin-top:40px}.reading{padding-left:14px;padding-right:14px}.reading strong{font-size:25px}.channel-details{padding:12px}.channel-details strong{font-size:14px}.channel-details>span{font-size:10px}.channel-data{font-size:8px;gap:8px}.channel-data b{font-size:11px}}
@media(max-width:780px){.app-body,.app-body.sidebar-compact{--side:0px}.app-main{padding-top:64px}.sidebar,.sidebar-compact .sidebar{width:235px;padding:24px 18px}.sidebar-compact .app-brand{padding:0 10px 33px;justify-content:flex-start}.sidebar-compact .app-brand strong,.sidebar-compact .nav-label,.sidebar-compact .side-bottom>div,.sidebar-compact .side-bottom>small{display:block}.sidebar-compact .sidebar nav a{justify-content:flex-start;padding:12px 15px;gap:14px;border-radius:99px}.sidebar-compact .sidebar nav{gap:8px}.sidebar-compact .side-bottom{font-size:11px;align-items:stretch}.sidebar-compact .side-bottom>a{font-size:11px;width:auto;height:auto;border:0;background:none;display:block}.sidebar-toggle{display:none}.topbar{height:64px;padding:0 17px}.network-label{margin-right:auto}.topbar .button{font-size:11px}.home-page{padding-top:22px}.home-intro{padding:30px 5px 50px}.home-eyebrow{font-size:8px;margin-bottom:19px}.home-intro h1{font-size:40px;letter-spacing:-1.7px;max-width:620px;line-height:1.12}.home-lede{font-size:13px;line-height:1.8;max-width:490px}.home-lede br{display:none}.home-hero-actions{margin-top:27px}.large-previews .preview-tile{height:290px}.large-previews{gap:12px}.small-previews .preview-tile{height:220px}.mini-head{font-size:9px;display:block;padding:18px 15px 7px}.mini-period{display:block;margin-top:5px}.animated-metric{font-size:26px;letter-spacing:-1px;margin-left:15px}.recipient-scene{padding:18px 12px}.recipient-example strong{font-size:8px}.recipient-example small{font-size:7px}.recipient-scene-meta{font-size:7px}.typing-field{font-size:8px;padding:0 8px}.spec-scroll{left:13px;right:13px}.spec-group pre{font-size:8px}.preview-caption{font-size:11px;padding:19px 14px 16px}.preview-caption span:last-child{font-size:9px}.preview-top-label{font-size:6px;left:11px;top:11px}.flow-reel{left:10px;right:10px;top:40px}.flow-row{gap:6px;padding:13px 9px;min-height:82px}.flow-row strong{font-size:17px}.flow-row small{font-size:8px}.flow-nodes{gap:4px}.flow-node{height:25px;width:25px}.flow-wire i:last-child{display:none}.flow-row>span:last-child{font-size:6px}.market-source-line{font-size:8px;align-items:flex-start}.market-source-line button{font-size:8px;white-space:nowrap}.home-market-layout{margin-top:52px}.how-steps{gap:19px}.how-step-art{height:135px}.how-steps h3{font-size:16px}.how-steps p{font-size:10px}.how-heading h2{font-size:29px}.home-wordmark{margin-top:65px}.home-faq{margin-top:65px}}
@media(max-width:600px){.large-previews{grid-template-columns:1fr 1fr;gap:9px}.large-previews .preview-tile{height:245px;border-radius:16px}.coin-reels{grid-template-columns:repeat(4,122px);gap:9px}.coin-reel-camera{left:-140px;right:-140px}.reel-token-image{height:110px}.reel-token{border-radius:12px;padding:5px}.reel-token p{font-size:8px}.reel-token strong{font-size:11px}.flow-row{display:grid;grid-template-columns:1fr auto;padding:12px 9px;min-height:92px}.flow-row>span:last-child{grid-column:1/-1;display:block;text-align:right;font-size:6px}.flow-row strong{font-size:16px}.flow-row small{font-size:6px}.flow-node{width:20px;height:20px;font-size:9px}.flow-node b{display:none}.flow-wire{gap:2px}.small-previews{grid-template-columns:1fr 1fr;gap:9px}.small-previews .protocol-preview{display:none}.small-previews .preview-tile{height:220px;border-radius:16px}.mini-head{font-size:10px}.animated-metric{font-size:32px}.recipient-example strong{font-size:9px}.recipient-example small{font-size:8px}.typing-field{font-size:10px}.recipient-scene-meta{font-size:8px}.home-intro h1{font-size:35px;letter-spacing:-1.5px}.home-intro{padding-top:22px;padding-bottom:42px}.home-eyebrow{font-size:7px;letter-spacing:.1em}.home-lede{font-size:12px}.home-hero-actions .button{font-size:12px;padding:13px 20px}.market-section-head{flex-wrap:wrap;margin-bottom:15px}.market-section-head h2{font-size:21px}.market-filters button{font-size:8px}.market-pagination{gap:4px}.home-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-card-art{aspect-ratio:1/1}.market-token-card{padding:8px 8px 16px;border-radius:18px}.market-token-card h3{font-size:12px}.token-cap{font-size:17px}.token-change{font-size:9px}.token-symbol-pill{font-size:9px}.token-age{font-size:8px}.token-dex-badge{width:23px;height:23px}.token-dex-badge img{height:15px;width:15px}.home-channels .project-channel-list{grid-template-columns:1fr}.home-channels .channel-cover{height:150px}.channel-details{padding:15px 17px}.channel-details strong{font-size:18px}.channel-details>span{font-size:12px}.channel-data{font-size:10px}.channel-data b{font-size:14px}.home-market-layout{gap:20px}.home-channels .market-section-head{margin-top:22px}.market-readings{grid-template-columns:1fr 1fr;margin-top:35px}.reading{padding:23px 15px}.reading:first-child{padding-left:15px}.reading:nth-child(2){border-right:0}.reading:nth-child(-n+2){border-bottom:1px solid #303030}.reading>span{font-size:10px}.reading strong{font-size:29px}.reading small{font-size:8px}.how-steps{grid-template-columns:1fr;gap:15px}.how-step-art{height:180px;margin-top:19px}.how-steps h3{font-size:22px}.how-steps p{font-size:12px;max-width:none}.how-link{font-size:11px}.how-heading h2{font-size:31px}.how-heading p{font-size:12px}.home-how{margin-top:65px}.home-inspector{margin-top:40px;padding:25px 20px;border-radius:20px}.home-inspector h2{font-size:26px}.home-inspector .inspector{flex-direction:column}.home-faq{margin-top:55px}.home-faq summary{font-size:14px;line-height:1.6}.home-wordmark>span{font-size:56px}.home-wordmark img{width:48px;height:48px}.home-wordmark{gap:15px;padding-top:35px}.market-footnote{font-size:8px}.market-source-line{line-height:1.6;gap:10px}.flow-row .flow-nodes{gap:3px}.preview-top-label{font-size:5px;padding:5px 6px}.preview-caption{font-size:10px;padding:18px 12px 14px}.preview-caption span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.intro-word,.intro-sub,.intro-actions,.intro-panel,.coin-column,.coin-reel-camera,.flow-reel,.spec-scroll,.flow-wire i,.typing-caret,.market-token-card,.how-step-art *,.volume-bars i{animation:none!important}.motion-enabled .reveal-section:not(.is-revealed){opacity:1;transform:none}.reveal-section{transition:none}.coin-reel-camera{transform:rotate(-7deg)}.coin-column{transform:translateY(-110px)}.flow-reel{transform:translateY(-25px)}}
@media(max-width:600px){.public-explore-market .home-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-market-row{gap:9px}.analytics-market-row>span:nth-child(2){width:95px}.analytics-market-row>img{width:29px;height:29px}.analytics-market-value{width:68px;font-size:12px}.analytics-market-row small{font-size:8px}.analytics-market-row strong{font-size:11px}}