*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#050507;color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 420px at 85% -10%,rgba(255,45,45,.14),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(255,45,45,.05),transparent 55%)}body.theme-light{background:#f5f4f7;color:#17141c}body.theme-light:before{background:radial-gradient(600px 420px at 85% -10%,rgba(230,0,0,.1),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(230,0,0,.04),transparent 55%)}body.theme-light .g-iconbtn:hover{background:#ececf1;border-color:#14121a2e;color:#17141c}body.theme-light .g-cta:hover,body.theme-light .g-cta:active{filter:brightness(1.05)}body.theme-light input,body.theme-light textarea,body.theme-light select{color:#17141c}body.theme-light select option{color:#17141c;background:#fff}body.reduce-motion .g-card,body.reduce-motion .g-cta,body.reduce-motion .g-iconbtn,body.reduce-motion .live-badge-pulse,body.reduce-motion .role-badge-pulse,body.reduce-motion .g-skeleton,body.reduce-motion .gift-pop{animation:none!important;transition:none!important}body.reduce-motion .g-card:hover,body.reduce-motion .g-cta:hover{transform:none}#root{position:relative;z-index:1}:focus-visible{outline:2px solid rgba(255,60,60,.7);outline-offset:2px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (pointer: coarse),(max-width: 520px){input,textarea,select{font-size:16px!important}}.g-menuitem{transition:background .14s ease}.g-menuitem:hover,.g-menuitem:focus-visible{background:#ffffff0d;outline:none}.no-scrollbar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}input:focus,textarea:focus,select:focus{outline:none;border-color:#f22!important;box-shadow:0 0 0 3px #ff28282e,inset 0 1px #ffffff0d}button{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:filter .16s ease,transform .16s ease,opacity .16s ease,box-shadow .16s ease}button:not(:disabled):not(.g-cta):hover{filter:brightness(1.15)}body.theme-light button:not(:disabled):not(.g-cta):hover{filter:brightness(.95)}button:not(:disabled):active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}img{max-width:100%;height:auto}.g-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.g-card:hover{transform:translateY(-2px);border-color:#ff5a5a66;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #000000b3,0 18px 52px #0009,0 8px 28px #ff1e1e2e}.g-cta{transition:filter .16s ease,transform .16s ease}.g-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.g-cta:active{transform:translateY(1px);filter:brightness(1)}.g-iconbtn{transition:background .16s ease,border-color .16s ease,color .16s ease}.g-iconbtn:hover{background:#26262e;border-color:#ffffff24;color:#fff}.g-skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes livePulse{0%,to{box-shadow:0 0 #ff1e1e80,0 6px 24px #ff1e1e59}50%{box-shadow:0 0 0 6px #ff1e1e00,0 6px 24px #ff1e1e59}}.live-badge-pulse{animation:livePulse 1.8s ease-in-out infinite}@keyframes roleBadgePulse{0%{box-shadow:0 0 3px 0 var(--role-glow, rgba(255,34,34,.28))}to{box-shadow:0 0 14px 3px var(--role-glow, rgba(255,34,34,.28))}}.role-badge-pulse{animation:roleBadgePulse 1.6s ease-in-out infinite alternate}.role-badge-steady{box-shadow:0 0 8px 1px var(--role-glow, rgba(255,34,34,.28))}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes gift-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gift-pop{animation:gift-pop .25s ease-out}@keyframes gift-float{0%{opacity:0;transform:translateY(6px) scale(.8)}12%{opacity:1;transform:translateY(0) scale(1.06)}75%{opacity:1}to{opacity:0;transform:translateY(-84px) scale(1)}}.gift-float{animation:gift-float 3.2s ease-out forwards}@keyframes goal-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.goalbar-fill{background:linear-gradient(90deg,#ff1e1e,#ff7a3d,#ff1e1e);background-size:200% 100%;animation:goal-shimmer 2.2s linear infinite}@media (prefers-reduced-motion: reduce){.g-card,.g-cta,.g-iconbtn,.live-badge-pulse,.role-badge-pulse,.g-skeleton,.gift-pop,.gift-float,.goalbar-fill{animation:none!important;transition:none!important}.gift-float{opacity:1!important}.g-card:hover,.g-cta:hover{transform:none}.groova-toast-item.in{animation:none;opacity:1;transform:none}.groova-toast-item.out{animation:none;opacity:0}}.groova-toast{position:fixed;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px;z-index:3000;pointer-events:none}.groova-toast-item{width:min(360px,100%);box-sizing:border-box;border-radius:18px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto;opacity:0}.groova-toast-item.in{animation:gToastIn .28s ease forwards}.groova-toast-item.out{animation:gToastOut .22s ease forwards}@keyframes gToastIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gToastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}.g-toast-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.g-toast-body{flex:1;min-width:0}.g-toast-title{font-weight:700;font-size:14px;line-height:1.35;margin-bottom:2px}.g-toast-msg{font-weight:600;font-size:13px;line-height:1.45;word-break:break-word}.g-toast-close{flex-shrink:0;width:20px;height:20px;padding:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}
