.point-ranking-page{max-width:1120px;margin:0 auto;padding:48px 20px 72px;color:var(--foreground,#1f2937)}
.point-ranking-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.point-ranking-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#6d5dfc}.point-ranking-hero h1{margin:6px 0;font-size:clamp(30px,5vw,48px);font-weight:900}.point-ranking-hero p{margin:0;color:var(--muted-foreground,#6b7280)}.point-ranking-my-link,.point-ranking-back{display:inline-flex;align-items:center;gap:8px;color:#6d5dfc;font-weight:700;text-decoration:none}
.point-ranking-tabs,.point-ranking-periods{display:flex;gap:6px;overflow:auto}.point-ranking-tabs{border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:18px}.point-ranking-tabs a,.point-ranking-periods a{white-space:nowrap;text-decoration:none;color:var(--muted-foreground,#6b7280);font-weight:700}.point-ranking-tabs a{padding:13px 18px;border-bottom:3px solid transparent}.point-ranking-tabs a.is-active{color:#6d5dfc;border-color:#6d5dfc}.point-ranking-periods a{padding:8px 13px;border-radius:999px;background:var(--muted,#f3f4f6)}.point-ranking-periods a.is-active{background:#6d5dfc;color:#fff}
.point-ranking-filter{display:grid;gap:16px;margin-bottom:22px}.point-ranking-search{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.point-ranking-search label,.point-ranking-my-filter label{display:grid;gap:5px;font-size:12px;color:var(--muted-foreground,#6b7280)}.point-ranking-search input,.point-ranking-my-filter select{height:42px;border:1px solid var(--border,#d1d5db);border-radius:9px;padding:0 11px;background:var(--background,#fff);color:inherit}.point-ranking-keyword{flex:1;min-width:190px}.point-ranking-search button,.point-ranking-my-filter button{height:42px;border:0;border-radius:9px;padding:0 20px;background:#171725;color:#fff;font-weight:700}
.point-ranking-my-card{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-bottom:18px;border:1px solid rgba(109,93,252,.25);border-radius:14px;background:rgba(109,93,252,.07)}.point-ranking-my-card span{font-weight:700}.point-ranking-my-card strong{font-size:24px;color:#6d5dfc}.point-ranking-my-card em{font-style:normal;margin-left:auto}.point-ranking-my-card small{font-weight:800}
.point-ranking-board,.point-ranking-chart-card{border:1px solid var(--border,#e5e7eb);border-radius:18px;background:var(--card,#fff);overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.05)}.point-ranking-board-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border,#e5e7eb)}.point-ranking-board-head h2{font-size:18px;margin:0}.point-ranking-board-head span{font-size:13px;color:var(--muted-foreground,#6b7280)}.point-ranking-table-wrap{overflow:auto}.point-ranking-table{width:100%;border-collapse:collapse}.point-ranking-table th,.point-ranking-table td{padding:17px 24px;text-align:left;border-bottom:1px solid var(--border,#eef0f3)}.point-ranking-table th{font-size:12px;color:var(--muted-foreground,#6b7280);background:var(--muted,#f8fafc)}.point-ranking-table th:last-child,.point-ranking-table td:last-child{text-align:right}.point-ranking-table tr.is-me{background:rgba(109,93,252,.07)}.point-ranking-table td:nth-child(2) small{display:block;color:var(--muted-foreground,#6b7280)}.point-ranking-rank{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:50%;font-weight:900}.rank-1{background:#fbbf24;color:#593d00}.rank-2{background:#dbe2ea;color:#344054}.rank-3{background:#d9a77b;color:#573217}.point-ranking-change{font-size:12px;font-weight:800;color:var(--muted-foreground,#6b7280)}.is-up{color:#ef4444!important}.is-down{color:#3b82f6!important}.point-ranking-empty{text-align:center;padding:70px 20px;color:var(--muted-foreground,#6b7280)}.point-ranking-empty i{font-size:42px;opacity:.45}.point-ranking-pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}.point-ranking-pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border:1px solid var(--border,#e5e7eb);border-radius:9px;text-decoration:none;color:inherit}.point-ranking-pagination a.is-active{background:#6d5dfc;border-color:#6d5dfc;color:#fff}
.point-ranking-my-page{color:var(--foreground,#1f2937)}.point-ranking-my-filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:20px 0}.point-ranking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.point-ranking-summary>div{padding:20px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--card,#fff)}.point-ranking-summary span{display:block;font-size:12px;color:var(--muted-foreground,#6b7280)}.point-ranking-summary strong{display:block;margin-top:8px;font-size:25px}.point-ranking-chart{height:360px;padding:22px}.point-ranking-history-table{border-top:1px solid var(--border,#e5e7eb)}.point-ranking-history-table summary{cursor:pointer;padding:15px 22px;font-weight:700;color:#6d5dfc}.point-ranking-back{margin-top:20px}
@media(max-width:700px){.point-ranking-page{padding:30px 14px 50px}.point-ranking-hero{align-items:flex-start;flex-direction:column}.point-ranking-search label{width:calc(50% - 5px)}.point-ranking-keyword{width:100%!important}.point-ranking-search button{width:100%}.point-ranking-table th,.point-ranking-table td{padding:14px 12px}.point-ranking-summary{grid-template-columns:1fr}.point-ranking-my-card{flex-wrap:wrap}.point-ranking-my-card em{margin-left:0}.point-ranking-chart{height:280px}}