.profile-head{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:22px;display:flex}.profile-avatar{background:var(--raised);border:1px solid var(--divider);width:64px;height:64px;color:var(--text);letter-spacing:-.02em;border-radius:18px;place-items:center;font-size:22px;font-weight:600;display:grid}.profile-who{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.profile-who h2{letter-spacing:-.02em;margin:0;font-size:22px}.profile-level{flex-direction:column;gap:8px;min-width:240px;display:flex}.profile-level-name{color:var(--soft-red);font-size:15px;font-weight:600}.profile-level .bar{background:var(--raised);border-radius:999px;height:8px;overflow:hidden}.profile-level .bar i{background:var(--red);border-radius:999px;height:100%;transition:width .6s ease-out;display:block}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px 22px 22px;display:grid}.badge-tile{border:1px solid var(--divider);background:var(--ground);opacity:.45;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.badge-tile small{color:var(--muted);font-size:12px;line-height:1.4}.badge-tile.on{opacity:1;border-color:var(--divider);background:var(--raised)}.badge-mark{border:1px solid var(--divider);width:26px;height:26px;color:var(--ground);border-radius:999px;place-items:center;margin-bottom:4px;font-size:13px;font-weight:700;display:grid}.badge-tile.on .badge-mark{background:var(--green);border-color:var(--green)}.cat-row{align-items:center}.cat-bar{flex:1;justify-content:flex-end;align-items:center;gap:10px;max-width:70%;display:flex}.cat-bar i{background:var(--soft-red);border-radius:999px;flex:0 auto;height:6px;display:block}.cat-bar b{text-align:right;min-width:90px;font-weight:500}.public-page{background:var(--ground);min-height:100vh}.public-top{border-bottom:1px solid var(--edge);align-items:center;padding:18px 24px;display:flex}.public-top a{color:var(--text);gap:10px;text-decoration:none}.public-page .page{flex-direction:column;gap:18px;max-width:980px;margin:0 auto;padding:28px 16px;display:flex}@media (max-width:860px){.profile-level{width:100%;min-width:0}.cat-bar{max-width:60%}}.profile-who h2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.verified{height:22px;color:var(--green);letter-spacing:0;background:#40f0a71f;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.rank{border:1px solid var(--divider);background:var(--raised);border-radius:999px;align-self:flex-start;margin-top:6px;padding:4px 10px;font-size:12.5px}.vol-total{font-variant-numeric:tabular-nums;color:var(--text);font-size:15px;font-weight:600}.vol{--vol-mark:#e9605f;padding:6px 22px;position:relative}.vol-top{height:16px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:11px;display:flex}.vol-top:after{content:"";background:var(--edge);flex:1;height:1px}.vol-bars{border-bottom:1px solid var(--divider);grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;height:190px;display:grid}.vol-col{border-radius:6px 6px 0 0;outline:none;flex-direction:column;align-items:center;height:100%;display:flex;position:relative}.vol-track{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.vol-track i{background:var(--vol-mark);transform-origin:bottom;border-radius:4px 4px 0 0;width:min(26px,62%);transition:filter .15s;animation:.45s cubic-bezier(.2,.8,.2,1) backwards vol-rise;display:block}.vol-track i.none{background:var(--divider);border-radius:0;height:2px;animation:none}.vol-col:hover,.vol-col:focus-visible{background:#ffffff09}.vol-col:hover .vol-track i:not(.none),.vol-col:focus-visible .vol-track i:not(.none){filter:brightness(1.18)}.vol-label{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;top:calc(100% + 7px)}.vol-tip{z-index:2;border:1px solid var(--divider);background:var(--raised);white-space:nowrap;pointer-events:none;border-radius:9px;flex-direction:column;gap:2px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.vol-tip b{font-variant-numeric:tabular-nums;font-weight:600}.vol-tip span{color:var(--muted);font-size:11.5px}.vol-col:hover .vol-tip,.vol-col:focus-visible .vol-tip{display:flex}.vol-col:nth-child(-n+2) .vol-tip{left:0;transform:none}.vol-col:nth-last-child(-n+2) .vol-tip{left:auto;right:0;transform:none}.vol-foot{padding:30px 22px 16px;font-size:12.5px}.vol+.vol-foot{padding-top:30px}table+.vol-foot{padding-top:14px}@keyframes vol-rise{0%{transform:scaleY(0)}}.slabs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;padding:4px 22px 22px;display:grid}.slab{border:1px solid var(--divider);background:var(--ground);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.slab-grade{background:var(--raised);border:1px solid var(--divider);letter-spacing:.02em;border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:11.5px;font-weight:500}.slab-price{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}@media (max-width:860px){.vol{padding-left:16px;padding-right:16px}.vol-bars{height:150px}.vol-col:nth-last-child(2n) .vol-label{display:none}.vol-foot{padding-left:16px;padding-right:16px}.slabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 18px}}@media (prefers-reduced-motion:reduce){.vol-track i{animation:none}}