.butter{margin-top:20px}.image-meter{position:relative;width:100%;max-width:380px;margin:0 auto;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 24px #00000059;overflow:hidden;background:#101318;cursor:pointer}.image-meter .image{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:bottom center;background-size:contain;opacity:0;transition:opacity 4s ease}.image-meter.missing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2a2f38,#15181e)}.image-meter.missing .image{opacity:0}.image-meter .cover{position:absolute;left:0;right:0;top:0;height:100%;background:#0f0f12;transition:height 2s linear}.image-meter.interactive .cover{transition:height .6s linear}.image-meter .shine{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,#fff0 40%,#ffffff2e,#fff0 60%);background-size:200% 100%;animation:shimmer 1.8s linear infinite;mix-blend-mode:overlay;opacity:0;transition:opacity 2s ease}.image-meter.loaded .image,.image-meter.loaded .shine{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.label{display:block;margin-top:12px;font-weight:800;font-size:42px;letter-spacing:1px;text-align:center}.status{margin-top:4px;text-align:center;font-weight:600;font-size:16px}.status.white{color:#e5e7eb}.status.green{color:#4ade80}.status.yellow{color:#facc15}.status.red{color:#f87171}*{box-sizing:border-box}html,body,#root{height:100%}body{display:grid;place-items:center}.app{max-width:640px;padding:24px;border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059}.header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.header .emoji{font-size:28px}.header h1{margin:0;font-size:24px;letter-spacing:.3px}.subtle{color:#cfd3d8;font-size:14px}.footer{margin-top:12px;font-size:13px;color:#aeb3b9}