.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{min-width:0}.nav-item span{font-size:10px}.ranking{padding-bottom:140px}.ranking-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ranking>.muted{font-size:13px;line-height:1.7;margin:12px 0 24px}.rank-icon{width:42px;height:42px;border-radius:50%;background:#fff8;border:1px solid #fff;font-size:24px}.rank-tabs{display:flex;gap:5px;padding:5px;background:#ebe3ef85;border:1px solid #fff9;border-radius:22px;margin-bottom:12px}.rank-tabs button{flex:1;min-width:0;min-height:43px;padding:10px 4px;background:transparent;border-radius:17px;font-size:13px;color:#796280}.rank-tabs button[aria-pressed=true]{background:#ffffffd9;color:#432b47;box-shadow:0 2px 12px #76577d0a}.rank-tabs+ .rank-tabs{background:transparent;border:1px solid #ddcfe080;padding:3px;margin-top:16px}.rank-rule,.rank-help{font-size:12px!important;line-height:1.65!important;color:#78637f;margin:12px 0}.rank-tools{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0}.rank-add,.rank-more{border:1px solid #dfd1e3;background:#ffffffa6;border-radius:18px;padding:12px 15px;min-height:44px;font-size:12px}.rank-link{background:none;font-size:12px;min-height:44px;color:#805a87;text-decoration:underline;text-underline-offset:4px}.rank-self{display:flex;align-items:center;gap:14px;padding:18px 15px;border:1px solid #fff;border-radius:25px;background:linear-gradient(130deg,#f5e3efb3,#ece7f8b3);margin:22px 0}.rank-self>span:nth-child(2){flex:1;min-width:0}.rank-self strong{font-size:15px;overflow-wrap:anywhere}.rank-self small,.rank-name small{display:block;margin-top:4px;color:#8c7493;font-size:11px}.rank-list{border:1px solid #fffc;border-radius:25px;background:#ffffff61;overflow:hidden}.rank-row{display:flex;align-items:center;gap:10px;min-height:76px;padding:14px 13px;border-bottom:1px solid #e7ddea75}.rank-row:last-child{border-bottom:0}.rank-row.is-me{background:#f2e7f466}.rank-number{width:24px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;color:#8a7191}.rank-medal{color:#91667b;font-weight:600}.rank-avatar{width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#f1dce6,#e1deef);color:#9878a0;font-size:13px;border:1px solid #fff}.rank-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:13px;font-weight:500}.rank-score{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;min-width:25px;text-align:right}.rank-join{background:#ffffff80;border:1px solid white;border-radius:29px;padding:26px 20px;margin-top:25px}.rank-orbit{display:grid;place-items:center;width:62px;height:62px;background:linear-gradient(145deg,#fde5ed,#e5e3f7);border:1px solid white;border-radius:50%;font-size:27px;color:#a47ba9;margin-bottom:22px}.rank-join h2,.rank-empty h2,.rank-manage h2{font-size:22px;line-height:1.3;margin-bottom:14px}.rank-join p,.rank-empty p,.rank-manage p{font-size:13px;line-height:1.7;color:#78637f}.rank-join form{display:block;margin-top:24px}.ranking label{display:block;font-size:12px;line-height:1.7}.ranking input:not([type=checkbox]){display:block;width:100%;border:1px solid #d9cce0;border-radius:18px;background:#fff9;padding:14px 15px;font-size:16px;color:#432b47;margin-top:8px}.rank-check{display:flex!important;align-items:flex-start;gap:10px;margin:22px 0 12px}.rank-check input{appearance:auto;width:20px;height:20px;min-width:20px;accent-color:#916494;margin-top:2px}.rank-check span{font-size:12px}.rank-join .primary{width:100%;font-size:14px;margin-top:12px;min-height:50px}.rank-empty{border:1px solid #fff;background:#fff7;border-radius:25px;padding:28px 22px;margin-top:25px;color:#78637f;font-size:14px;line-height:1.7}.rank-add-form,.rank-manage{border:1px solid #fff;border-radius:22px;background:#fff8;padding:18px;margin:16px 0}.rank-add-form .primary{font-size:13px;min-height:44px;flex:1}.rank-manage>div:not(.rank-tools){display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8ddeb;font-size:13px}.rank-error{font-size:13px;color:#963e66;margin:16px 0;line-height:1.65}.rank-center{text-align:center}.rank-more{display:block;width:100%;margin:16px 0}.ranking-demo{font-size:11px;color:#7b6084;background:#ffffffa6;border:1px solid #fff;border-radius:14px;padding:10px 12px;margin:15px 0}.ranking-preview-label{font-size:11px;padding:13px 20px;text-align:center;color:#735c7c;background:#fff8}.ranking-preview-label a{color:inherit}@media(max-width:360px){.nav-item span{font-size:10px}.rank-row{gap:8px;padding:12px 10px}.rank-name{font-size:12px}.rank-avatar{width:29px;height:29px}.rank-tabs button{font-size:12px}.rank-join{padding:22px 17px}.ranking .primary{font-size:13px}.rank-number{width:20px}}