:root{--dot:32px}@media (width>=820px){:root{--dot:48px}}.vcard{border:1px solid var(--line);background:radial-gradient(circle at 50% 33%, color-mix(in srgb, var(--el) 46%, transparent), transparent 66%), linear-gradient(170deg, color-mix(in srgb, var(--el) 20%, var(--panel)), var(--panel));border-radius:18px;transition:transform .15s;position:relative;overflow:hidden}.vcard__link{aspect-ratio:3/4.7;color:var(--text);flex-direction:column;justify-content:flex-end;gap:0;padding:11px;text-decoration:none;display:flex;position:relative}.vcard__stars{letter-spacing:1px;color:var(--stars);font-size:11px}.vcard__link>.vcard__stars{position:absolute;top:14px;left:11px}.vcard__img{aspect-ratio:1;width:62%;box-shadow:0 0 0 2px var(--el), 0 0 26px color-mix(in srgb, var(--el) 55%, transparent);border-radius:50%;position:absolute;top:15%;left:50%;transform:translate(-50%)}.vcard__img .thumb{background:0 0;border:0;width:100%;height:100%}.vcard__link>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;position:relative;overflow:hidden}.vcard__chips,.vrow__chips{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vcard__chips{margin-top:5px}.cx-chip{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.cx-chip i{background:var(--el);border-radius:50%;width:7px;height:7px}.cx-chip--goal{background:color-mix(in srgb, var(--gold) 20%, var(--panel));color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);padding:2px 7px}.cx-tag{background:color-mix(in srgb, var(--gold) 18%, var(--panel));color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800}.vcard__own{border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);justify-content:space-between;align-items:center;gap:6px;margin-top:7px;padding-top:7px;font-size:11px;font-weight:700;display:flex;position:relative}.vcard__own small{color:var(--muted);font-weight:600;font-size:inherit}.vcard__own--no{color:var(--muted);font-weight:600}.cx-pips{gap:4px;display:flex}.cx-pips i{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:50%;width:6px;height:6px}.cx-pips i.on{background:var(--gold);box-shadow:0 0 6px color-mix(in srgb, var(--gold) 70%, transparent)}.vcard .star-btn{top:8px;right:8px}.vcard__link:focus-visible,.vrow__link:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:16px}.vcard__skills{gap:6px;margin:8px 0 2px;display:flex;position:relative}.vcard__skills .skill-dot,.vrow__skills .skill-dot{border:1.5px solid var(--el);background:var(--surface-deep);width:var(--dot);height:var(--dot);border-width:2px;border-color:var(--el);border-radius:50%;flex:none;display:block;overflow:hidden}.vcard__skills .skill-dot img,.vrow__skills .skill-dot img{object-fit:cover;width:100%;height:100%;display:block}[data-theme=light] .vcard__skills .skill-dot img,[data-theme=light] .vrow__skills .skill-dot img{filter:brightness(0)}.vrow__skills{flex:none;align-items:center;gap:8px;display:none}.vcard__img--sq{box-shadow:0 0 26px color-mix(in srgb, var(--el) 55%, transparent);border-radius:22%}.vcard__img--sq .item-icon,.vrow__ic .item-icon{border-radius:22%;width:100%;height:100%}.vcard__img--sq .item-icon .thumb,.vrow__ic .item-icon .thumb{width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0}.vrow__ic{flex:none;width:56px;height:56px}.igrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 20px 0;display:grid}@media (width>=820px){.igrid{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 0 0}.vrow__ic{width:68px;height:68px}}.vrows{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.vrow{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--el) 14%, var(--panel)), var(--panel) 55%);border-radius:16px;align-items:center;gap:8px;padding-right:12px;display:flex;position:relative}.vrow__link{min-width:0;color:var(--text);flex:1;align-items:center;gap:12px;padding:10px 0 10px 12px;text-decoration:none;display:flex}.vrow__link .thumb{width:56px;height:56px;box-shadow:0 0 0 2px var(--el), 0 0 16px color-mix(in srgb, var(--el) 45%, transparent);background:0 0;border:0;border-radius:50%;flex:none}.vrow__mid{gap:4px;min-width:0;display:grid}.vrow__mid strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.vrow__rt{flex:none;justify-items:end;gap:6px;display:grid}.vrow .star-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:30px;height:30px;position:static}@media (width>=560px){.vrow__skills{display:flex}}@media (width<=819px){.vcard__link{aspect-ratio:3/5;padding:10px}}@media (width>=820px){.vcard:hover{transform:translateY(-3px)}.vrows{gap:12px}.vrow{gap:16px;min-height:92px;padding-right:20px}.vrow__link{gap:20px;padding:12px 0 12px 16px}.vrow__skills{gap:10px;margin-right:6px}.vrow__link .thumb{width:68px;height:68px}.vrow__mid{gap:7px}.vrow__mid strong{font-size:20px}.vrow .vcard__stars{font-size:14px}.vrow .cx-chip{padding:3px 11px;font-size:13px}.vrow .cx-tag{padding:3px 12px;font-size:13px}.vrow .star-btn{width:36px;height:36px}.vrow .star-btn svg{width:24px;height:24px}.vrow__rt{gap:8px}}main>.vrows{padding:10px 20px 0}@media (width>=820px){main>.vrows{padding:10px 0 0}}.items-bar .home-count{margin:0 0 0 20px}.items-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-right:20px;display:flex}@media (width>=820px){.items-bar{padding-right:0}.items-bar .home-count{margin-left:0}}.vcard__best{gap:6px;margin:8px 0 2px;display:flex;position:relative}.best-dot{width:var(--dot);height:var(--dot);border:2px solid var(--el);background:var(--surface-deep);border-radius:50%;flex:none;display:block;overflow:hidden}.best-dot .thumb{object-fit:cover;width:100%;height:100%}.vrow__best{flex:none;align-items:center;gap:8px;display:none}@media (width>=560px){.vrow__best{display:flex}}@media (width>=820px){.vrow__best{gap:10px;margin-right:6px}}
