:root{--bg:#0b0a0e;--bg-2:#121016;--surface:#17141c;--surface-2:#1f1b25;--line:#ffffff12;--line-2:#ffffff1f;--text:#f3eef3;--muted:#8c8391;--pink:#ff5fa2;--pink-2:#ff8fbf;--pink-soft:#ff5fa224;--gold:#ffcf7a;--radius:16px;--shadow:0 20px 60px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}h1,h2,p{margin:0}svg{display:block}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px}.error{color:#ff7a8a;margin:8px 0;font-size:13px}.shell{background:radial-gradient(900px 500px at 15% -10%, #ff5fa21f, transparent 60%), radial-gradient(700px 500px at 110% 110%, #8c50ff14, transparent 60%), var(--bg);place-items:center;height:100%;display:grid}.phone{background:var(--bg-2);flex-direction:column;width:100%;max-width:430px;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=520px){.phone{border:1px solid var(--line-2);height:min(900px,100% - 48px);box-shadow:var(--shadow), 0 0 0 8px #ffffff05;border-radius:34px}}.page{flex:1;min-height:0;position:relative}.tabbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);background:#121016eb;display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 0 10px;font-size:11px;transition:color .2s;display:flex}.tab.on{color:var(--pink)}.tab-icon{position:relative}.badge{background:var(--pink);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-style:normal;line-height:17px;position:absolute;top:-5px;left:14px}.icon-btn{background:#ffffff0f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.primary{background:linear-gradient(135deg, var(--pink), #e8458f);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-weight:600;transition:transform .15s,opacity .2s;display:flex;box-shadow:0 10px 28px -10px #ff5fa2b3}.primary:active{transform:scale(.98)}.primary:disabled{opacity:.6}.group-ava{color:#fff;background:linear-gradient(140deg,#ff5fa2,#7a3cff);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.ava{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.toast{border:1px solid var(--line-2);z-index:30;background:#1e1a22f2;border-radius:10px;padding:8px 16px;font-size:13px;position:absolute;top:45%;left:50%;transform:translate(-50%)}.ref-art{filter:grayscale(.85)contrast(.9)brightness(1.1)}.ref-inset{border:1.5px solid #ffffffd9;border-radius:8px;width:30%;position:absolute;bottom:8px;left:8px;overflow:hidden;box-shadow:0 6px 16px -6px #000c}.ref-inset svg{width:100%;height:100%;display:block}.ref-label{color:#fff;text-align:center;letter-spacing:1px;background:#0000008c;padding:1px 0;font-size:9px;position:absolute;bottom:0;left:0;right:0}.mywork{scrollbar-width:none;height:100%;padding:22px 18px 24px;overflow-y:auto}.mywork::-webkit-scrollbar{display:none}.mw-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.mw-head h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.earn{flex-direction:column;align-items:flex-end;font-size:12px;display:flex}.earn strong{color:var(--pink-2);font-variant-numeric:tabular-nums;font-size:20px}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .2s,border-color .2s;overflow:hidden}.card:hover{border-color:#ff5fa259}.card:active{transform:scale(.98)}.card-art{aspect-ratio:4/5;width:100%}.card-meta{justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.card-title{font-size:14px;font-weight:600}.sheet-mask{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}.sheet{background:var(--surface);border-top:1px solid var(--line-2);border-radius:24px 24px 0 0;width:100%;max-height:92%;padding:18px 18px 22px;animation:.28s cubic-bezier(.2,.8,.2,1) up;position:relative;overflow-y:auto}.sheet-close{z-index:1;position:absolute;top:14px;right:14px}.sheet-art{width:62%;box-shadow:var(--shadow);border-radius:14px;margin:4px auto 16px;position:relative;overflow:hidden}.sheet-art svg{width:100%;height:100%}.sheet h2{margin-bottom:4px;font-size:18px}.spec{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.share-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin:16px 0}.share-target{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.check{cursor:pointer;align-items:center;gap:10px;padding:12px 14px;display:flex}.check input{opacity:0;pointer-events:none;position:absolute}.check-box{border:1.5px solid var(--line-2);color:#0000;border-radius:50%;place-items:center;width:20px;height:20px;transition:all .15s;display:grid}.check.on .check-box{background:var(--pink);border-color:var(--pink);color:#fff}.check .small{margin-left:auto}.check:has(input:focus-visible) .check-box{outline:2px solid var(--pink-2);outline-offset:2px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.chat{flex-direction:column;height:100%;display:flex;position:relative}.chat-head{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);background:#121016c7;flex:none;padding:12px 16px 8px;position:relative}.ch-row{align-items:center;gap:10px;display:flex}.ch-title{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.ch-title strong{font-size:15px;font-weight:600}.ch-title>span{text-overflow:ellipsis;white-space:nowrap;animation:.2s fade;overflow:hidden}.ch-typing{color:var(--pink-2)}.speed{background:var(--pink-soft);height:24px;color:var(--pink-2);font-variant-numeric:tabular-nums;border:1px solid #ff5fa259;border-radius:12px;flex:none;padding:0 10px;font-size:12px;font-weight:600;transition:background .2s,transform .15s}.speed:hover{background:#ff5fa23d}.speed:active{transform:scale(.95)}.ch-phase{color:var(--muted);justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:12px;display:flex}.ch-phase em{font-style:normal;font-weight:600}.ch-phase em.ph-post{color:var(--pink)}.ch-phase em.ph-cheer{color:var(--gold)}.ch-phase em.ph-settled{color:var(--muted)}.timeline{gap:2px;height:4px;display:flex;position:relative}.tl-round{background:#ffffff0a;border-radius:2px;flex:0 0 calc(50% - 1px);height:100%;display:flex;position:relative;overflow:hidden}.tl-round.past{opacity:.4}.tl-post{background:var(--pink);opacity:.45;height:100%}.tl-cheer{background:var(--gold);opacity:.4;height:100%}.tl-round label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tl-dot{background:var(--pink);border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:left .25s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ff5fa240,0 0 12px 2px #ff5fa2b3}.tl-ticks{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.msgs{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 14px 6px;display:flex;overflow-y:auto}.msgs::-webkit-scrollbar{width:4px}.msgs::-webkit-scrollbar-track{background:0 0}.msgs::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.msgs>*{flex:none}.row{border-radius:14px;align-items:flex-start;gap:9px;display:flex}.enter{animation:.28s cubic-bezier(.2,.8,.2,1) both msg-in}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}}.row.mine{flex-direction:row-reverse}.row-body{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:78%;display:flex}.row.mine .row-body{align-items:flex-end}.row-meta{color:var(--muted);gap:6px;font-size:11px;line-height:1.2;display:flex}.row-meta .mono{opacity:.8;font-size:10px}.row.mine .row-meta{flex-direction:row-reverse}.bubble{background:var(--surface-2);border:1px solid var(--line);word-break:break-word;white-space:pre-wrap;border-radius:4px 14px 14px;padding:8px 12px}.row.mine .bubble{background:linear-gradient(135deg, var(--pink), #e8458f);color:#fff;border-color:#0000;border-radius:14px 4px 14px 14px;box-shadow:0 8px 22px -12px #ff5fa2cc}.ava-gap{flex:none;width:34px}.msgs>.cont{margin-top:-10px}.msgs>:has(+.cont) .bubble{border-bottom-left-radius:4px}.msgs>:has(+.cont) .row.mine .bubble{border-bottom-right-radius:4px;border-bottom-left-radius:14px}.quote{max-width:100%;color:var(--muted);text-align:left;white-space:nowrap;background:#ffffff0a;border-left:2px solid #fff3;border-radius:2px 6px 6px 2px;align-items:center;gap:6px;margin:1px 0 5px;padding:3px 8px;font-size:12px;line-height:1.45;transition:background .2s;display:flex}.quote:hover{background:#ffffff13}.quote-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.quote-text b{color:#b3aab8;font-weight:600}.quote-thumb{width:20px;height:20px;box-shadow:0 0 0 1px var(--line-2);border-radius:4px;flex:none;overflow:hidden}.quote-thumb svg{width:100%;height:100%}.quote.to-me{border-left-color:var(--pink);background:var(--pink-soft);color:var(--pink-2)}.quote.to-me b{color:var(--pink)}.quote.to-me:hover{background:#ff5fa238}.row.mine .quote{color:#ffffffd1;background:#00000024;border-left-color:#ffffffb3}.row.mine .quote b{color:#fff}.at{color:var(--pink-2);font-weight:500}.at-me{background:var(--pink-soft);color:var(--pink);border-radius:5px;padding:0 4px;font-weight:600;box-shadow:inset 0 0 0 1px #ff5fa259}.row.mine .at{color:#fff;box-shadow:none;background:0 0;padding:0;font-weight:600}.row.flash{animation:2s ease-out flash}@keyframes flash{0%,40%{background:var(--pink-soft);box-shadow:0 0 0 6px #ff5fa238,0 0 28px 4px #ff5fa259}to{background:0 0;box-shadow:0 0 0 6px #0000,0 0 28px 4px #0000}}.sys{justify-content:center;display:flex}.sys span{max-width:86%;color:var(--muted);text-align:center;background:#ffffff0d;border-radius:12px;padding:4px 12px;font-size:12px}.work-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);width:216px;max-width:100%;overflow:hidden;box-shadow:0 12px 30px -18px #000000e6}.work-art{background:var(--surface-2);width:100%;display:block;position:relative;overflow:hidden}.work-art svg{width:100%;height:100%;transition:transform .4s}.work-art:hover svg{transform:scale(1.03)}.tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:10px;padding:2px 8px;font-size:10px;position:absolute;top:8px;left:8px}.work-info{text-align:left;flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.cheer-row{align-items:center;gap:8px;margin-top:8px;display:flex}.work-info>.cheer-row:first-child{margin-top:0}.cheer-count{color:var(--pink-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:600;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;display:inline-flex}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}.stack{padding-left:5px;display:flex}.stack .ava{box-shadow:0 0 0 2px var(--surface);margin-left:-5px}.cheer-btn{border:1px solid var(--pink);height:26px;color:var(--pink-2);border-radius:13px;flex:none;margin-left:auto;padding:0 12px;font-size:12px;font-weight:600;transition:background .2s,color .2s,transform .15s}.cheer-btn:hover:not(:disabled){background:var(--pink);color:#fff}.cheer-btn:active:not(:disabled){transform:scale(.95)}.cheer-btn.done,.cheer-btn:disabled{border-color:var(--line-2);color:var(--muted);background:0 0}.board{border-radius:var(--radius);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #ffcf7a8c, #ff5fa273 50%, #ffffff0f) border-box;width:92%;box-shadow:var(--shadow);border:1px solid #0000;align-self:center;padding:14px;animation:.35s ease-out board-in}@keyframes board-in{0%{opacity:0}}.board-head{color:var(--gold);align-items:center;gap:8px;margin-bottom:12px;display:flex}.board-head strong{color:var(--text);font-size:15px}.board-head .muted{margin-left:auto}.board-first{background:linear-gradient(135deg,#ffcf7a1f,#ff5fa20f);border:1px solid #ffcf7a38;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.board-first.me{border-color:#ff5fa280;box-shadow:0 0 0 3px #ff5fa21f,0 0 26px -4px #ff5fa28c}.board-thumb{border-radius:10px;width:48px;height:48px;display:block;overflow:hidden}.board-thumb svg{width:100%;height:100%}.board-who{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.35;display:flex}.board-who strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rank-1{color:var(--gold);letter-spacing:.3px;background:#ffcf7a29;border-radius:6px;padding:0 6px;font-size:10px;font-weight:700}.prize{text-align:right;flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.prize strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.board-rest{margin:8px 0 0;padding:0;list-style:none}.board-rest li{border-top:1px solid var(--line);grid-template-columns:22px 1fr auto 30px 50px;align-items:center;gap:8px;padding:7px 4px;font-size:13px;display:grid}.board-rest li:first-child{border-top:0}.board-rest .rank{color:var(--muted);text-align:center}.board-rest .rank.crowned{place-items:center;display:grid}.board-rest .board-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-rest li>.mono{text-align:right}.board-rest .board-prize{color:var(--gold)}.board-rest li.me{background:var(--pink-soft);color:var(--pink-2);border-radius:8px;margin:0 -4px;padding:7px 8px}.board-rest li.me .rank{color:var(--pink-2)}.board-congrats{background:var(--pink-soft);color:var(--pink-2);text-align:center;border:1px solid #ff5fa247;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:12px}.tier-1{--tier:#ffcf7a;--tier-glow:#ffcf7a8c}.tier-2{--tier:#dfe5ee;--tier-glow:#d6e0ee73}.tier-3{--tier:#e7a271;--tier-glow:#e7a27173}.board-rank svg,.rank.crowned svg{color:var(--tier);filter:drop-shadow(0 0 4px var(--tier-glow));flex:none}.board-rank{align-items:center;gap:4px;display:inline-flex}.shine{background:linear-gradient(100deg, var(--tier) 0%, var(--tier) 40%, #fff 50%, var(--tier) 60%, var(--tier) 100%) 0 0 / 250% 100%;color:#0000;filter:drop-shadow(0 0 6px var(--tier-glow));-webkit-background-clip:text;background-clip:text;font-weight:700;animation:2.8s linear infinite shine}.board-rest .shine.board-prize{color:#0000}@keyframes shine{0%{background-position:100% 0}to{background-position:-50% 0}}.typing{white-space:nowrap;height:22px;color:var(--muted);opacity:0;pointer-events:none;flex:none;align-items:center;gap:7px;padding:0 16px;font-size:11px;transition:opacity .2s,transform .2s;display:flex;overflow:hidden;transform:translateY(3px)}.typing.on{opacity:1;transform:none}.typing-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.typing-text b{color:#b3aab8;font-weight:500}.typing-dots{background:var(--surface-2);border-radius:7px;flex:none;align-items:center;gap:3px;height:14px;padding:0 6px;display:inline-flex}.typing-dots i{background:var(--pink-2);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.typing:not(.on) .typing-dots i{animation-play-state:paused}@keyframes dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2.5px)}}.new-pill{z-index:10;background:var(--pink);color:#fff;border-radius:15px;align-items:center;gap:4px;height:30px;padding:0 14px;font-size:12px;font-weight:600;animation:.2s fade;display:inline-flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px -8px #ff5fa2bf}.composer{border-top:1px solid var(--line);background:#121016eb;flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.composer input{background:var(--surface-2);border:0;border-radius:19px;outline:none;flex:1;min-width:0;height:38px;padding:0 14px;transition:box-shadow .2s}.composer input::placeholder{color:var(--muted)}.composer input:focus{box-shadow:0 0 0 1.5px var(--pink), 0 0 0 5px #ff5fa226}.send{background:linear-gradient(135deg, var(--pink), #e8458f);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;transition:opacity .2s,transform .15s;display:grid;box-shadow:0 8px 20px -8px #ff5fa2cc}.send:active:not(:disabled){transform:scale(.92)}.send:disabled{opacity:.35;box-shadow:none}.viewer{z-index:40;-webkit-backdrop-filter:blur(12px);background:#050407eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;animation:.2s fade;display:flex;position:absolute;inset:0}.viewer-close{z-index:1;position:absolute;top:14px;right:14px}.viewer-pair{flex-direction:column;align-items:center;gap:8px;width:100%;min-height:0;animation:.28s cubic-bezier(.2,.8,.2,1) up;display:flex}.viewer-ref{flex:none;width:24%}.viewer-gen{width:80%}.viewer-arrow{color:var(--pink-2);opacity:.9;place-items:center;display:grid}.viewer-art{max-height:100%;box-shadow:var(--shadow), 0 0 0 1px var(--line-2);border-radius:14px;margin:0;position:relative;overflow:hidden}.viewer-art svg{width:100%;height:100%;display:block}.viewer-cap{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.viewer-cap strong{font-size:15px}@media (prefers-reduced-motion:reduce){.chat *,.chat :before,.chat :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.row.flash{background:var(--pink-soft);box-shadow:0 0 0 6px var(--pink-soft)}.typing-dots i:nth-child(2){opacity:.65}.typing-dots i:nth-child(3){opacity:.35}}.gift-wrap{justify-content:center;display:flex}.gift{--gold-hi:#fff3d6;isolation:isolate;border-radius:var(--radius);background:radial-gradient(120% 80% at 50% 38%, #ff5fa247, transparent 62%) padding-box, linear-gradient(170deg, #2a1622, var(--surface) 70%) padding-box, linear-gradient(135deg, var(--gold), var(--pink) 45%, #b892ffb3 75%, var(--gold)) border-box;text-align:center;-webkit-tap-highlight-color:transparent;border:1px solid #0000;flex-direction:column;align-items:center;width:232px;padding:10px 14px 14px;transition:transform .15s;animation:2.4s ease-in-out infinite gift-glow;display:flex;position:relative;overflow:hidden}.gift.idle:active{transform:scale(.97)}.gift:focus-visible{outline:2px solid var(--pink-2);outline-offset:3px}@keyframes gift-glow{0%,to{box-shadow:0 0 #ff5fa200,0 12px 32px -14px #ff5fa2b3}50%{box-shadow:0 0 0 4px #ff5fa21f,0 0 34px -2px #ff5fa28c}}.gift-sheen{z-index:3;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff38 48%,#ffffff0d 54%,#0000 62%) -150% 0/250% 100% no-repeat;animation:3.2s ease-in-out infinite gift-sheen;position:absolute;inset:0}@keyframes gift-sheen{0%,45%{background-position:150% 0}85%,to{background-position:-100% 0}}.gift-head{color:var(--muted);justify-content:space-between;align-self:stretch;align-items:center;font-size:11px;display:flex}.gift-head .mono{font-size:10px}.gift-tag{color:var(--gold);letter-spacing:1px;background:#ffcf7a24;border:1px solid #ffcf7a59;border-radius:999px;padding:1px 8px;font-weight:600}.gift-stage{grid-template:100%/100%;place-items:center;width:100%;height:118px;display:grid;position:relative}.gift-stage>*{grid-area:1/1}.gift-halo{background:radial-gradient(circle, #ffcf7a73, #ff5fa22e 42%, transparent 68%), repeating-conic-gradient(#ffcf7a29 0 10deg, transparent 10deg 30deg);border-radius:50%;width:150px;height:150px;animation:9s linear infinite gift-spin,2.4s ease-in-out infinite gift-breathe;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}@keyframes gift-spin{to{rotate:360deg}}@keyframes gift-breathe{0%,to{opacity:.75;scale:.88}50%{opacity:1;scale:1.06}}.gift-bob{z-index:1;animation:2.4s ease-in-out infinite gift-bob;position:relative}.gift-box{filter:drop-shadow(0 10px 14px #c8266e73);transform-origin:50% 90%;width:104px;height:104px;animation:3.6s ease-in-out infinite gift-wiggle;overflow:visible}.gift-lid{transform-box:fill-box;transform-origin:50% 100%}@keyframes gift-bob{0%,to{translate:0 2px}50%{translate:0 -6px}}@keyframes gift-wiggle{0%,72%,to{rotate:0deg}76%{rotate:-9deg}80%{rotate:8deg}84%{rotate:-6deg}88%{rotate:4deg}92%{rotate:0deg}}.gift-spark{z-index:2;background:var(--gold-hi);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px;filter:drop-shadow(0 0 4px var(--gold));opacity:0;animation:3s ease-in-out infinite gift-twinkle;position:absolute}.gift-spark:nth-child(odd){background:var(--pink-2);width:7px;height:7px}@keyframes gift-twinkle{0%,to{opacity:0;rotate:0deg;scale:.3}20%{opacity:1;scale:1}40%{opacity:0;rotate:90deg;scale:.4}}.gift-cta{letter-spacing:2px;background:linear-gradient(100deg, var(--pink-2) 0%, var(--pink-2) 40%, #fff 50%, var(--gold) 60%, var(--pink-2) 100%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:17px;font-weight:800;animation:2.4s linear infinite shine}.gift-sub{color:var(--muted);margin-top:2px;font-size:11px}.gift.pending .gift-bob{animation:none}.gift.pending .gift-box{animation:.42s ease-in-out infinite gift-charge}.gift.pending .gift-halo{animation:2.4s linear infinite gift-spin,.6s ease-in-out infinite gift-breathe}@keyframes gift-charge{0%,to{rotate:0deg;scale:1}20%{rotate:-7deg;scale:1.04}40%{rotate:6deg;scale:.97 1.06}60%{rotate:-5deg;scale:1.06}80%{rotate:4deg;scale:.98 1.04}}.gift.reveal,.gift.shown{animation:none;box-shadow:0 0 0 4px #ffcf7a1a,0 0 36px -6px #ffcf7a8c}.gift.reveal .gift-bob,.gift.shown .gift-bob{animation:.5s ease-in .22s both gift-sink}.gift.reveal .gift-box,.gift.shown .gift-box{animation:none}.gift.reveal .gift-lid,.gift.shown .gift-lid{animation:.55s cubic-bezier(.2,.7,.3,1) both gift-lid}.gift.reveal .gift-halo,.gift.shown .gift-halo{animation:6s linear infinite gift-spin;scale:1.15}@keyframes gift-lid{0%{transform:none}30%{transform:translateY(-14px)rotate(-6deg)}to{opacity:0;transform:translate(34px,-90px)rotate(48deg)}}@keyframes gift-sink{to{opacity:0;translate:0 26px;scale:.7}}.gift-rays{background:repeating-conic-gradient(from 0deg, #fff3d68c 0 6deg, transparent 6deg 22deg);border-radius:50%;width:260px;height:260px;animation:2.2s ease-out both gift-rays;-webkit-mask:radial-gradient(circle,#000 12%,#0000 66%);mask:radial-gradient(circle,#000 12%,#0000 66%)}@keyframes gift-rays{0%{opacity:0;rotate:0deg;scale:.2}15%{opacity:1}to{opacity:0;rotate:80deg;scale:1.2}}.gift-flash{z-index:2;background:radial-gradient(circle,#fff,#fff3d6cc 30%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:.6s ease-out 80ms both gift-flash}@keyframes gift-flash{0%{opacity:0;scale:.2}25%{opacity:1}to{opacity:0;scale:4}}.gift-burst{z-index:2;width:0;height:0;position:relative}.gift-bit{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:calc(var(--s) * .6);background:var(--c);box-shadow:0 0 6px var(--c);opacity:0;border-radius:1px;animation:1.25s cubic-bezier(.1,.7,.3,1) both gift-bit;position:absolute}.gift-bit.dot{height:var(--s);border-radius:50%}.gift-bit.star{width:calc(var(--s) * 1.6);height:calc(var(--s) * 1.6);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@keyframes gift-bit{0%{transform:rotate(var(--a)) translateY(0) rotate(0deg);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(var(--r)) translateY(14px);opacity:0}}.gift-amount{z-index:2;font-variant-numeric:tabular-nums;background:linear-gradient(100deg, var(--gold) 0%, var(--gold) 38%, #fff 50%, var(--gold) 62%, #f0a63c 100%) 0 0 / 250% 100%;color:#0000;filter:drop-shadow(0 0 10px #ffcf7a99);-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:2px;font-weight:900;line-height:1;animation:.55s cubic-bezier(.3,1.6,.5,1) .35s both gift-pop,2.2s linear .9s infinite shine;display:flex;position:relative}.gift-amount small{font-size:26px}.gift-amount b{letter-spacing:-1px;font-size:54px}@keyframes gift-pop{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.gift.reveal .gift-cta,.gift.shown .gift-cta{color:var(--gold);background:0 0;animation:none}.gift.reveal .gift-sub,.gift.shown .gift-sub{color:var(--pink-2);animation:.4s 1.2s both gift-fade}@keyframes gift-fade{0%{opacity:0;translate:0 4px}}.gift-done{color:var(--gold);background:linear-gradient(135deg,#ffcf7a1a,#ff5fa214);border:1px solid #ffcf7a4d;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:13px;display:inline-flex;position:relative;overflow:hidden}.gift-done>span{color:var(--text)}.gift-done:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff24 50%,#0000 60%) 0 0/250% 100% no-repeat;animation:4.5s ease-in-out infinite gift-sheen;position:absolute;inset:0}.gift-gold{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.gift-done.expired{border-color:var(--line-2);background:var(--surface);color:var(--muted);filter:grayscale()}.gift-done.expired>span{color:var(--muted)}.gift-done.expired:after{display:none}button.gift-done:not(:disabled):active{transform:scale(.97)}.gift-done .small{color:var(--muted);font-size:11px}.sys.claim button{max-width:86%;color:var(--muted);text-align:center;-webkit-tap-highlight-color:transparent;background:#ffcf7a0f;border-radius:12px;padding:4px 12px;font-size:12px}.sys.claim button:hover{background:#ffcf7a1f}.sys.claim b{color:var(--pink-2);font-weight:600}.sys.claim b.gift-gold{color:var(--gold)}.gift-mask{z-index:40;-webkit-backdrop-filter:blur(10px);background:radial-gradient(60% 45% at 50% 38%,#ff5fa247,#0000 70%),#050407e0;place-items:center;padding:20px;animation:.2s fade;display:grid;position:absolute;inset:0}.gift-pop{--gold-hi:#fff3d6;background:radial-gradient(130% 60% at 50% 0%, #6a1438, #34101f 55%, #1d1219) padding-box, linear-gradient(160deg, var(--gold-hi), var(--gold) 25%, var(--pink) 55%, #b8326f 80%, var(--gold)) border-box;border:1.5px solid #0000;border-radius:22px;flex-direction:column;width:min(330px,100%);max-height:100%;animation:.42s cubic-bezier(.3,1.4,.5,1) both gift-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 6px #ffcf7a0f,0 0 60px -6px #ff5fa28c,0 30px 60px -20px #000}@keyframes gift-pop-in{0%{opacity:0;translate:0 30px;scale:.7}}.gift-pop-close{z-index:5;color:var(--gold-hi);background:#00000040;position:absolute;top:10px;right:10px}.gift.gift-hero{width:auto;box-shadow:none;background:radial-gradient(90% 70% at 50% 45%,#ffcf7a29,#0000 70%);border:0;border-radius:0;flex:none;padding:16px 16px 18px;animation:none}.gift-hero .gift-tag{align-self:flex-start}.gift-hero .gift-stage{height:178px}.gift-hero .gift-halo{width:220px;height:220px}.gift-hero .gift-box{width:140px;height:140px}.gift-hero .gift-rays{width:340px;height:340px}.gift-hero .gift-amount small{font-size:30px}.gift-hero .gift-amount b{font-size:68px}.gift-hero .gift-cta{font-size:19px}.gift-hero .gift-sub{font-size:12px}.gift.reveal.gift-hero,.gift.shown.gift-hero{box-shadow:none}.gift.idle.gift-hero:active{transform:none}.gift-tap{-webkit-tap-highlight-color:transparent;width:100%;display:grid;position:relative}.gift-tap>*{grid-area:1/1}.gift-tap:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:16px}.gift-coin{z-index:3;background:radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 45%, #e09a32 100%);color:#8a2a12;border-radius:50%;place-self:end center;place-items:center;width:58px;height:58px;margin-bottom:-6px;font-size:26px;font-weight:900;animation:1.2s ease-in-out infinite gift-coin;display:grid;box-shadow:0 0 0 3px #fff3d659,0 6px 18px #e9a23b99,inset 0 -3px 6px #a05a1473}@keyframes gift-coin{0%,to{scale:1;box-shadow:0 0 0 3px #fff3d659,0 6px 18px #e9a23b99,inset 0 -3px 6px #a05a1473}50%{scale:1.1;box-shadow:0 0 0 10px #ffcf7a00,0 6px 26px #ffcf7ae6,inset 0 -3px 6px #a05a1473}}.gift-tap:active .gift-coin{scale:.92}.gift.pending .gift-coin{animation:.5s linear infinite gift-coin-spin}@keyframes gift-coin-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.15)}}.gift.ended .gift-halo{opacity:.35;filter:grayscale(.6);animation:none}.gift-ended{z-index:1;color:var(--muted)}.gift-ended svg{width:64px;height:64px}.gift.ended .gift-cta{color:var(--text);background:0 0;animation:none}.gift-list{background:#0a060973;border-top:1px solid #ffcf7a2e;flex-direction:column;min-height:0;display:flex}.gift-list-head{color:var(--gold);flex:none;justify-content:space-between;padding:10px 16px 6px;font-size:12px;display:flex}.gift-list ul{scrollbar-width:thin;scrollbar-color:#ffcf7a33 transparent;max-height:228px;margin:0;padding:0 10px 10px;list-style:none;overflow-y:auto}.gift-list li{border-radius:10px;align-items:center;gap:10px;padding:7px 6px;display:flex}.gift-list li+li{border-top:1px solid var(--line)}.gift-list li.me{background:var(--pink-soft);border-top-color:#0000}.gift-list li.me+li{border-top-color:#0000}.gift-list li.me .gift-name{color:var(--pink-2)}.gift-list li.enter-claim{animation:.45s cubic-bezier(.2,.9,.3,1.2) both gift-claim-in}@keyframes gift-claim-in{0%{opacity:0;background:#ffcf7a40;translate:40px}60%{opacity:1;translate:0}}.gift-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.gift-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.gift-who .mono{color:var(--muted);font-size:10px}.gift-list .gift-gold{font-size:15px}.gift-best{background:linear-gradient(135deg, var(--gold), #f0a63c);color:#5a2a06;border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 6px 0 4px;font-size:10px;font-style:normal;font-weight:700;line-height:16px;display:inline-flex}.gift-list-empty{color:var(--muted);text-align:center;margin:0;padding:6px 16px 18px;font-size:12px}@media (prefers-reduced-motion:reduce){.gift,.gift *,.gift-done:after,.gift-mask,.gift-pop,.gift-list li,.gift-coin{transition:none!important;animation:none!important}.gift-rays,.gift-flash,.gift-burst,.gift-spark{display:none}.gift.reveal .gift-bob,.gift.shown .gift-bob{visibility:hidden}}