.cs-overlay{--overlay-accent:#ff668c;--overlay-text:#f6f5f1;--overlay-muted:#b3bdba;position:relative;font-family:'DM Sans',system-ui,sans-serif;color:var(--overlay-text);line-height:1.3;box-sizing:border-box;isolation:isolate}.cs-overlay *{box-sizing:border-box}.co-frame{position:relative;display:flex;align-items:center;gap:18px;padding:22px 26px;background:linear-gradient(125deg,rgba(28,35,35,.96),rgba(18,24,25,.93));border:1px solid color-mix(in srgb,var(--overlay-accent) 25%,#394242);border-radius:18px;box-shadow:0 12px 40px #0004;overflow:hidden}.co-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,var(--overlay-accent) 12%,transparent);color:var(--overlay-accent);font-size:34px;font-weight:400;line-height:1}.co-copy{flex:1;min-width:0}.co-label{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--overlay-muted);margin-bottom:5px;overflow-wrap:anywhere}.co-number{display:block;font-size:38px;font-weight:700;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.05}.co-detail{font-size:11px;color:var(--overlay-muted);margin-top:7px;display:block}.co-unit{color:var(--overlay-accent)}.co-live{display:flex;align-items:center;gap:5px;color:var(--overlay-accent);font-size:8px;letter-spacing:.13em;margin-top:7px}.co-live:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.co-frame.co-goal{display:block;padding:22px 25px}.co-goal-header{display:flex;align-items:center;gap:15px;margin-bottom:18px}.co-goal .co-icon{width:42px;height:42px;border-radius:12px;font-size:27px}.co-goal .co-number{font-size:31px}.co-goal-percent{color:var(--overlay-accent);font-size:12px;margin-left:auto;font-weight:600}.co-goal-track{height:9px;border-radius:15px;background:#ffffff12;overflow:hidden}.co-goal-fill{height:100%;background:var(--overlay-accent);border-radius:15px;width:0%;transition:width .7s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 15px color-mix(in srgb,var(--overlay-accent) 50%,transparent)}.co-goal-footer{display:flex;justify-content:space-between;margin-top:9px;color:var(--overlay-muted);font-size:9px}.co-gift .co-number{color:var(--overlay-accent)}.co-pulse-ring{position:absolute;inset:5px;border:1px solid var(--overlay-accent);border-radius:50%;opacity:0;pointer-events:none}.co-viewer .co-icon{position:relative;border-radius:50%}.cs-overlay.is-changing .co-viewer .co-pulse-ring{animation:co-pulse 1s ease-out}.cs-overlay.is-changing .co-icon{animation:co-pop .55s ease-out}.cs-overlay.is-changing .co-gift{animation:co-glow .8s ease-out}.co-alert{flex-direction:column;text-align:center;padding:28px 24px;border-radius:22px;gap:12px;border-color:color-mix(in srgb,var(--overlay-accent) 55%,#343b3f);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--overlay-accent) 16%,transparent),transparent 70%),#161c20ee}.co-alert .co-icon{width:70px;height:70px;border-radius:23px;font-size:45px}.co-alert .co-label{font-size:9px;color:var(--overlay-accent)}.co-alert-name{font-size:24px;font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere}.co-alert-gift{font-size:13px;color:var(--overlay-muted);margin-top:4px}.co-alert-thanks{font-size:10px;color:#d7cfd7;margin-top:3px;letter-spacing:.03em}.co-alert.is-entering{animation:co-spotlight .65s cubic-bezier(.2,.9,.25,1)}.co-alert.is-leaving{animation:co-leave .45s ease-in forwards}.co-bar{display:flex;align-items:center;justify-content:space-around;gap:0;padding:22px 14px;border-radius:16px}.co-bar-cell{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;border-right:1px solid #ffffff14}.co-bar-cell:last-child{border:0}.co-bar-icon{font-size:21px;color:var(--overlay-accent)}.co-bar .co-number{font-size:26px;letter-spacing:-.5px}.co-bar .co-label{font-size:8px;margin:4px 0 0;letter-spacing:.12em}.co-particles{position:absolute;inset:-30px;pointer-events:none;z-index:4;overflow:visible}.co-particle{position:absolute;left:50%;top:50%;color:var(--overlay-accent);font-size:15px;animation:co-burst 1.3s ease-out forwards;animation-delay:var(--delay,0s);opacity:0;will-change:transform,opacity}.cs-overlay[data-theme=solid] .co-frame{background:#111619;box-shadow:none;border-width:2px}.cs-overlay[data-theme=minimal] .co-frame{background:transparent;border-color:transparent;box-shadow:none;filter:drop-shadow(0 2px 3px #0009)}.cs-overlay[data-theme=minimal] .co-icon{background:transparent}.cs-overlay[data-motion=false] *{animation:none!important;transition:none!important}.cs-overlay-source{margin:0;padding:22px;background:transparent!important;overflow:hidden;font-family:system-ui,sans-serif}.cs-overlay-source .cs-overlay{width:100%;max-width:920px}.cs-overlay-source .cs-overlay[data-overlay-kind=likes-simple],.cs-overlay-source .cs-overlay[data-overlay-kind=viewers-pulse],.cs-overlay-source .cs-overlay[data-overlay-kind=gift-total]{max-width:436px}.cs-overlay-source .cs-overlay[data-overlay-kind=likes-goal]{max-width:516px}.cs-overlay-source .cs-overlay[data-overlay-kind=gift-alert]{max-width:596px;padding:15px 40px}.cs-overlay-status{display:inline-block;max-width:500px;margin:12px 0 0;padding:8px 11px;border-radius:6px;background:#1c242dee;color:#d2ddd5;font:12px/1.5 system-ui,sans-serif}.cs-overlay-source [hidden]{display:none!important}
@keyframes co-pop{0%,100%{transform:scale(1)}35%{transform:scale(1.2)}65%{transform:scale(.94)}}@keyframes co-pulse{0%{transform:scale(.8);opacity:.7}100%{transform:scale(2);opacity:0}}@keyframes co-glow{0%,100%{box-shadow:0 12px 40px #0004}35%{box-shadow:0 0 35px color-mix(in srgb,var(--overlay-accent) 40%,transparent)}}@keyframes co-spotlight{0%{opacity:0;transform:translateY(30px) scale(.85);filter:blur(4px)}65%{opacity:1;transform:translateY(-5px) scale(1.03);filter:blur(0)}100%{transform:translateY(0) scale(1)}}@keyframes co-leave{to{opacity:0;transform:translateY(-20px) scale(.96)}}@keyframes co-burst{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}85%{opacity:.8}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rotate)) scale(.8)}}
@media(prefers-reduced-motion:reduce){.cs-overlay *{animation:none!important;transition:none!important}}

.co-frame.co-avatar-stage{height:260px;width:100%;padding:0;border:0;box-shadow:none;background:transparent!important;display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px;overflow:hidden}
.co-avatar-ball{position:absolute;left:0;top:0;width:100px;text-align:center;will-change:transform;filter:drop-shadow(0 3px 7px #0009)}
.co-avatar-portrait{position:relative;display:grid;place-items:center;width:70px;height:70px;margin:0 auto 6px;border:3px solid var(--overlay-accent);border-radius:50%;background:linear-gradient(135deg,#27334c,#68365d);color:white;font-size:28px;overflow:hidden;box-shadow:0 0 18px color-mix(in srgb,var(--overlay-accent) 40%,transparent)}
.co-avatar-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.co-avatar-name,.co-avatar-gift{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-avatar-gift{font-size:10px;color:var(--overlay-accent);margin-top:3px}
.cs-overlay-source .cs-overlay[data-overlay-kind=avatar-bounce],.cs-overlay-source .cs-overlay[data-overlay-kind=avatar-rain]{position:fixed;inset:0;width:100vw;height:100vh;max-width:none}
.cs-overlay-source .co-avatar-stage{height:100%;width:100%}.cs-overlay-source .co-avatar-ball{width:140px}.cs-overlay-source .co-avatar-portrait{width:96px;height:96px}.cs-overlay-source .co-avatar-name{font-size:16px}.cs-overlay-source .co-avatar-gift{font-size:13px}
.cs-overlay-source .cs-overlay[data-overlay-kind=diamond-goal]{max-width:516px}

.co-frame.co-live-goal{--goal-progress:0%;min-height:140px;isolation:isolate;border-color:var(--overlay-accent);box-shadow:0 0 24px color-mix(in srgb,var(--overlay-accent) 25%,transparent);background:#101329;gap:20px;overflow:hidden}
.co-live-goal-fill{position:absolute;inset:0 auto 0 0;width:var(--goal-progress);background:linear-gradient(90deg,color-mix(in srgb,var(--overlay-accent) 48%,#102131),color-mix(in srgb,var(--overlay-accent) 70%,#102131));transition:width .7s ease;z-index:-1;box-shadow:0 0 22px var(--overlay-accent)}
.co-live-goal-copy{display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-width:0}.co-live-goal-copy .co-label{flex-basis:100%;color:#e6edf3;font-size:9px}.co-live-goal-title{font-size:23px;white-space:nowrap}.co-live-goal-value{font-size:22px;font-variant-numeric:tabular-nums}.co-live-goal-ring{flex-shrink:0;width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--overlay-accent);border-radius:50%;background:#111729;color:white;font-weight:700;font-size:12px}
.co-live-goal[data-view=gauge] .co-live-goal-fill,.co-live-goal[data-view=text] .co-live-goal-fill{display:none}.co-live-goal[data-view=gauge] .co-live-goal-ring{width:90px;height:90px;border:0;background:radial-gradient(closest-side,#111729 77%,transparent 80%),conic-gradient(var(--overlay-accent) var(--goal-progress),#ffffff18 0);font-size:20px}.co-live-goal[data-view=text]{border-color:transparent;box-shadow:none;background:transparent!important;filter:drop-shadow(0 2px 3px #000)}.co-live-goal[data-view=text] .co-live-goal-ring{display:none}.cs-overlay-source .cs-overlay[data-overlay-kind=live-goals]{max-width:676px}

.co-frame.co-leaderboard{display:block;padding:24px;background:linear-gradient(145deg,#123139f2,#12152cee 55%);border-color:color-mix(in srgb,var(--overlay-accent) 55%,#232948);border-radius:20px;box-shadow:0 0 28px color-mix(in srgb,var(--overlay-accent) 14%,transparent)}.co-board-title{font-size:27px;letter-spacing:-.7px;margin:10px 0 20px;color:white}.co-board-list{padding:0;margin:0;list-style:none;display:grid;gap:16px}.co-board-row{display:flex;gap:11px;align-items:center;min-width:0}.co-board-rank{font-size:23px;width:30px;flex-shrink:0;text-align:center;color:#c1cbd3;font-weight:700}.co-board-avatar{width:44px;height:44px;border:2px solid #91a3b5;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#263b61,#633757);position:relative;overflow:hidden;flex-shrink:0;font-size:21px;font-weight:700}.co-board-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.co-board-row[data-rank="1"] .co-board-avatar{border-color:#ffd56e;box-shadow:0 0 13px #ffc44e60}.co-board-row[data-rank="2"] .co-board-avatar{border-color:#dbe5f0}.co-board-row[data-rank="3"] .co-board-avatar{border-color:#e49b65}.co-board-copy{min-width:0}.co-board-name{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-board-score{font-size:14px;font-weight:700;color:var(--overlay-accent);font-variant-numeric:tabular-nums}.co-board-footer{display:block;font-size:8px;letter-spacing:.17em;color:#a3b7bd;margin-top:22px}.co-board-empty{color:#a3b7bd;font-size:13px;padding:30px 0}.cs-overlay-source .cs-overlay[data-overlay-kind^="board-"]{max-width:436px}
.cs-card-preview .cs-overlay[data-overlay-kind^="board-"]{transform:scale(.5);transform-origin:center;width:360px;min-width:360px}.cs-card-preview:has([data-overlay-kind^="board-"]){overflow:hidden}

.co-frame.co-heart{display:flex;flex-direction:column;padding:8px;gap:0;background:transparent!important;border:0;box-shadow:none;overflow:visible;text-align:center}.co-heart-title{display:block;line-height:1.15;overflow-wrap:anywhere;max-width:100%;font-weight:800}.co-heart-art{display:block;width:280px;max-width:100%;overflow:visible;filter:drop-shadow(0 4px 12px #0006);animation:co-heart-beat 3s ease-in-out infinite}.co-heart-liquid{transition:transform .8s ease}.co-heart-wave{animation:co-heart-wave 2.8s linear infinite}.co-heart-badge{display:block;padding:10px 22px;border-radius:40px;border:1px solid color-mix(in srgb,var(--overlay-accent) 55%,transparent);color:white;font-size:25px;font-variant-numeric:tabular-nums;box-shadow:0 0 24px color-mix(in srgb,var(--overlay-accent) 20%,transparent)}.co-heart-badge[hidden]{display:none}.co-heart-spark{animation:co-heart-spark 2s ease-in-out infinite}.cs-overlay-source .cs-overlay[data-overlay-kind=heart-goal]{max-width:356px}.cs-card-preview .cs-overlay[data-overlay-kind=heart-goal]{transform:scale(.62);transform-origin:center;width:300px;min-width:300px}.cs-card-preview:has([data-overlay-kind=heart-goal]){overflow:hidden}
@keyframes co-heart-wave{to{transform:translateX(160px)}}@keyframes co-heart-beat{0%,65%,100%{transform:scale(1)}75%{transform:scale(1.035)}85%{transform:scale(1)}}@keyframes co-heart-spark{50%{opacity:.4}}