:root{--lime:#84cc16;--cyan:#06b6d4;--lime-bright:#a3e635;--cyan-bright:#22d3ee;--charcoal:#1a1a1a;--charcoal-soft:#2d2d2d;--coral:#f4847c;--coral-soft:#fde8e5;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--glow-lime:rgba(132,204,22,0.35);--glow-cyan:rgba(6,182,212,0.35);--font-headline:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{height:100dvh;overflow:hidden;font-family:var(--font-body);font-weight:400;color:var(--charcoal);background:var(--white);display:flex;flex-direction:column;position:relative;letter-spacing:-0.01em}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(132,204,22,0.06) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 50% 55%,rgba(6,182,212,0.05) 0,transparent 55%),linear-gradient(180deg,#fff 0,#fafdf9 30%,#f9fdfd 60%,#fff 100%);pointer-events:none;z-index:0}body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(132,204,22,0.015) 38px,rgba(132,204,22,0.015) 40px,transparent 40px,transparent 78px,rgba(6,182,212,0.012) 78px,rgba(6,182,212,0.012) 80px);background-size:100% 160px;pointer-events:none;z-index:0;animation:energyBands 20s linear infinite}@keyframes energyBands{0%{background-position-y:0}100%{background-position-y:160px}}@media(prefers-reduced-motion:reduce){body::after{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.countdown-bar{position:sticky;top:0;z-index:100;background:var(--coral-soft);border-bottom:1px solid rgba(244,132,124,0.25);padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:42px}.countdown-bar .countdown-text{font-family:var(--font-body);font-size:clamp(0.7rem,1.4vw,0.8rem);font-weight:400;color:#b33a32;white-space:nowrap;letter-spacing:-0.01em}.countdown-bar .countdown-dot{width:7px;height:7px;border-radius:50%;background:#f4847c;animation:countdownPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes countdownPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.countdown-progress-wrap{position:absolute;bottom:0;left:0;right:0;height:2.5px;background:rgba(244,132,124,0.15)}.countdown-progress-fill{height:100%;background:linear-gradient(90deg,#f4847c,#f6a39d);border-radius:0 2px 2px 0;animation:progressDrain 900s linear forwards;transform-origin:left center}@keyframes progressDrain{0%{width:100%}100%{width:0}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,2.5vh,24px) clamp(16px,3vw,32px);position:relative;z-index:1;gap:clamp(10px,1.8vh,18px);min-height:0}.logo-wrap{margin-bottom:clamp(2px,0.5vh,8px);flex-shrink:0}.logo-wrap img{height:clamp(28px,4.5vh,40px);width:auto;display:block}h1{font-family:var(--font-headline);font-weight:700;font-size:clamp(1.5rem,4.5vw,2.8rem);color:var(--charcoal);text-align:center;line-height:1.15;letter-spacing:-0.005em;max-width:600px;flex-shrink:0}h1 .gradient-text{background:linear-gradient(135deg,#84cc16 0,#65a30d 25%,#06b6d4 60%,#0891b2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.subtitle{font-family:var(--font-body);font-weight:400;font-size:clamp(0.85rem,1.8vw,1.05rem);color:var(--gray-600);text-align:center;max-width:440px;line-height:1.4;flex-shrink:0;letter-spacing:-0.005em}.battery-meter-card{position:relative;background:var(--white);border-radius:28px;padding:clamp(18px,3vh,28px) clamp(20px,3.5vw,36px);box-shadow:0 2px 20px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.04),0 0 50px rgba(132,204,22,0.08),0 0 50px rgba(6,182,212,0.06);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);width:100%;max-width:420px;flex-shrink:0;transition:transform .25s cubic-bezier(0.25,0.1,0.25,1),box-shadow .25s cubic-bezier(0.25,0.1,0.25,1);will-change:transform;animation:meterEntry .5s cubic-bezier(0.22,0.61,0.36,1) .1s both}@keyframes meterEntry{0%{opacity:0;transform:translateY(16px) scale(0.96)}100%{opacity:1;transform:translateY(0) scale(1)}}.battery-meter-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.05),0 0 70px rgba(132,204,22,0.14),0 0 70px rgba(6,182,212,0.1)}@media(hover:none){.battery-meter-card:hover{box-shadow:0 2px 20px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.04),0 0 50px rgba(132,204,22,0.08),0 0 50px rgba(6,182,212,0.06)}.battery-meter-card{animation:none;opacity:1;transform:none}}.meter-label{font-family:var(--font-body);font-weight:700;font-size:clamp(0.7rem,1.4vw,0.8rem);color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;text-align:center}.meter-segments{display:flex;gap:clamp(4px,0.8vw,7px);width:100%;justify-content:center;align-items:center}.meter-segment{flex:1;max-width:44px;height:clamp(32px,5.5vh,48px);border-radius:10px;background:var(--gray-200);position:relative;overflow:hidden;transition:background .5s ease,box-shadow .5s ease}.meter-segment.filled{background:linear-gradient(180deg,#a3e635 0,#84cc16 30%,#22d3ee 70%,#06b6d4 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,0.5),0 0 12px rgba(132,204,22,0.3),0 0 8px rgba(6,182,212,0.2)}.meter-segment.fill-anim{animation:segmentFill .45s cubic-bezier(0.22,0.61,0.36,1) both}@keyframes segmentFill{0%{background:var(--gray-200);box-shadow:none;transform:scaleY(0.7);opacity:.4}60%{transform:scaleY(1.05)}100%{background:linear-gradient(180deg,#a3e635 0,#84cc16 30%,#22d3ee 70%,#06b6d4 100%);box-shadow:inset 0 1px 2px rgba(255,255,255,0.5),0 0 12px rgba(132,204,22,0.3),0 0 8px rgba(6,182,212,0.2);transform:scaleY(1);opacity:1}}.meter-score{font-family:var(--font-headline);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);background:linear-gradient(135deg,#84cc16,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;letter-spacing:-0.01em}.meter-detail{font-family:var(--font-body);font-weight:400;font-size:clamp(0.7rem,1.3vw,0.78rem);color:var(--gray-500);text-align:center;line-height:1.3}.cta-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-headline);font-weight:700;font-size:clamp(0.95rem,2vw,1.15rem);color:#fff;background:linear-gradient(135deg,#84cc16 0,#65a30d 20%,#06b6d4 60%,#0891b2 100%);border:none;border-radius:50px;padding:clamp(13px,2vh,17px) clamp(28px,5vw,44px);cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3),0 0 28px rgba(132,204,22,0.25),0 0 20px rgba(6,182,212,0.18);letter-spacing:-0.005em;transition:box-shadow .3s ease,transform .2s cubic-bezier(0.25,0.1,0.25,1);flex-shrink:0;animation:ctaEntry .5s cubic-bezier(0.22,0.61,0.36,1) .2s both;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;min-height:48px;min-width:200px}@keyframes ctaEntry{0%{opacity:0;transform:translateY(10px) scale(0.94)}100%{opacity:1;transform:translateY(0) scale(1)}}@media(hover:none){.cta-button{animation:none;opacity:1;transform:none}}.cta-button:hover{box-shadow:0 6px 20px rgba(0,0,0,0.16),0 2px 6px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.4),0 0 40px rgba(132,204,22,0.4),0 0 32px rgba(6,182,212,0.3);transform:translateY(-1px)}.cta-button:active{transform:translateY(1px) scale(0.98);box-shadow:0 1px 4px rgba(0,0,0,0.14),inset 0 1px 0 rgba(255,255,255,0.25),0 0 18px rgba(132,204,22,0.2)}.cta-button:focus-visible{outline:3px solid #06b6d4;outline-offset:4px;box-shadow:0 0 0 6px rgba(6,182,212,0.2),0 2px 8px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.3)}@media(prefers-reduced-motion:reduce){.cta-button{box-shadow:0 2px 8px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3)}.cta-button:hover{box-shadow:0 2px 8px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.3)}}.device-badges{display:flex;gap:clamp(8px,1.5vw,14px);flex-wrap:wrap;justify-content:center;flex-shrink:0}.device-badge{font-family:var(--font-body);font-weight:400;font-size:clamp(0.65rem,1.2vw,0.75rem);color:var(--gray-500);background:var(--gray-100);border-radius:20px;padding:6px 14px;letter-spacing:-0.005em;border:1px solid var(--gray-200)}.activity-ticks{display:flex;flex-direction:column;gap:3px;align-items:center;flex-shrink:0;min-height:20px}.activity-tick{font-family:var(--font-body);font-weight:400;font-size:clamp(0.6rem,1vw,0.68rem);color:#9ca3af;letter-spacing:-0.005em;opacity:0;transition:opacity .4s ease;text-align:center}.activity-tick.visible{opacity:1}.footer-mini{flex-shrink:0;text-align:center;padding:clamp(6px,1vh,12px) 16px;font-family:var(--font-body);font-weight:400;font-size:clamp(0.6rem,1vw,0.68rem);color:#c4c4c4;letter-spacing:-0.005em;position:relative;z-index:1}@media(max-width:480px){.battery-meter-card{border-radius:22px;padding:14px 16px;gap:8px}.meter-segment{border-radius:7px;height:28px;max-width:36px}.meter-segments{gap:3px}.countdown-bar{padding:8px 12px;min-height:36px}.cta-button{border-radius:40px;padding:12px 24px;min-width:160px}}