@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: rgba(17, 17, 40, .8);--border: rgba(255, 255, 255, .08);--text-primary: #e8e8ff;--text-secondary: rgba(232, 232, 255, .6);--accent-green: #4ade80;--accent-red: #ef4444;--accent-blue: #60a5fa;--accent-purple: #a78bfa;--accent-gold: #fbbf24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;bottom:-20px;width:4px;height:4px;background:var(--accent-purple);border-radius:50%;opacity:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:.4;transform:scale(1)}90%{opacity:.2}to{transform:translateY(-100vh) scale(0);opacity:0}}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:1}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1acc;position:sticky;top:0;z-index:10}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{font-size:.75rem;color:var(--text-secondary);letter-spacing:.05em}.chain-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border:1px solid var(--accent-blue);border-radius:9999px;font-size:.75rem;color:var(--accent-blue);font-weight:500}.chain-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem 1.5rem}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;text-align:center}.loading-spinner{width:60px;height:60px;border:3px solid var(--border);border-top-color:var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:1.1rem}.error-icon{font-size:3rem}.error-hint{color:var(--text-secondary);font-size:.85rem}.dashboard{display:grid;gap:2rem}.pet-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem}.pet-stage{display:flex;align-items:center;gap:1rem;justify-content:center}.pet-actions-left,.pet-actions-right{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--text-primary);position:relative;overflow:visible}.action-btn:hover{transform:scale(1.08);border-color:#ffffff26}.action-btn:active{transform:scale(.95)}.action-icon{font-size:1.5rem;line-height:1}.action-label{font-size:.6rem;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase}.action-feed:hover{border-color:var(--accent-green);box-shadow:0 0 12px #4ade8033}.action-bath:hover{border-color:var(--accent-blue);box-shadow:0 0 12px #60a5fa33}.action-medicine:hover{border-color:var(--accent-red);box-shadow:0 0 12px #ef444433}.action-pop{animation:actionPop .4s cubic-bezier(.36,.07,.19,.97);border-color:var(--accent-gold)!important;box-shadow:0 0 16px #fbbf244d!important}@keyframes actionPop{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.9)}to{transform:scale(1)}}.pet-effect-container{position:absolute;top:-10px;left:50%;transform:translate(-50%);pointer-events:none;z-index:5}.pet-effect{position:absolute;font-size:1.5rem;animation:effectFloat 1.2s ease-out forwards;opacity:0}.pet-effect-1{left:-30px;animation-delay:0s}.pet-effect-2{left:10px;animation-delay:.15s}.pet-effect-3{left:50px;animation-delay:.3s}@keyframes effectFloat{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-15px) scale(1.1)}80%{opacity:.8;transform:translateY(-50px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.6)}}.pet-container{position:relative;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pet-bounce .pet-svg{animation:bounce .4s cubic-bezier(.36,.07,.19,.97)!important}.tap-hint{font-size:.75rem;color:var(--text-secondary);opacity:.6;letter-spacing:.05em}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(.85,1.15)}50%{transform:scale(1.15,.85)}70%{transform:scale(.95,1.05)}to{transform:scale(1)}}.pet-svg{animation:float 4s ease-in-out infinite,breathe 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pet-body{animation:bodyPulse 3s ease-in-out infinite}@keyframes bodyPulse{0%,to{opacity:.9}50%{opacity:1}}.pet-eyes .pupil{animation:blink 4s ease-in-out infinite}@keyframes blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.05)}}.zzz{animation:zzzFloat 2s ease-in-out infinite}.zzz:last-child{animation-delay:.5s}@keyframes zzzFloat{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:.2}}.pet-wings ellipse{animation:wingFlap 2s ease-in-out infinite;transform-origin:center}.pet-wings ellipse:last-child{animation-delay:.1s}@keyframes wingFlap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.85)}}.pet-tail{animation:tailWag 1.5s ease-in-out infinite;transform-origin:240px 200px}@keyframes tailWag{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.sparkle{animation:sparkleAnim 1.5s ease-in-out infinite}.sparkle:nth-child(2){animation-delay:.3s}.sparkle:nth-child(3){animation-delay:.6s}.sparkle:nth-child(4){animation-delay:.9s}@keyframes sparkleAnim{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}}.pet-crown{animation:crownGlow 2s ease-in-out infinite}@keyframes crownGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.evolution-badge{position:absolute;bottom:-10px;right:-10px;display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.65rem;font-weight:700;letter-spacing:.1em;border:1px solid var(--border);background:var(--bg-secondary)}.evolution-badge.egg{border-color:#8b8b8b;color:#8b8b8b}.evolution-badge.baby{border-color:var(--accent-green);color:var(--accent-green)}.evolution-badge.teen{border-color:var(--accent-blue);color:var(--accent-blue)}.evolution-badge.adult{border-color:var(--accent-purple);color:var(--accent-purple)}.evolution-badge.legendary{border-color:var(--accent-gold);color:var(--accent-gold)}.mood-indicator{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem}.mood-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:1rem;border:1px solid var(--border)}.mood-emoji{font-size:2.5rem}.mood-text{display:flex;flex-direction:column;gap:.25rem}.mood-label{font-size:.75rem;font-weight:700;letter-spacing:.15em}.mood-ecstatic,.mood-happy{color:var(--accent-green)}.mood-neutral{color:var(--accent-blue)}.mood-sad{color:var(--accent-gold)}.mood-angry{color:var(--accent-red)}.mood-sleeping{color:var(--accent-purple)}.mood-description{font-size:.85rem;color:var(--text-secondary)}.evolution-progress{display:flex;flex-direction:column;gap:.5rem}.evo-header{display:flex;justify-content:space-between;align-items:center}.evo-name{font-weight:600;font-size:.85rem}.evo-req{font-size:.7rem;color:var(--text-secondary)}.evo-bar{height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.evo-fill{height:100%;border-radius:9999px;transition:width .6s ease}.evo-fill.evo-egg{width:10%;background:#8b8b8b}.evo-fill.evo-baby{width:30%;background:var(--accent-green)}.evo-fill.evo-teen{width:55%;background:var(--accent-blue)}.evo-fill.evo-adult{width:80%;background:var(--accent-purple)}.evo-fill.evo-legendary{width:100%;background:var(--accent-gold)}.evo-stages{display:flex;justify-content:space-between}.evo-stage{font-size:1.2rem;opacity:.3;transition:opacity .3s,transform .3s}.evo-stage.active{opacity:1;transform:scale(1.3)}.chart-section{display:flex;flex-direction:column;gap:1.5rem}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:1.25rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-pair{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.chart-price{font-size:1.25rem;font-weight:700}.chart-price.positive{color:var(--accent-green)}.chart-price.negative{color:var(--accent-red)}.chart-change{font-size:.8rem;margin-left:.5rem;opacity:.8}.chart-svg-wrapper{position:relative;width:100%}.chart-svg{width:100%;height:auto;display:block}.price-dot{animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{r:4}50%{r:6}}.price-pulse{animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{r:4;opacity:.4}to{r:16;opacity:0}}.chart-footer{display:flex;justify-content:space-between;margin-top:.5rem}.chart-label{font-size:.7rem;color:var(--text-secondary)}.chart-loading{display:flex;align-items:center;justify-content:center;height:180px;color:var(--text-secondary)}.market-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.positive{color:var(--accent-green)}.negative{color:var(--accent-red)}.buy-ratio-bar{position:relative;height:24px;background:#ef444426;border-radius:9999px;overflow:hidden;margin-top:.25rem}.buy-ratio-fill{height:100%;background:linear-gradient(90deg,#4ade804d,#4ade8026);border-radius:9999px;transition:width .6s ease}.buy-ratio-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-primary)}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:1.25rem}.info-card h3{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--accent-blue)}.info-card ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.info-card li{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.info-card li strong{color:var(--text-primary)}.evo-guide{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.footer-link a{color:var(--accent-blue);text-decoration:none}.footer-link a:hover{text-decoration:underline}@media(max-width:768px){.main{padding:1.5rem 1rem}.info-section{grid-template-columns:1fr}.header-content{flex-direction:column;gap:.75rem}.stat-row{grid-template-columns:1fr}.pet-stage{flex-direction:column;gap:.75rem}.pet-actions-left,.pet-actions-right{flex-direction:row;gap:.5rem}}