@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes liquidWave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes boltPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px #d4af37)}50%{transform:scale(1.1);filter:drop-shadow(0 0 15px #f4d03f)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{height:100%;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);color:#fff;line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.05) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(212, 175, 55, 0.05) 0%, transparent 50%);pointer-events:none;z-index:0}.container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}.header{text-align:center;margin-bottom:50px;animation:fadeInUp .8s ease-out}.title{font-family:"Space Grotesk",-apple-system,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin-bottom:10px;background:linear-gradient(135deg, #ffffff 0%, #d4af37 50%, #ffffff 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:shimmer 4s linear infinite}@media(max-width: 480px){.title{font-size:2rem}}.subtitle{font-size:1rem;font-weight:300;color:hsla(0,0%,100%,.7);letter-spacing:3px;text-transform:uppercase}.battery-container{display:flex;flex-direction:column;align-items:center;gap:40px;animation:fadeInUp .8s ease-out .2s both}.battery{display:flex;align-items:center;position:relative}.battery-cap{width:12px;height:40px;background:linear-gradient(180deg, #4a4a5a 0%, #2a2a3a 50%, #3a3a4a 100%);border-radius:0 6px 6px 0;box-shadow:inset -2px 0 4px rgba(0,0,0,.3),2px 0 8px rgba(0,0,0,.2);order:2;margin-left:-2px}.battery-body{width:280px;height:120px;background:linear-gradient(180deg, #3a3a4a 0%, #1a1a2a 50%, #2a2a3a 100%);border-radius:16px;padding:8px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.1),inset 0 -2px 4px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.battery-body::before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;background:linear-gradient(180deg, #0a0a14 0%, #151520 100%);border-radius:10px;box-shadow:inset 0 4px 12px rgba(0,0,0,.6)}.battery-level{position:absolute;bottom:12px;left:12px;right:12px;height:calc(100% - 24px);border-radius:8px;overflow:hidden;background:linear-gradient(180deg, #00d26a 0%, #00a854 50%, #008c46 100%);box-shadow:0 0 20px rgba(0,210,106,.6),inset 0 0 10px rgba(0,210,106,.3);transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom;width:0%;height:auto;top:12px}.battery-level.level-medium{background:linear-gradient(180deg, #ffa500 0%, #e69500 50%, #cc8400 100%);box-shadow:0 0 20px rgba(255,165,0,.6),inset 0 0 10px rgba(255,165,0,.3)}.battery-level.level-low{background:linear-gradient(180deg, #ff4757 0%, #e63946 50%, #d62839 100%);box-shadow:0 0 20px rgba(255,71,87,.6),inset 0 0 10px rgba(255,71,87,.3);animation:pulse 1.5s ease-in-out infinite}.battery-liquid{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);animation:liquidWave 2s ease-in-out infinite}.battery-overlay{position:absolute;top:8px;left:8px;right:8px;bottom:8px;border-radius:10px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 40%, transparent 100%);pointer-events:none}.status-display{text-align:center}.percentage{display:flex;align-items:baseline;justify-content:center;gap:4px}.percentage-value{font-family:"Space Grotesk",-apple-system,sans-serif;font-size:5rem;font-weight:600;line-height:1;background:linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 480px){.percentage-value{font-size:3.5rem}}.percentage-symbol{font-size:2rem;font-weight:300;color:hsla(0,0%,100%,.7)}.charging-indicator{display:none;align-items:center;justify-content:center;gap:12px;margin-top:10px;padding:12px 24px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);border-radius:30px}.charging-indicator.active{display:flex}.charging-indicator span{font-size:1rem;font-weight:600;color:#d4af37;letter-spacing:1px;text-transform:uppercase}.bolt-icon{width:24px;height:24px;color:#d4af37;animation:boltPulse 1.5s ease-in-out infinite}.info-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}@media(max-width: 480px){.info-cards{flex-direction:column;width:100%;max-width:280px}}.info-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px 30px;min-width:160px;text-align:center;transition:all .3s ease}.info-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.info-label{display:block;font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.5);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.info-value{display:block;font-family:"Space Grotesk",-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:#fff}.footer{margin-top:60px;text-align:center;animation:fadeInUp .8s ease-out .4s both}.footer p{font-size:.875rem;color:hsla(0,0%,100%,.5);letter-spacing:1px}.error-message{text-align:center;padding:40px}.error-message h2{font-family:"Space Grotesk",-apple-system,sans-serif;font-size:1.5rem;color:#d4af37;margin-bottom:10px}.error-message p{color:hsla(0,0%,100%,.7);font-size:1rem}

/*# sourceMappingURL=app.css.map*/