.main-graphic{width:100%;height:100%;max-width:100%;max-height:100%;position:relative;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y;-webkit-touch-callout:none;transform:translateZ(0)}.main-graphic *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.main-graphic canvas{outline:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;z-index:1;pointer-events:none;touch-action:pan-y}.main-graphic__html-portal{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.main-graphic__html-portal,.mg-central-label{-moz-user-select:none;user-select:none;-webkit-user-select:none}.mg-central-label{width:380px;height:380px;display:flex;align-items:center;justify-content:center}.mg-central-label__text{font-family:var(--font-family-primary);font-size:45px;font-weight:700;color:#ffffff;text-align:center;line-height:1.1;transform:rotate(-45deg);white-space:pre-line;-moz-user-select:none;user-select:none;-webkit-user-select:none;position:relative;z-index:1000;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:color .3s ease,text-shadow .3s ease}.mg-central-label__text--glowing{animation:mg-gold-pulse .8s ease-out forwards}@keyframes mg-gold-pulse{0%{color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.5)}50%{color:#ffed4e;text-shadow:0 0 25px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.7),0 2px 8px rgba(0,0,0,.5)}to{color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.5)}}.mg-toggle-label{border:3px solid #ff6b35;padding:12px 30px;border-radius:12px;color:#ff6b35;font-weight:700;font-size:24px;background:white;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;gap:8px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mg-toggle-label__progress{width:180px;height:8px;background:#ffe9e0;border-radius:4px;overflow:hidden}.mg-toggle-label__progress-bar{height:100%;background:#ff6b35;border-radius:4px;width:50%;animation:mg-progress 3s ease-in-out infinite paused}.main-graphic[data-animating=true] .mg-toggle-label__progress-bar{animation-play-state:running;width:auto}@keyframes mg-progress{0%{width:0}50%,to{width:100%}}.mg-heart-counter{font-family:var(--font-family-primary);font-size:42px;font-weight:1000;color:#1a1a1a;-webkit-text-stroke:.5px #1a1a1a;text-align:center;line-height:1;white-space:nowrap}.mg-card,.mg-heart-counter{-moz-user-select:none;user-select:none;-webkit-user-select:none}.mg-card{background:white;border-radius:12px;padding:12px;width:160px;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:8px}.mg-card-header{font-family:var(--font-family-primary);font-size:12px;font-weight:600;color:#333;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mg-card-content{display:flex;flex-direction:column;gap:6px}.mg-skeleton-line{height:6px;background:#f0f0f0;border-radius:3px}.mg-skeleton-line.short{width:60%}.mg-card-image-placeholder{height:80px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.mg-card-icon-placeholder{width:32px;height:32px;background:#e0e0e0;border-radius:50%}.main-graphic-placeholder{width:100%;height:100%;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(234,234,234,.35) 0,transparent 70%);animation:mg-placeholder-pulse 2s ease-in-out infinite}@keyframes mg-placeholder-pulse{0%,to{opacity:.4}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.mg-toggle-label__progress-bar{animation:none;width:100%}.main-graphic-placeholder{animation:none;opacity:.5}}