.checkin-rank-tabs-wrap.css-tabs{padding:12px 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;max-width:100%;box-sizing:border-box}.checkin-rank-tabs-wrap .tab-radio{display:none}.checkin-rank-tabs-wrap .checkin-tab-content{display:none}.checkin-rank-tabs-wrap .tab-radio-today:checked ~ .tab-today,.checkin-rank-tabs-wrap .tab-radio-consecutive:checked ~ .tab-consecutive{display:block}.checkin-rank-tabs-wrap .checkin-tabs-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e9ecef;margin-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.checkin-rank-tabs-wrap .tab-labels{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.checkin-rank-tabs-wrap .checkin-tab-btn{background:none;border:none;padding:8px 20px;font-size:15px;font-weight:500;cursor:pointer;color:#6c757d;transition:all 0.2s;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-block;line-height:1.4}.checkin-rank-tabs-wrap .tab-radio-today:checked ~ .checkin-tabs-header .tab-labels label[for*="_today"],.checkin-rank-tabs-wrap .tab-radio-consecutive:checked ~ .checkin-tabs-header .tab-labels label[for*="_consecutive"]{color:#ff6600;border-bottom-color:#ff6600}.checkin-btn-area{-ms-flex-negative:0;flex-shrink:0}.checkin-btn{display:inline-block;background:#ff6600;color:#fff !important;padding:6px 20px;border-radius:30px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s}.checkin-btn:hover{background:#30a350;text-decoration:none;color:#fff}.checkin-btn.checked{background:#bdbdbd;color:#6c757d;cursor:default}.checkin-rank-list{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;box-sizing:border-box}@supports (display:grid){.checkin-rank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}}.rank-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:10px 4px;border-bottom:none;border-radius:10px;background:#fff;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:visible;min-width:0;box-sizing:border-box;-ms-flex:0 0 18%;flex:0 0 18%;margin:1%;max-width:18%}@supports (display:grid){.rank-item{-ms-flex:none;flex:none;margin:0;max-width:none}}.rank-item::before{content:attr(data-rank);position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#f0f0f0;color:#adb5bd;font-size:10px;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2}.rank-item:nth-child(1)::before{background:#ff6600;color:#fff}.rank-item:nth-child(2)::before{background:#6c757d;color:#fff}.rank-item:nth-child(3)::before{background:#cd7f32;color:#fff}.rank-item:hover{background:#fff8f5;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,102,0,0.12)}.rank-avatar-wrap{position:relative;margin-bottom:6px;width:52px;height:52px;-ms-flex-negative:0;flex-shrink:0}.rank-item .avatar{width:52px !important;height:52px !important;border-radius:50% !important;margin:0 !important;-ms-flex-negative:0;flex-shrink:0;object-fit:cover;transition:all 0.3s ease;border:2px solid #f0f0f0;display:block;box-sizing:border-box;max-width:none !important}.rank-item:nth-child(1) .avatar{border-color:#ff6600}.rank-item:nth-child(2) .avatar{border-color:#6c757d}.rank-item:nth-child(3) .avatar{border-color:#cd7f32}.rank-item:hover .avatar{transform:scale(1.08);box-shadow:0 4px 14px rgba(255,102,0,0.25)}.rank-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) scale(0.85);background:#333;color:#fff;font-size:11px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;pointer-events:none;z-index:100}.rank-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#333}.rank-avatar-wrap:hover .rank-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.rank-name{-ms-flex:none;flex:none;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center;line-height:1.3;padding:0 2px}.rank-number{display:none}.checkin-rank-empty{text-align:center;color:#adb5bd;padding:30px 20px;font-size:14px;grid-column:1 / -1;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (max-width:768px){@supports (display:grid){.checkin-rank-list{grid-template-columns:repeat(4,1fr);gap:10px}}.rank-item{-ms-flex:0 0 23%;flex:0 0 23%;margin:1%;max-width:23%}@supports (display:grid){.rank-item{-ms-flex:none;flex:none;margin:0;max-width:none}}.rank-avatar-wrap{width:48px;height:48px}.rank-item .avatar{width:48px !important;height:48px !important}.rank-name{font-size:11px}.rank-tooltip{font-size:10px;padding:4px 8px}}@media (max-width:480px){.checkin-rank-tabs-wrap .checkin-tabs-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.checkin-btn-area{-ms-flex-item-align:end;align-self:flex-end}@supports (display:grid){.checkin-rank-list{grid-template-columns:repeat(3,1fr);gap:8px}}.rank-item{-ms-flex:0 0 31%;flex:0 0 31%;margin:1%;max-width:31%}@supports (display:grid){.rank-item{-ms-flex:none;flex:none;margin:0;max-width:none}}.rank-item{padding:8px 2px}.rank-avatar-wrap{width:44px;height:44px}.rank-item .avatar{width:44px !important;height:44px !important}.rank-name{font-size:10px}.rank-tooltip{font-size:9px;padding:3px 6px}.checkin-tab-btn{padding:6px 12px;font-size:14px}}