.racha-card{border-radius:var(--radius-card,22px);transition:border-color var(--dur,.25s) var(--ease,ease), box-shadow var(--dur,.25s) var(--ease,ease);background:radial-gradient(120% 80% at 100% 0,#f59e0b1a,#0000 60%),linear-gradient(160deg,#f59e0b0f,#f59e0b04);border:1px solid #f59e0b38;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 44px -28px #000000d9}.racha-card.ready{border-color:#f59e0b80;box-shadow:0 18px 44px -28px #000000d9,0 0 44px -12px #f59e0b66}.racha-glow{pointer-events:none;opacity:.7;background:radial-gradient(circle,#f59e0b29,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-10%}.racha-card.ready .racha-glow{animation:3.2s ease-in-out infinite racha-breathe}@keyframes racha-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.racha-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex;position:relative}.racha-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#f59e0b;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.racha-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 4px;font-size:20px;font-weight:900;display:flex}.racha-title-ico{color:#fbbf24}.racha-sub{color:#a4adc0;max-width:340px;margin:0;font-size:13px;line-height:1.5}.racha-chip{color:#fbbf24;white-space:nowrap;background:#f59e0b24;border:1px solid #f59e0b4d;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.racha-track{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px;display:grid;position:relative}.racha-day{flex-direction:column;align-items:center;gap:7px;display:flex}.racha-day-ico{aspect-ratio:1;border:1px solid var(--border-subtle,#ffffff0f);color:#4a5167;width:100%;transition:transform var(--dur-fast,.15s) var(--ease,ease), background var(--dur-fast,.15s) var(--ease,ease), border-color var(--dur-fast,.15s) var(--ease,ease), color var(--dur-fast,.15s) var(--ease,ease), box-shadow var(--dur-fast,.15s) var(--ease,ease);background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;display:flex}.racha-day.on .racha-day-ico{color:#fbbf24;background:linear-gradient(160deg,#f59e0b38,#f59e0b1a);border-color:#f59e0b73;box-shadow:0 0 16px -4px #f59e0b80}.racha-day.box .racha-day-ico{border-style:dashed}.racha-day.box.on .racha-day-ico{color:#0a0a0f;background:linear-gradient(160deg,#fbbf24,#f59e0b);border-style:solid;animation:1.8s ease-in-out infinite racha-pop;box-shadow:0 0 22px -2px #f59e0bb3}@keyframes racha-pop{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.racha-day-label{color:#6b7591;font-size:11px;font-weight:700}.racha-day.on .racha-day-label{color:#a4adc0}.racha-bar{background:#ffffff0f;border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.racha-bar>i{height:100%;transition:width .5s var(--ease,cubic-bezier(.4, 0, .2, 1));background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;display:block;box-shadow:0 0 12px #f59e0b99}.racha-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.racha-count{color:#fff;font-size:15px;font-weight:900}.racha-count-dim{color:#6b7591;font-size:13px;font-weight:600}.racha-goal{color:#a4adc0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.racha-claim{border-radius:var(--radius-button,16px);cursor:pointer;color:#0a0a0f;transition:transform var(--dur-fast,.15s) var(--ease,ease), box-shadow var(--dur-fast,.15s) var(--ease,ease);background:linear-gradient(135deg,#fbbf24,#f59e0b);border:0;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px -8px #f59e0bb3}.racha-claim:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #f59e0bd9}.racha-claim:active{transform:scale(.97)}.racha-claim:disabled{opacity:.65;cursor:not-allowed}.racha-reward{border-radius:var(--radius-control,12px);color:#6ee7b7;text-align:center;animation:racha-reward-in .4s var(--ease,cubic-bezier(.16, 1, .3, 1)) both;background:#34d3991a;border:1px solid #34d3994d;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:13px 14px;font-size:14px;font-weight:800;display:flex}@keyframes racha-reward-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:480px){.racha-day-ico{border-radius:11px}.racha-track{gap:6px}}@media (prefers-reduced-motion:reduce){.racha-glow,.racha-day.box.on .racha-day-ico{animation:none!important}.racha-card,.racha-day-ico,.racha-claim,.racha-bar>i,.racha-reward{transition:none;animation:none}.racha-claim:hover{transform:none}}