/* Shared Cereal motion. All content remains visible without JavaScript. */
.ticker{position:relative}.ticker .ticker-track{display:flex;width:max-content;animation:cereal-marquee 28s linear infinite;word-spacing:normal}.ticker .ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:34px;padding-right:34px;white-space:nowrap}.ticker .ticker-group b{margin:0}.ticker .ticker-pause{position:absolute;right:12px;top:50%;translate:0 -50%;border:1px solid var(--ink);border-radius:50%;background:#f8e983;color:var(--ink);width:36px;height:36px;display:grid;place-items:center;box-shadow:0 0 15px 12px #f8e983;font-size:16px;z-index:1}.ticker[data-paused=true] .ticker-track,body.page-idle .ticker-track{animation-play-state:paused}@media(hover:hover){.ticker:hover .ticker-track{animation-play-state:paused}}
@keyframes cereal-marquee{to{transform:translateX(-50%)}}
.reveal-in{animation:cereal-reveal .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes cereal-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.card,.market-card,.token-preview,.account-card,.market-surface{transition:translate .24s ease,box-shadow .24s ease}.button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.button:active:not(:disabled){transform:translateY(1px) scale(.97)}.filters button{transition:background-color .2s,color .2s,transform .2s}.filters button:active{transform:scale(.96)}
@media(hover:hover){.card:hover,.market-card:hover{translate:0 -5px;box-shadow:0 10px 0 #16334b}.token-preview:hover,.account-card:hover{translate:0 -3px}.button:hover span{translate:2px -2px}.button span{transition:translate .2s}}
.hero-logo{animation:cereal-logo-arrive .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes cereal-logo-arrive{from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
.milk-feedback{position:fixed;pointer-events:none;z-index:2147483647;width:1px;height:1px;contain:layout style}.milk-feedback::before{content:'';position:absolute;width:20px;height:20px;left:-10px;top:-10px;background:#fffdf3;border-radius:44% 56% 48% 52%;box-shadow:0 1px 5px #fff9;animation:milk-bloom .5s ease-out both}.milk-drop{position:absolute;width:var(--size);height:calc(var(--size)*1.25);margin:calc(var(--size)*-.5);background:#fffdf3;border-radius:55% 55% 48% 48%;box-shadow:0 1px 2px #244b661a;animation:milk-scatter .62s cubic-bezier(.12,.55,.4,1) both}
@keyframes milk-scatter{0%{opacity:0;transform:translate(0,0) scale(.3) rotate(var(--angle))}12%{opacity:1}65%{opacity:.95}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.45) rotate(var(--angle))}}
@keyframes milk-bloom{0%{opacity:.9;transform:scale(.3)}45%{opacity:.6;transform:scale(2.4)}100%{opacity:0;transform:scale(3)}}
@media(max-width:700px){.ticker .ticker-group{gap:20px;padding-right:20px}.ticker .ticker-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track,.hero-logo,.reveal-in{animation:none!important}.ticker .ticker-pause,.milk-feedback{display:none}.card,.market-card,.token-preview,.account-card,.market-surface,.button,.button span,.filters button{transition:none!important}.card:hover,.market-card:hover,.account-card:hover,.token-preview:hover{translate:none}.button:active:not(:disabled){transform:none}}