
body{margin:0;background:#050807}
a{color:#EAF6F0}a:hover{color:#EAF6F0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #EAF6F0;outline-offset:3px}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
.e-card{background:#0D1411;border-radius:24px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 14px 34px rgba(0,0,0,.18)}
.e-night{background:radial-gradient(120% 90% at 20% 0%,#12201B 0%,#060A08 60%);color:#EAF6F0;border-radius:24px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.e-gloss{background:linear-gradient(180deg,#2A3833 0%,#111A17 48%,#060A08 100%);color:#0D1411;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -4px 8px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.28)}
.e-gloss:active{transform:translateY(1px)}
.e-cream{background:#0D1411;color:#EAF6F0;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 18px rgba(0,0,0,.18)}
.e-cream:active{transform:translateY(1px)}
.e-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;border:0;font:600 16px 'Sora',system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform .15s ease-out}
.e-pill.sm{min-height:44px;padding:0 18px;font-size:14px}
.e-nav button{font:500 15px 'Sora',system-ui,sans-serif;color:#93AAA0;background:transparent;border:0;border-radius:999px;min-height:43px;padding:0 16px;cursor:pointer}
.e-nav button.on{background:linear-gradient(180deg,#2A3833 0%,#111A17 48%,#060A08 100%);color:#0D1411;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -4px 8px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.28)}
.e-ca{font-family:'JetBrains Mono',ui-monospace,monospace}
.e-pre{font-weight:600;color:#3DF2A2;background:#0E3524;border-radius:5px;padding:0 3px}
.e-pre.dark{background:#0F3A26;color:#EAF6F0}
.e-mid{color:#93AAA0}.e-mid.dark{color:#83998F}
.e-input{font:400 16px 'Sora',system-ui,sans-serif;color:#EAF6F0;background:#0D1411;border:1px solid #1F2C27;border-radius:14px;min-height:50px;padding:12px 14px;box-sizing:border-box;width:100%}
.e-input.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:18px}
@keyframes eScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes eBurn{from{width:0}to{width:100%}}
@keyframes ePulse{0%,100%{opacity:1}50%{opacity:.35}}
.e-roll{animation:eScroll 9s linear infinite}
.e-burn{animation:eBurn .3s ease-out 1s both}
.e-dot{animation:ePulse 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.e-roll,.e-burn,.e-dot{animation:none}.e-burn{width:100%}}

[hidden]{display:none!important}
[data-route]{display:flex;flex-direction:column;gap:24px}
main{gap:24px!important}
header{gap:14px 24px!important;padding-top:20px!important}
.e-card,.e-night{margin:0}
@media (max-width:640px){[data-route]{gap:18px}main{gap:18px!important}}
@media (max-width:640px){main{padding:20px 16px 48px!important}header{padding:14px 16px 0!important}.e-card,.e-night{padding:22px!important}}

.e-field{display:flex;flex-direction:column;gap:6px}
.e-field label{font-size:14px;font-weight:500}
.e-field .hint{color:#93AAA0;font-weight:400}
.e-err{font-size:14px;color:#FF8A7A}
.e-toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#93AAA0;cursor:pointer;min-height:44px}
.e-toggle input{width:18px;height:18px;accent-color:#3DF2A2}
.e-drop{display:flex;align-items:center;gap:14px;border:1px dashed #4B5F57;border-radius:14px;padding:12px;cursor:pointer;min-height:76px;background:#0F1714}
.e-drop img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#050807}
.e-steps{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.e-steps li{display:flex;align-items:center;gap:10px;font-size:15px;color:#83998F}
.e-steps li .dot{width:20px;height:20px;border-radius:50%;border:2px solid #22332D;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.e-steps li.active{color:#EAF6F0}.e-steps li.active .dot{border-color:#7CFFC4;box-shadow:0 0 0 4px rgba(79,134,255,.18)}
.e-steps li.done{color:#EAF6F0}.e-steps li.done .dot{background:#3DF2A2;border-color:#3DF2A2}
.e-steps li.fail{color:#FDA29B}.e-steps li.fail .dot{border-color:#F04438}
.e-coin{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#0F1714;text-decoration:none;color:inherit;min-width:0}
.e-coin img,.e-coin .ph{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:#0E3524}
.e-coin .meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.e-coin .ca{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;color:#93AAA0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#060A08;color:#0D1411;padding:12px 18px;border-radius:999px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50}
button[disabled]{opacity:.5;cursor:not-allowed}

/* glitching header logo: only the blue band moves */
a[aria-label="Mint home"] svg{overflow:visible}
a[aria-label="Mint home"] svg text:nth-of-type(3){animation:eBand 3.2s steps(1,end) infinite}
@keyframes eBand{
  0%,15%,22%,55%,60%,100%{transform:none;filter:none;opacity:1}
  16%{transform:translateX(16px);filter:drop-shadow(-3px 0 #FF2E63) drop-shadow(3px 0 #22D3EE)}
  17%{transform:translateX(-12px);opacity:.5}
  18%{transform:translateX(26px);filter:drop-shadow(3px 0 #FF2E63) drop-shadow(-3px 0 #22D3EE)}
  19%{transform:translateX(-6px) translateY(2px);opacity:0}
  20%{transform:translateX(10px);filter:drop-shadow(-2px 0 #FF2E63) drop-shadow(2px 0 #22D3EE)}
  21%{transform:translateX(3px)}
  56%{transform:translateX(-14px);filter:drop-shadow(3px 0 #FF2E63) drop-shadow(-3px 0 #22D3EE)}
  57%{transform:translateX(20px);opacity:.4}
  58%{transform:translateX(6px) translateY(-2px);filter:drop-shadow(-3px 0 #FF2E63) drop-shadow(3px 0 #22D3EE)}
  59%{transform:translateX(-3px)}
}
a[aria-label="Mint home"]:hover svg text:nth-of-type(3){animation-duration:.5s}
@media (prefers-reduced-motion:reduce){a[aria-label="Mint home"] svg text:nth-of-type(3){animation:none}}

/* bigger coins section */
#coins>section:first-child{flex:1 1 100%!important;padding:32px!important;min-height:340px;gap:20px!important}
#coins>section:first-child h2{font-size:32px!important;letter-spacing:-.03em!important}
#coinList,#meList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:16px!important}
#coinList .e-coin,#meList .e-coin{padding:18px;gap:16px;border-radius:20px;border:1px solid #1F2C27;transition:transform .15s ease-out,box-shadow .15s ease-out}
#coinList .e-coin:hover,#meList .e-coin:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
#coinList .e-coin img,#coinList .e-coin .ph,#meList .e-coin img,#meList .e-coin .ph{width:72px;height:72px;border-radius:16px}
#coinList .e-coin b,#meList .e-coin b{font-size:19px}
#coinList .e-coin .ca,#meList .e-coin .ca{font-size:15px!important}
#coinEmpty{padding:40px!important}
@media (max-width:640px){#coins>section:first-child{padding:22px!important;min-height:0}#coinList,#meList{grid-template-columns:1fr!important}}

/* explore: search, sort, filters */
.e-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.e-tools #coinQ{flex:1 1 260px;min-width:0}
.e-tools select{flex:0 0 auto;width:auto;min-height:50px;padding:0 14px;cursor:pointer}
.e-chips{display:flex;flex-wrap:wrap;gap:6px}
.e-chips button{font:500 14px 'Sora',system-ui,sans-serif;color:#93AAA0;background:#121C18;border:0;border-radius:999px;min-height:40px;padding:0 14px;cursor:pointer}
.e-chips button.on{background:#060A08;color:#0D1411}
.e-sub{font-size:13px;color:#93AAA0}
#coinCount{margin-left:auto}
.e-none{background:#121C18;border-radius:16px;padding:22px;font-size:15px;color:#93AAA0}
.e-link{background:none;border:0;padding:0;font:inherit;color:#3DF2A2;font-weight:600;cursor:pointer;text-decoration:underline}
@media (max-width:640px){#coinCount{margin-left:0;width:100%}.e-tools select{flex:1 1 auto}}

/* coin detail page */
.e-cd-head{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.e-cd-head img,.e-cd-head .ph{width:96px;height:96px;border-radius:22px;object-fit:cover;background:#0E3524;flex:0 0 auto}
.e-cd-ca{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;word-break:break-all;background:#121C18;border-radius:12px;padding:10px 12px;line-height:1.5}
.e-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.e-stat{background:#0F1714;border:1px solid #1F2C27;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.e-stat>span{font-size:13px;color:#93AAA0}.e-stat b{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:20px;font-weight:500}
.e-up{color:#12B76A}.e-down{color:#F04438}
.e-chart{position:relative;width:100%;height:520px;border-radius:18px;overflow:hidden;background:#060A08}
.e-chart iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.e-back{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:#93AAA0;text-decoration:none;min-height:44px}
@media (max-width:640px){.e-chart{height:420px}.e-cd-head img,.e-cd-head .ph{width:72px;height:72px}}

/* ---- Mint look ---- */
html,body{background:#050807!important;color:#EAF6F0}
body{background:radial-gradient(80% 45% at 50% -8%,rgba(61,242,162,.16),transparent 70%),radial-gradient(60% 40% at 100% 100%,rgba(61,242,162,.06),transparent 70%),#050807!important;background-attachment:fixed!important}
body>div{background:transparent!important}
::selection{background:#3DF2A2;color:#04120B}
*{font-stretch:100%!important}
h1{letter-spacing:-.04em!important;font-weight:800!important}
.e-card{background:linear-gradient(180deg,#0F1714,#0A100E)!important;border:1px solid #1F2C27!important;border-radius:14px!important;box-shadow:0 0 0 1px rgba(61,242,162,.03),0 18px 40px rgba(0,0,0,.55)!important}
.e-night{background:radial-gradient(120% 90% at 0% 0%,#123326 0%,#070C0A 60%)!important;border:1px solid rgba(61,242,162,.28)!important;border-radius:14px!important;box-shadow:0 0 40px rgba(61,242,162,.10),0 18px 40px rgba(0,0,0,.6)!important}
.e-gloss,.e-nav button.on,.e-chips .on{background:linear-gradient(180deg,#8CFFCB 0%,#3DF2A2 45%,#1FBF78 100%)!important;color:#04120B!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 24px rgba(61,242,162,.35)!important}
.e-cream{background:linear-gradient(180deg,#FAFCFB 0%,#C9D3CF 45%,#8C9894 75%,#DDE5E2 100%)!important;color:#07100C!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(0,0,0,.5)!important}
.e-pill{border-radius:10px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:700!important;font-size:14px!important}
.e-pill.sm{font-size:12px!important}
.e-nav{background:#0A100E!important;border:1px solid #1F2C27!important;border-radius:12px!important;box-shadow:none!important}
.e-nav button{border-radius:8px!important;color:#93AAA0!important;text-transform:uppercase;letter-spacing:.08em;font-size:13px!important}
.e-nav button.on{color:#04120B!important}
.e-input{background:#0A100E!important;border:1px solid #22332D!important;border-radius:10px!important;color:#EAF6F0!important}
.e-input:focus{border-color:#3DF2A2!important;box-shadow:0 0 0 3px rgba(61,242,162,.15)!important;outline:none}
.e-ca,.mono{color:#C8F5DF}
.e-pre{background:rgba(61,242,162,.14)!important;color:#3DF2A2!important;text-shadow:0 0 10px rgba(61,242,162,.45)}
.e-drop{border-color:#2A3833!important;background:#0A100E!important;border-radius:12px!important}
.e-coin{border-radius:12px!important;background:linear-gradient(180deg,#111B17,#0B1210)!important;border:1px solid #22332D!important;color:#EAF6F0!important}
.e-coin:hover{border-color:rgba(61,242,162,.45)!important;box-shadow:0 0 24px rgba(61,242,162,.12)!important}
.e-coin b,.e-coin strong{color:#F4FFF9!important}
.e-coin .ca{color:#A9C4B8!important}
.e-coin .ph{background:#0E3524!important}
.e-toast{background:#3DF2A2!important;color:#04120B!important;border-radius:10px!important}
details{border-color:#1F2C27!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #3DF2A2!important}
header{border-bottom:1px solid #15201C;padding-bottom:16px!important}
footer{border-top:1px solid #15201C;padding-top:20px!important;color:#83998F!important}
footer *{color:#83998F!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
