@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{opacity:.03}50%{opacity:.08}}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-18px) scale(1.04)}}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#181a20,#23242a 40%,#ff7e5f);background-size:200% 200%;animation:gradient 18s ease-in-out infinite;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container{background:#1c1d22fa;border-radius:24px;box-shadow:0 8px 32px #00000073,0 1.5px 8px #ff7e5f14;padding:.7rem .7rem .5rem;max-width:480px;width:100%;margin:.5rem auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.age-display{width:100%;margin-bottom:.5rem}h1{font-size:1.3rem;font-weight:700;margin-bottom:1.2rem;color:#fff;letter-spacing:-.01em;text-align:left}#age{font-size:2rem;font-weight:800;background:linear-gradient(90deg,#ff7e5f 20%,#feb47b 80%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;text-align:left;margin-bottom:.5rem;letter-spacing:.01em}.transaction-count{width:100%;margin-top:.5rem;padding-top:1.2rem;border-top:1.5px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:flex-start}h2{font-size:1.05rem;font-weight:600;color:#fff;opacity:.92;margin:0;letter-spacing:.01em}#transactionCount{font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,#ff7e5f 20%,#feb47b 80%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:.5rem}.button,.btn,button{background:linear-gradient(90deg,#ff7e5f 20%,#feb47b 80%);color:#23242a;font-weight:700;border:none;border-radius:999px;padding:.8rem 2.2rem;font-size:1.1rem;cursor:pointer;margin-top:1.5rem;box-shadow:0 2px 8px #ff7e5f14;transition:filter .2s}.button:hover,.btn:hover,button:hover{filter:brightness(1.08)}@media (max-width: 600px){.container{max-width:98vw;padding:1rem .2rem}h1{font-size:1rem}#age{font-size:1.1rem}h2{font-size:.9rem}#transactionCount{font-size:1rem}}.age-cloud{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:220px;max-width:340px;height:auto;margin:.7rem auto .5rem;gap:.05em}.age-block{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.1em;width:100%}.age-block-0 .age-num{font-size:3.8rem}.age-block-1 .age-num{font-size:2.7rem}.age-block-2 .age-num{font-size:2.1rem}.age-block-3 .age-num{font-size:1.6rem}.age-block-4 .age-num{font-size:1.3rem}.age-block-5 .age-num{font-size:1.1rem}.age-block-0 .age-label{font-size:1.5rem}.age-block-1 .age-label{font-size:1.1rem}.age-block-2 .age-label{font-size:.9rem}.age-block-3 .age-label{font-size:.8rem}.age-block-4 .age-label{font-size:.7rem}.age-block-5 .age-label{font-size:.6rem}.age-word{background:linear-gradient(120deg,#ff7e5f,#feb47b 40%,#23242a);background-size:300% 300%;animation:agecloud-gradient 12s ease-in-out infinite;background-clip:text;-webkit-background-clip:text;color:transparent;font-family:Inter,sans-serif;font-weight:900;text-shadow:none;will-change:font-size;letter-spacing:.01em;text-align:center;margin:0}@media (max-width: 600px){.age-cloud{min-width:180px;max-width:98vw;height:auto;gap:.05em}.age-block-0 .age-num{font-size:2.2rem}.age-block-1 .age-num{font-size:1.7rem}.age-block-2 .age-num{font-size:1.3rem}.age-block-3 .age-num{font-size:1.1rem}.age-block-4 .age-num{font-size:.95rem}.age-block-5 .age-num{font-size:.8rem}.age-block-0 .age-label{font-size:1.1rem}.age-block-1 .age-label{font-size:.9rem}.age-block-2 .age-label{font-size:.7rem}.age-block-3 .age-label{font-size:.6rem}.age-block-4 .age-label{font-size:.5rem}.age-block-5 .age-label{font-size:.4rem}}.vertical{writing-mode:vertical-rl;white-space:pre-line;letter-spacing:.08em;line-height:1.1;text-align:center}
