*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ig-orange:#f09433;--ig-red:#dc2743;--ig-pink:#cc2366;--ig-purple:#bc1888;--charcoal:#1a1a1a;--charcoal-light:#2d2d2d;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--green-500:#22c55e;--green-400:#4ade80;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 25px rgba(0,0,0,.08),0 4px 10px rgba(0,0,0,.04);--shadow-xl:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.05);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--white);color:var(--charcoal);height:100dvh;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;line-height:1.4;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.main-container{width:100%;max-width:520px;height:100dvh;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 20px 24px;position:relative;z-index:1}.top-area{width:100%;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:4px 0}.logo-wrap{display:flex;align-items:center;gap:8px}.logo-wrap img{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:contain}.logo-text{font-weight:700;font-size:1.25rem;color:var(--charcoal);letter-spacing:-.02em}.status-pill{display:inline-flex;align-items:center;gap:7px;background:var(--gray-50);border:1px solid var(--gray-200);padding:8px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--gray-700);letter-spacing:-.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);white-space:nowrap}.status-pill .dot-live{width:8px;height:8px;border-radius:50%;background:var(--green-500);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}.hero-area{width:100%;text-align:center;flex-shrink:0;padding:8px 0}.hero-area h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:var(--charcoal);letter-spacing:-.03em;line-height:1.2;margin-bottom:6px}.hero-area h1 .gradient-accent{background:linear-gradient(135deg,var(--ig-purple),var(--ig-pink),var(--ig-red),var(--ig-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ping-row{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;color:var(--green-500);letter-spacing:-.01em}.ping-dot-sm{width:7px;height:7px;border-radius:50%;background:var(--green-500);animation:pulse-dot 1.8s ease-in-out infinite;flex-shrink:0}.hero-sub{font-size:clamp(.9rem,1.8vw,1rem);color:var(--gray-600);letter-spacing:-.01em;line-height:1.5;max-width:400px;margin:0 auto}.skeleton-card{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-lg);flex-shrink:0;display:flex;flex-direction:column;gap:14px;transition:all .4s ease}.skeleton-card.resolved{border-color:#e8e8e8;box-shadow:var(--shadow-md)}.sk-item{display:flex;align-items:center;gap:12px;min-height:36px}.sk-circle{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--gray-200);position:relative;overflow:hidden;transition:all .5s ease}.sk-circle::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.6s ease-in-out infinite;transform:translateX(-100%)}@keyframes shimmer{100%{transform:translateX(100%)}}.sk-bar{height:16px;border-radius:8px;background:var(--gray-200);flex:1;max-width:180px;position:relative;overflow:hidden;transition:all .5s ease}.sk-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.6s ease-in-out infinite;transform:translateX(-100%);animation-delay:.15s}.skeleton-card.resolved .sk-circle{background:#ecfdf5;border:2px solid var(--green-400);animation:none}.skeleton-card.resolved .sk-circle::after{display:none}.skeleton-card.resolved .sk-bar{background:transparent;font-weight:600;color:var(--charcoal-light);font-size:.9rem;letter-spacing:-.01em;animation:none;height:auto;max-width:none;flex:1}.skeleton-card.resolved .sk-bar::after{display:none}.sk-circle-check{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:1rem;color:var(--green-500);font-weight:700}.skeleton-card.resolved .sk-circle .sk-circle-check{display:flex}.ticker-wrap{width:100%;flex-shrink:0;text-align:center;min-height:22px;display:flex;align-items:center;justify-content:center}.ticker-text{font-size:.72rem;color:var(--gray-400);letter-spacing:-.01em;font-weight:500;transition:opacity .5s ease;white-space:nowrap}.cta-button{width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#bc1888,#cc2366,#dc2743,#e6683c,#f09433);background-size:200% 200%;color:#fff;font-family:var(--font-sans);font-weight:700;font-size:clamp(1.05rem,2vw,1.2rem);letter-spacing:-.02em;padding:16px 28px;border-radius:var(--radius-xl);border:none;cursor:pointer;text-decoration:none;text-align:center;flex-shrink:0;box-shadow:0 8px 30px rgba(204,35,102,.35),0 4px 12px rgba(188,24,136,.25);transition:all .3s ease;position:relative;z-index:2;animation:gradient-shift 6s ease infinite;-webkit-tap-highlight-color:transparent;outline:none}.cta-button:focus-visible{outline:3px solid var(--ig-pink);outline-offset:3px;box-shadow:0 0 0 6px rgba(204,35,102,.2),0 8px 30px rgba(204,35,102,.4)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(204,35,102,.4),0 6px 16px rgba(188,24,136,.3)}.cta-button:active{transform:scale(.97);box-shadow:0 4px 16px rgba(204,35,102,.3)}@keyframes gradient-shift{0%,100%{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.sticky-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--white);border-top:1px solid var(--gray-200);padding:10px 20px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(0,0,0,.06);animation:none}.sticky-mobile-bar.pulse-bar{animation:bar-pulse .6s ease-out}@keyframes bar-pulse{0%,100%{box-shadow:0 -4px 20px rgba(0,0,0,.06)}50%{box-shadow:0 -8px 35px rgba(204,35,102,.3),0 -4px 20px rgba(188,24,136,.2)}}.sticky-mobile-bar .bar-cta{display:flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,#bc1888,#cc2366,#dc2743,#e6683c,#f09433);background-size:200% 200%;color:#fff;font-family:var(--font-sans);font-weight:700;font-size:.95rem;letter-spacing:-.02em;padding:13px 20px;border-radius:var(--radius-full);text-decoration:none;text-align:center;animation:gradient-shift 6s ease infinite;box-shadow:0 4px 18px rgba(204,35,102,.3);-webkit-tap-highlight-color:transparent;outline:none;border:none;cursor:pointer}.sticky-mobile-bar .bar-cta:focus-visible{outline:3px solid var(--ig-pink);outline-offset:2px}.footer-mini{width:100%;text-align:center;flex-shrink:0;font-size:.7rem;color:var(--gray-400);letter-spacing:-.01em;padding:4px 0}.footer-mini span{font-weight:600;color:var(--gray-500)}@media(max-width:768px){.main-container{padding:14px 16px 16px;justify-content:space-between}.skeleton-card{padding:14px 16px;gap:10px;border-radius:var(--radius-md)}.sk-circle{width:28px;height:28px}.sk-bar{height:14px;max-width:140px}.skeleton-card.resolved .sk-bar{font-size:.82rem}.cta-button{padding:14px 22px;font-size:1rem;border-radius:var(--radius-lg)}.sticky-mobile-bar{display:block}.hero-area h1{font-size:clamp(1.4rem,5vw,1.8rem)}.hero-sub{font-size:.85rem}.status-pill{font-size:.72rem;padding:6px 10px}.main-container{padding-bottom:80px}}@media(min-width:769px){.sticky-mobile-bar{display:none!important}.main-container{padding-bottom:24px}}@media(max-height:620px){.main-container{padding:8px 14px 10px;gap:0}.skeleton-card{padding:10px 14px;gap:8px}.sk-circle{width:24px;height:24px}.sk-bar{height:12px;max-width:120px}.hero-area h1{font-size:1.25rem;margin-bottom:2px}.hero-sub{font-size:.75rem}.cta-button{padding:10px 16px;font-size:.9rem}.skeleton-card.resolved .sk-bar{font-size:.75rem}.status-pill{font-size:.68rem;padding:5px 8px}.ticker-text{font-size:.65rem}.main-container{padding-bottom:70px}}